stone-kit 0.0.1029 → 0.0.1030

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type TagWidth = 'full' | 'auto';
 export interface IMetroTagProps extends React.HTMLAttributes<HTMLDivElement> {
     metro: {

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

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { IModalProps } from './Modal.types';
+
 export declare const Modal: FC<IModalProps>;

package/dist/components/Modal/ui/Modal.js

@@ -1,73 +1,76 @@
-import { jsxs as $, jsx as r } from "react/jsx-runtime";
-import { useEffect as k } from "react";
-import { createPortal as p } from "react-dom";
-const N = "_root_1vbbc_11", C = "_modalBody_1vbbc_25", L = "_modalOverlay_1vbbc_30", x = "_isTransparentBack_1vbbc_41", s = {
+import { jsxs as B, jsx as a } from "react/jsx-runtime";
+import { useEffect as $ } from "react";
+import { createPortal as k } from "react-dom";
+const N = "_root_1vbbc_11", C = "_modalBody_1vbbc_25", L = "_modalOverlay_1vbbc_30", x = "_isTransparentBack_1vbbc_41", I = "_fadeInUp_1vbbc_1", s = {
   root: N,
   modalBody: C,
   modalOverlay: L,
-  isTransparentBack: x
-}, h = ({
-  isOpen: e,
-  emitIsOpen: t,
-  isTransparentBack: d = !1,
-  isClickOutside: c = !0,
-  leaveDisableScroll: n = !1,
+  isTransparentBack: x,
+  fadeInUp: I
+}, g = ({
+  isOpen: d,
+  emitIsOpen: c,
+  isTransparentBack: e = !1,
+  isClickOutside: r = !0,
+  leaveDisableScroll: t = !1,
   createPortalObj: o,
   additionalClass: i,
   additionalClassOverlay: m,
   additionalClassModalBody: f,
   opacity: u = 0.7,
   colorOverlay: l,
-  notDisableScroll: y = !1,
-  children: b,
-  modalBodyRef: v,
-  additionalStylesModalBody: _
+  notDisableScroll: v = !1,
+  children: y,
+  modalBodyRef: _,
+  additionalStylesModalBody: b
 }) => {
-  const B = () => {
-    c && t(!1);
+  const p = () => {
+    r && c(!1);
   };
-  k(() => {
-    if (!y) {
-      if (e) {
-        if (document.body.classList.contains("disable-scroll")) return;
+  $(() => {
+    if (!v) {
+      if (d) {
+        if (document.body.classList.contains("disable-scroll"))
+          return;
         document.body.classList.add("disable-scroll");
       } else {
-        if (n) return;
+        if (t)
+          return;
         document.body.classList.remove("disable-scroll");
       }
       return () => document.body.classList.remove("disable-scroll");
     }
-  }, [e]);
-  const a = /* @__PURE__ */ $(
+  }, [d]);
+  const n = /* @__PURE__ */ B(
     "div",
     {
       className: `${s.root} ${i}`,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "div",
           {
-            onClick: B,
-            className: `${s.modalOverlay} ${m} ${d ? s.isTransparentBack : ""}`,
+            onClick: p,
+            className: `${s.modalOverlay} ${m} ${e ? s.isTransparentBack : ""}`,
             style: {
-              opacity: d ? u : void 0,
+              opacity: e ? u : void 0,
               backgroundColor: l || void 0
             }
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           "div",
           {
             className: `${s.modalBody} ${f}`,
-            ref: v,
-            style: _,
-            children: b
+            ref: _,
+            style: b,
+            children: y
           }
         )
       ]
     }
   );
-  return e ? o?.domNode && o.domNode.isConnected ? p(a, o.domNode, o.key) : a : null;
+  return d ? o != null && o.domNode && o.domNode.isConnected ? k(n, o.domNode, o.key) : n : null;
 };
 export {
-  h as Modal
+  g as Modal
 };

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

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
+
 export interface IModalProps {
     isOpen: boolean;
     emitIsOpen: Dispatch<SetStateAction<boolean>>;

package/dist/components/ModalSuccess/ModalSuccess.d.ts

@@ -1,2 +1,3 @@
 import { IModalSuccess } from './ModalSuccess.types.ts';
+
 export declare const ModalSuccess: ({ isSuccessOpen, setIsSuccess, createPortalObj }: IModalSuccess) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ModalSuccess/ModalSuccess.js

@@ -1,31 +1,32 @@
-import { jsx as c, jsxs as s } from "react/jsx-runtime";
-import { Modal as l } from "../Modal/ui/Modal.js";
-import { NewIcon as i } from "../NewIcon/ui/NewIcon.js";
-import { Button as d } from "../Button/ui/Button.js";
-const n = "_modal_1og3m_1", m = "_modalBody_1og3m_9", r = "_root_1og3m_14", _ = "_check_1og3m_26", h = "_iconCircle_1og3m_32", C = "_iconCheck_1og3m_38", u = "_text_1og3m_44", k = "_successTitle_1og3m_52", o = {
-  modal: n,
+import { jsx as c, jsxs as t } from "react/jsx-runtime";
+import { Modal as a } from "../Modal/ui/Modal.js";
+import { Button as n } from "../Button/ui/Button.js";
+import { NewIcon as s } from "../NewIcon/ui/NewIcon.js";
+const d = "_modal_1og3m_1", m = "_modalBody_1og3m_9", r = "_root_1og3m_14", _ = "_check_1og3m_26", h = "_iconCircle_1og3m_32", C = "_iconCheck_1og3m_38", u = "_text_1og3m_44", k = "_successTitle_1og3m_52", g = "_title_1og3m_67", o = {
+  modal: d,
   modalBody: m,
   root: r,
   check: _,
   iconCircle: h,
   iconCheck: C,
   text: u,
-  successTitle: k
-}, y = ({ isSuccessOpen: t, setIsSuccess: e, createPortalObj: a }) => /* @__PURE__ */ c(
-  l,
+  successTitle: k,
+  title: g
+}, v = ({ isSuccessOpen: i, setIsSuccess: e, createPortalObj: l }) => /* @__PURE__ */ c(
+  a,
   {
-    createPortalObj: a,
+    createPortalObj: l,
     emitIsOpen: e,
-    isOpen: t,
+    isOpen: i,
     additionalClassModalBody: o.modalBody,
     additionalClass: o.modal,
     opacity: 0.7,
     isTransparentBack: !0,
-    children: /* @__PURE__ */ s("div", { className: o.root, children: [
-      /* @__PURE__ */ s("div", { className: o.check, children: [
-        /* @__PURE__ */ c(i, { name: "circle", size: "80", additionalClass: o.iconCircle, color: "#57C27D" }),
+    children: /* @__PURE__ */ t("div", { className: o.root, children: [
+      /* @__PURE__ */ t("div", { className: o.check, children: [
+        /* @__PURE__ */ c(s, { name: "circle", size: "80", additionalClass: o.iconCircle, color: "#57C27D" }),
         /* @__PURE__ */ c(
-          i,
+          s,
           {
             additionalClass: o.iconCheck,
             size: "32",
@@ -34,12 +35,12 @@ const n = "_modal_1og3m_1", m = "_modalBody_1og3m_9", r = "_root_1og3m_14", _ =
           }
         )
       ] }),
-      /* @__PURE__ */ s("div", { className: o.text, children: [
+      /* @__PURE__ */ t("div", { className: o.text, children: [
         /* @__PURE__ */ c("div", { className: o.successTitle, children: "Запрос принят" }),
         /* @__PURE__ */ c("div", { className: o.successText, children: "Наш менеджер свяжется с вами в ближайшее время" })
       ] }),
       /* @__PURE__ */ c(
-        d,
+        n,
         {
           "data-testid": "modal_submit",
           variant: "blue",
@@ -56,5 +57,5 @@ const n = "_modal_1og3m_1", m = "_modalBody_1og3m_9", r = "_root_1og3m_14", _ =
   }
 );
 export {
-  y as ModalSuccess
+  v as ModalSuccess
 };

package/dist/components/ModalSuccess/ModalSuccess.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface IModalSuccess {
     isSuccessOpen: boolean;
     setIsSuccess: React.Dispatch<React.SetStateAction<boolean>>;

package/dist/components/NewIcon/icons/PinTrans.d.ts

@@ -1,3 +1,4 @@
 import { ReactSVGComponent } from '../ui/NewIcon.types';
+
 declare const PinTrans: ReactSVGComponent;
 export default PinTrans;

package/dist/components/NewIcon/icons/SmallFilter.d.ts

@@ -1,3 +1,4 @@
 import { ReactSVGComponent } from '../ui/NewIcon.types';
+
 declare const SmallFilter: ReactSVGComponent;
 export default SmallFilter;

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

@@ -1,4 +1,5 @@
 import { ReactSVGComponent } from './NewIcon.types';
+
 type IconComponentProps = {
     name: keyof typeof iconTypes;
     size?: string;

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

@@ -3,7 +3,7 @@ import * as e from "react";
 import { forwardRef as o } from "react";
 import { F as m } from "../../../PinTrans-D6OZq76b.js";
 import { F as h } from "../../../SmallFilter-C-VKnbkP.js";
-import { c as d } from "../../../index-YnD2EP-S.js";
+import { c as d } from "../../../index-rKuIKazb.js";
 const C = ({
   title: t,
   titleId: l,

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

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

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

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

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

@@ -1,15 +1,17 @@
 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 = {
+import { LotCardSkeleton as c } from "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+const a = "_root_eu55e_12", s = "_projectHeader_eu55e_20", i = "_projectTitleWrapper_eu55e_28", l = "_projectBtn_eu55e_33", n = "_pulsing_eu55e_1", _ = "_projectTitle_eu55e_28", j = "_projectYearMobile_eu55e_49", d = "_metroWrapper_eu55e_58", m = "_filterBtnWrapper_eu55e_71", u = "_projectYearDesktop_eu55e_113", e = {
   root: a,
   projectHeader: s,
   projectTitleWrapper: i,
   projectBtn: l,
-  projectTitle: j,
-  projectYearMobile: n,
-  metroWrapper: _,
-  projectYearDesktop: d
-}, v = () => {
+  pulsing: n,
+  projectTitle: _,
+  projectYearMobile: j,
+  metroWrapper: d,
+  filterBtnWrapper: m,
+  projectYearDesktop: u
+}, N = () => {
   const o = [1, 2, 3, 4, 5];
   return /* @__PURE__ */ t("div", { className: e.root, children: [
     /* @__PURE__ */ t("div", { className: e.projectHeader, children: [
@@ -24,9 +26,9 @@ const a = "_root_eu55e_12", s = "_projectHeader_eu55e_20", i = "_projectTitleWra
       ] }),
       /* @__PURE__ */ r("div", { className: e.projectYearMobile })
     ] }),
-    o.map((c) => /* @__PURE__ */ r(p, {}, c))
+    o.map((p) => /* @__PURE__ */ r(c, {}, p))
   ] });
 };
 export {
-  v as ProjectCardSkeleton
+  N as ProjectCardSkeleton
 };

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

@@ -1,3 +1,4 @@
 import { default as React } from 'react';
 import { ComponentProps } from './RoundButton.types';
+
 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,8 +1,8 @@
 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 { c as y } from "../../../index-rKuIKazb.js";
 import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
+import { sizeMap as i } from "./RoundButton.types.js";
 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",

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 export declare const ROUND_BUTTON_VARIANTS: {
     whiteStroke: string;
     blackFill: string;

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

@@ -1,5 +1,6 @@
 import { TCategory, TModeSelect, TOption } from '../ui/Select.types.ts';
 import { SetStateAction } from 'react';
+
 export type TClickOptionProps = {
     option: TOption | TOption[];
     disabledOptions: TOption[];

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

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

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

@@ -1,4 +1,5 @@
 import { TCategory, TModeSelect, TOption } from './Select.types.ts';
+
 export interface IOption {
     category: TCategory;
     selectedValues?: TOption[];