intelicoreact 2.0.11 → 2.0.12

package/dist/ui.js

@@ -1,339 +1,12 @@
-// src/Atomic/UI/Accordion/Accordion.tsx
-import cn3 from "classnames";
-import { useState as useState2 } from "react";
-import * as Icons2 from "react-feather";
-import { NavLink as NavLink2 } from "react-router-dom";
-
-// src/Functions/utils.js
-import { useEffect } from "react";
-import moment from "moment-timezone";
-
-// src/Constants/index.constants.js
-var DEFAULT_COLORS = [
-  "#D9C1FF",
-  "#FFBAF0",
-  "#FFB8CE",
-  "#FFC3A2",
-  "#FFDB7C",
-  "#F9F871",
-  "#C3FCF1",
-  "#F6F2CB",
-  "#E0F8D1",
-  "#B1DFFB",
-  "#8DECFE",
-  "#76F7ED",
-  "#8AFEC8"
-];
-var KEYBOARD_KEY_CODES = {
-  Backspace: 8,
-  Delete: 46,
-  ARROW_LEFT: 37,
-  ARROW_RIGHT: 39
-};
-
-// src/Functions/utils.js
-var getIsOnlyAnObject = (input) => {
-  return typeof input === "object" && // "отбивает" примитивы и функции
-  input instanceof Object && // "отбивает" null
-  !Array.isArray(input) && // "отбивает" массивы
-  !(input instanceof Set) && // "отбивает" сеты
-  !(input instanceof Map);
-};
-var handleObjectChange = (updateObject, updateFunction) => (data, prop = "", isNumber) => {
-  let value;
-  if (data?.target) {
-    value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
-  } else value = data;
-  value = isNumber ? Number(value) : value;
-  const props = prop.split(".");
-  const currentObject = props.reduce((res, chapter, index) => {
-    if (props.length !== index + 1) res = res[chapter];
-    return res;
-  }, updateObject);
-  currentObject[props.pop()] = value;
-  updateFunction();
-};
-var useOutsideToggle = (ref, setOut, open) => {
-  function handleClickOutside(event) {
-    if (ref.current && !ref.current.contains(event.target)) {
-      setOut(open);
-    }
-  }
-  useEffect(() => {
-    document.addEventListener("mouseup", handleClickOutside);
-    return () => {
-      document.removeEventListener("mouseup", handleClickOutside);
-    };
-  }, [ref]);
-};
-var getStyles = (el, prop) => {
-  if (!el) return null;
-  if (!prop) return window.getComputedStyle(el);
-  return window.getComputedStyle(el).getPropertyValue(prop);
-};
-var getColorById = (id, colors) => {
-  if (!id) return "#FF7D00";
-  const idToArr = Array.from(id);
-  const colorsArr = colors && colors.length > 0 ? colors : DEFAULT_COLORS;
-  let number = idToArr.reduce((acc, item) => {
-    if (Number(item)) {
-      return acc + Number(item);
-    }
-    return acc;
-  }, 0);
-  while (number >= colorsArr.length) {
-    number -= colorsArr.length;
-  }
-  return colorsArr[number];
-};
-var addBitDepthPoints = (value, step = 3) => {
-  const isFraction = value?.includes(".");
-  const valueBeforeDot = isFraction ? value?.slice(0, value?.indexOf(".")) : value;
-  const intPart = valueBeforeDot.split("").reverse().reduce(
-    (acc, item, idx) => idx % step === 0 && idx !== 0 ? [...acc, ",", item] : [...acc, item],
-    []
-  ).reverse().join("");
-  return isFraction ? intPart + value?.slice(value?.indexOf(".")) : intPart;
-};
-var firstLetterCapital = (str) => typeof str === "string" ? `${str.charAt(0).toUpperCase()}${str.slice(1)}` : str;
-var capitalized = firstLetterCapital;
-var checkedRef = (ref) => ref ? typeof ref === "function" ? (node) => ref(node) : ref : null;
-String.prototype.longerThan = function(compareWith) {
-  return this?.length > compareWith?.length;
-};
-String.prototype.lastIndexEqualsTo = function(index) {
-  return this?.length - 1 === index;
-};
-
-// src/Atomic/UI/Accordion/AccordionItem.tsx
-import cn2 from "classnames";
-import { useEffect as useEffect2, useRef, useState } from "react";
-import * as Icons from "react-feather";
-import { NavLink } from "react-router-dom";
-
-// src/Atomic/UI/Status/Status.tsx
-import cn from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-function defaultOnClick() {
-}
-var Status = ({
-  icon,
-  value,
-  label,
-  status,
-  disabled,
-  type,
-  active = 0,
-  pause = 0,
-  className,
-  noBackground,
-  children,
-  testId = "status",
-  onClick = defaultOnClick
-}) => {
-  if (!status) return null;
-  const text = children && typeof children === "string" ? children : value || label || status;
-  const formattedLabel = text?.[0].toUpperCase() + text?.slice(1);
-  return /* @__PURE__ */ jsx("div", { onClick, "data-testid": testId, className: cn({ disabled }, className), children: type === "number" ? /* @__PURE__ */ jsx("div", { children: active === 0 && pause === 0 ? /* @__PURE__ */ jsx("div", { className: "status status--error", children: /* @__PURE__ */ jsx("span", { children: active }) }) : /* @__PURE__ */ jsxs("div", { className: "status status--warning", children: [
-    /* @__PURE__ */ jsx("span", { className: "status--number-active", children: active }),
-    /* @__PURE__ */ jsx("span", { className: "color--gray-gull", children: " / " }),
-    /* @__PURE__ */ jsx("span", { className: pause > 0 ? "color--froly" : "color--gray-gull", children: pause })
-  ] }) }) : /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "status",
-        `status--${status}`,
-        {
-          "status--no-bg": noBackground && status === "pause",
-          "color--gray-gull": noBackground && status === "pause" && !className,
-          "j4": !!icon
-        },
-        className
-      ),
-      children: [
-        icon,
-        formattedLabel
-      ]
-    }
-  ) });
-};
-var Status_default = Status;
-
-// src/Atomic/UI/Status/index.ts
-var Status_default2 = Status_default;
-
-// src/Atomic/UI/Accordion/AccordionItem.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var AccordionItem = ({
-  item,
-  onClick,
-  isOpen,
-  className,
-  children,
-  noChevron,
-  testId = "accordion-item"
-}) => {
-  const Icon = Icons[item.icon];
-  const [maxHeight, setMaxHeight] = useState(0);
-  const ref = useRef(null);
-  const getItemsHeight = () => {
-    let itemHeight = 0;
-    ref.current?.childNodes.forEach((el) => {
-      itemHeight += el.offsetHeight;
-    });
-    return itemHeight + 20;
-  };
-  useEffect2(() => {
-    setMaxHeight(isOpen ? getItemsHeight() : 0);
-  }, [isOpen]);
-  const calculateStatusCount = () => {
-    return item?.rows?.reduce(
-      (acc, row) => {
-        const result = row.cols.reduce(
-          (accum, col) => ({
-            active: accum.active + (col.status === "active" ? 1 : 0),
-            pause: accum.pause + (col.status === "pause" ? 1 : 0)
-          }),
-          { active: 0, pause: 0 }
-        );
-        return {
-          active: acc.active + result.active,
-          pause: acc.pause + result.pause
-        };
-      },
-      { active: 0, pause: 0 }
-    );
-  };
-  return /* @__PURE__ */ jsxs2(
-    "div",
-    {
-      "data-testid": testId,
-      className: cn2("accordion--item", className),
-      role: "region",
-      "aria-labelledby": `accordion-title-${item.title}`,
-      children: [
-        /* @__PURE__ */ jsxs2(
-          "div",
-          {
-            className: cn2("accordion--title-box", {
-              "accordion--title-open": isOpen
-            }),
-            onClick: () => onClick(!isOpen),
-            id: `accordion-title-${item.title}`,
-            role: "button",
-            "aria-expanded": isOpen,
-            "aria-controls": `accordion-content-${item.title}`,
-            tabIndex: 0,
-            children: [
-              /* @__PURE__ */ jsxs2("div", { className: "j4 no-wrap", children: [
-                item?.icon && /* @__PURE__ */ jsx2(Icon, { className: cn2("mr5", item?.className), "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx2("span", { className: "accordion--title", children: item.title || "Menu Chapter" })
-              ] }),
-              /* @__PURE__ */ jsxs2("div", { className: "j6 accordion-title__right-box", children: [
-                item.status && /* @__PURE__ */ jsx2("div", { className: "mr5", children: /* @__PURE__ */ jsx2(
-                  Status_default2,
-                  {
-                    type: item?.status.type,
-                    value: item?.status.value,
-                    status: item?.status.status,
-                    active: calculateStatusCount()?.active,
-                    pause: calculateStatusCount()?.pause
-                  }
-                ) }),
-                !noChevron && /* @__PURE__ */ jsx2(
-                  Icons.ChevronRight,
-                  {
-                    "aria-hidden": "true",
-                    className: cn2("accordion--title-chevron", {
-                      "accordion--title-chevron-open": isOpen
-                    })
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          "div",
-          {
-            ref,
-            style: { maxHeight },
-            className: cn2("accordion--content", {
-              "accordion--content-is-open": isOpen
-            }),
-            id: `accordion-content-${item.title}`,
-            role: "region",
-            "aria-labelledby": `accordion-title-${item.title}`,
-            children: item.children ? item.children.map((el) => {
-              return /* @__PURE__ */ jsx2(NavLink, { to: el.link, className: "accordion--content-item accordion--menu-link", children: el?.title || "Menu item" }, el.id);
-            }) : children
-          }
-        )
-      ]
-    }
-  );
-};
-var AccordionItem_default = AccordionItem;
-
-// src/Atomic/UI/Accordion/Accordion.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CN = "accordion";
-var Accordion = ({
-  items,
-  className,
-  itemClassName,
-  isMenuHovered,
-  isOpen,
-  testId = CN
-}) => {
-  const [data, setData] = useState2(items);
-  const onChange = handleObjectChange(setData, () => setData([...data]));
-  const handleArrayChange = (e, index, prop) => {
-    data[index][prop] = e;
-    onChange(data);
-  };
-  return /* @__PURE__ */ jsx3("div", { className: cn3(CN, className), "data-testid": testId, role: "list", "aria-label": "Accordion list", children: items?.map((item, index) => {
-    const Icon = Icons2[item.icon];
-    return item.link ? /* @__PURE__ */ jsxs3(
-      NavLink2,
-      {
-        "data-testid": `${testId}-link-${index}`,
-        to: item.link,
-        className: cn3("main-menu--item main-menu--items-box-title"),
-        children: [
-          item?.icon && /* @__PURE__ */ jsx3(Icon, { className: cn3("mr5", item?.className) }),
-          /* @__PURE__ */ jsx3("span", { className: cn3({ hidden: !isOpen && !isMenuHovered }), children: item?.title || "Link" })
-        ]
-      },
-      index
-    ) : /* @__PURE__ */ jsx3(
-      AccordionItem_default,
-      {
-        testId: `${testId}-item-${index}`,
-        className: itemClassName,
-        item,
-        isOpen: !!item.isOpen,
-        onClick: (value) => handleArrayChange(value, index, "isOpen")
-      },
-      index
-    );
-  }) });
-};
-var Accordion_default = Accordion;
-
-// src/Atomic/UI/Accordion/index.ts
-var Accordion_default2 = Accordion_default;
-
 // src/Atomic/UI/AccordionTable/AccordionTable.js
-import React4, { useEffect as useEffect4, useState as useState4 } from "react";
-import cn5 from "classnames";
+import React2, { useEffect as useEffect2, useState as useState2 } from "react";
+import cn2 from "classnames";
 import { ArrowDown, ArrowUp, ChevronDown, Tag } from "react-feather";
 
 // src/Atomic/UI/MonoAccordion/MonoAccordion.js
-import React3, { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
-import cn4 from "classnames";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
 var RC = "mono-accordion";
 var MonoAccordion = ({
   titleJSX,
@@ -346,9 +19,9 @@ var MonoAccordion = ({
   testId = "mono-accordion",
   datasetProp = {}
 }) => {
-  const [maxHeight, setMaxHeight] = useState3();
-  const titleRef = useRef2();
-  const containerRef = useRef2();
+  const [maxHeight, setMaxHeight] = useState();
+  const titleRef = useRef();
+  const containerRef = useRef();
   const setHeight = (value) => {
     if (value !== void 0) setMaxHeight((state) => `${value}px`);
     else
@@ -365,38 +38,38 @@ var MonoAccordion = ({
       e?.stopPropagation();
     } else return e;
   };
-  useEffect3(() => {
+  useEffect(() => {
     if (!isOpen) setHeight(0);
     else setHeight();
   }, [isOpen, children]);
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ...datasetProp,
       "data-testid": testId,
-      className: cn4(RC, className, {
+      className: cn(RC, className, {
         [`${RC}_is-open`]: isOpen,
         [`${RC}_disabled`]: disabled
       }),
       children: [
-        /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: `${RC}__head`,
             onClick: handleClick,
             children: [
-              /* @__PURE__ */ jsx4("div", { ref: titleRef, className: `${RC}__tile-container`, children: titleJSX }),
-              /* @__PURE__ */ jsx4("span", { className: `${RC}__icon-container`, children: icon })
+              /* @__PURE__ */ jsx("div", { ref: titleRef, className: `${RC}__tile-container`, children: titleJSX }),
+              /* @__PURE__ */ jsx("span", { className: `${RC}__icon-container`, children: icon })
             ]
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx(
           "div",
           {
             ref: containerRef,
             style: { maxHeight },
-            className: cn4(`${RC}__container`),
-            children: /* @__PURE__ */ jsx4("div", { className: `${RC}__content-wrapper`, children })
+            className: cn(`${RC}__container`),
+            children: /* @__PURE__ */ jsx("div", { className: `${RC}__content-wrapper`, children })
           }
         )
       ]
@@ -406,7 +79,7 @@ var MonoAccordion = ({
 var MonoAccordion_default = MonoAccordion;
 
 // src/Atomic/UI/AccordionTable/AccordionTable.js
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var AccordionTable = ({
   className,
   header,
@@ -417,8 +90,8 @@ var AccordionTable = ({
   },
   sortParams
 }) => {
-  const [accordions, setAccordions] = useState4(items);
-  const sortedColClassName = (item) => cn5(
+  const [accordions, setAccordions] = useState2(items);
+  const sortedColClassName = (item) => cn2(
     "accordion-table__header-item",
     item.className,
     {
@@ -461,16 +134,16 @@ var AccordionTable = ({
   };
   const renderTd = (tr) => {
     return Object.entries(tr)?.map(([key, value]) => {
-      return key === "promoDetails" || key === "disclosure" ? null : /* @__PURE__ */ jsx5(
+      return key === "promoDetails" || key === "disclosure" ? null : /* @__PURE__ */ jsx2(
         "div",
         {
           style: { flexBasis: `${getHeaderItem(key)?.width}%` },
-          className: cn5(
+          className: cn2(
             "accordion-table__td",
             `accordion-table__td--${key}`,
             getHeaderItem(key)?.className
           ),
-          children: /* @__PURE__ */ jsx5(
+          children: /* @__PURE__ */ jsx2(
             "p",
             {
               className: "accordion-table__statistics-td-value",
@@ -485,10 +158,10 @@ var AccordionTable = ({
   };
   const renderTr = (rows) => {
     return rows?.map((row, index) => {
-      return /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsxs2(
         "div",
         {
-          className: cn5(
+          className: cn2(
             "accordion-table__tr",
             {
               "accordion-table__tr-with-promo": row.promoDetails || row.cols?.promoDetails
@@ -496,13 +169,13 @@ var AccordionTable = ({
             row.className
           ),
           children: [
-            /* @__PURE__ */ jsx5("div", { className: "df w100", children: renderTd(row.cols || row) }),
-            row.promoDetails || row.cols?.promoDetails ? /* @__PURE__ */ jsx5("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ jsxs5("div", { className: "accordion-table__tr-promo", children: [
-              /* @__PURE__ */ jsx5(Tag, { className: "tr-promo-icon", width: 16, height: 16 }),
-              /* @__PURE__ */ jsx5("span", { className: "tr-promo-label", children: "PROMOTION" }),
+            /* @__PURE__ */ jsx2("div", { className: "df w100", children: renderTd(row.cols || row) }),
+            row.promoDetails || row.cols?.promoDetails ? /* @__PURE__ */ jsx2("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ jsxs2("div", { className: "accordion-table__tr-promo", children: [
+              /* @__PURE__ */ jsx2(Tag, { className: "tr-promo-icon", width: 16, height: 16 }),
+              /* @__PURE__ */ jsx2("span", { className: "tr-promo-label", children: "PROMOTION" }),
               row.promoDetails || row.cols?.promoDetails
             ] }) }) : null,
-            row.disclosure || row.cols?.disclosure ? /* @__PURE__ */ jsx5("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ jsx5("div", { className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure", children: row.disclosure || row.cols?.disclosure }) }) : null
+            row.disclosure || row.cols?.disclosure ? /* @__PURE__ */ jsx2("div", { className: "accordion-table__tr-promo-wrapper", children: /* @__PURE__ */ jsx2("div", { className: "accordion-table__tr-promo accordion-table__tr-promo-disclosure", children: row.disclosure || row.cols?.disclosure }) }) : null
           ]
         },
         index
@@ -510,34 +183,34 @@ var AccordionTable = ({
     });
   };
   const defineAccordionTitle = (row) => {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs2(
       "div",
       {
         onClick: (e) => handle.accordionChange(row.key, e),
         className: "accordion-table__accordion-label-box",
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: "accordion-table__accordion-label-wrapper j4", children: [
-            /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsxs2("div", { className: "accordion-table__accordion-label-wrapper j4", children: [
+            /* @__PURE__ */ jsx2(
               ChevronDown,
               {
                 width: 8,
                 height: 4,
-                className: cn5("accordion-label-box__icon", {
+                className: cn2("accordion-label-box__icon", {
                   "accordion-label-box__icon--open": row.isOpen
                 })
               }
             ),
-            /* @__PURE__ */ jsx5("span", { className: "accordion-label-box__label", children: row.label }),
-            row.statistics && /* @__PURE__ */ jsx5("div", { className: cn5("accordion-table__tr", row.className), children: Object.entries(row.statistics).map(([key, value]) => {
-              return /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx2("span", { className: "accordion-label-box__label", children: row.label }),
+            row.statistics && /* @__PURE__ */ jsx2("div", { className: cn2("accordion-table__tr", row.className), children: Object.entries(row.statistics).map(([key, value]) => {
+              return /* @__PURE__ */ jsx2(
                 "div",
                 {
                   style: { width: `${getHeaderItem(key)?.width}%` },
-                  className: cn5(
+                  className: cn2(
                     "accordion-table__statistics-td",
                     getHeaderItem(key)?.className
                   ),
-                  children: /* @__PURE__ */ jsx5("div", { className: "accordion-table__statistics-td-value-wrapper", children: key === "status" ? /* @__PURE__ */ jsx5("div", { className: "accordion-table__statistics-td-value", children: value }) : /* @__PURE__ */ jsx5(
+                  children: /* @__PURE__ */ jsx2("div", { className: "accordion-table__statistics-td-value-wrapper", children: key === "status" ? /* @__PURE__ */ jsx2("div", { className: "accordion-table__statistics-td-value", children: value }) : /* @__PURE__ */ jsx2(
                     "p",
                     {
                       className: "accordion-table__statistics-td-value",
@@ -555,33 +228,33 @@ var AccordionTable = ({
       }
     );
   };
-  useEffect4(() => {
+  useEffect2(() => {
     setAccordions(items);
   }, [items]);
-  return /* @__PURE__ */ jsxs5("div", { className: cn5("accordion-table", className), children: [
-    /* @__PURE__ */ jsx5("div", { className: "accordion-table__header", children: header?.map((item) => {
-      return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs2("div", { className: cn2("accordion-table", className), children: [
+    /* @__PURE__ */ jsx2("div", { className: "accordion-table__header", children: header?.map((item) => {
+      return /* @__PURE__ */ jsxs2(
         "div",
         {
           style: { flexBasis: `${item.width}%` },
           className: sortedColClassName(item),
           onClick: () => !item.noSort && handle.setSort(item.key),
           children: [
-            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /* @__PURE__ */ jsx5(ArrowDown, { size: 16 }) : /* @__PURE__ */ jsx5(ArrowUp, { size: 16 })),
+            sortParams && item.key === sortParams.key && sortParams.key !== "actions" && (sortParams.direction === "DESC" ? /* @__PURE__ */ jsx2(ArrowDown, { size: 16 }) : /* @__PURE__ */ jsx2(ArrowUp, { size: 16 })),
             item.label
           ]
         },
         item.key
       );
     }) }),
-    /* @__PURE__ */ jsx5("div", { className: "accordion-table__body", children: accordions?.map((accordion) => {
-      return /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx2("div", { className: "accordion-table__body", children: accordions?.map((accordion) => {
+      return /* @__PURE__ */ jsx2(
         MonoAccordion_default,
         {
           testId,
           onClick: (e) => handle.accordionChange(accordion.key, e),
           isOpen: accordion.isOpen,
-          className: cn5(
+          className: cn2(
             "accordion-table__body-accordion",
             {
               "accordion-table__body-accordion--closed": !accordion.isOpen
@@ -599,12 +272,12 @@ var AccordionTable = ({
 var AccordionTable_default = AccordionTable;
 
 // src/Atomic/UI/AccordionText/AccordionText.js
-import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
-import React5 from "react";
-import cn6 from "classnames";
+import { useEffect as useEffect3, useRef as useRef2, useState as useState3 } from "react";
+import React3 from "react";
+import cn3 from "classnames";
 import { ChevronDown as ChevronDown2, ChevronUp } from "react-feather";
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var defaultText = /* @__PURE__ */ jsx6(Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." });
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var defaultText = /* @__PURE__ */ jsx3(Fragment, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat." });
 var AccordionText = ({
   isDefaultOpen = false,
   isOuterOpen = false,
@@ -612,13 +285,13 @@ var AccordionText = ({
   text = defaultText,
   shortText = null
 }) => {
-  const bodyRef = useRef3(null);
-  const [isOpen, setIsOpen] = useState5(isDefaultOpen);
-  const [isNeedTrimText, setIsNeedTrimText] = useState5(false);
-  useEffect5(() => {
+  const bodyRef = useRef2(null);
+  const [isOpen, setIsOpen] = useState3(isDefaultOpen);
+  const [isNeedTrimText, setIsNeedTrimText] = useState3(false);
+  useEffect3(() => {
     setIsOpen(isOuterOpen);
   }, [isOuterOpen]);
-  useEffect5(() => {
+  useEffect3(() => {
     const checkEllipsis = () => {
       if (bodyRef.current) {
         setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
@@ -637,25 +310,25 @@ var AccordionText = ({
       }
     };
   }, [text]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
-      className: cn6("accordion-text", className, {
+      className: cn3("accordion-text", className, {
         "accordion-text--open": isOpen
       }),
       onClick: () => setIsOpen((prevIsOpen) => !prevIsOpen),
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx3(
           "div",
           {
-            className: cn6("accordion-text__body", {
+            className: cn3("accordion-text__body", {
               "accordion-text__body--trim-text": isNeedTrimText && !isOpen
             }),
             ref: bodyRef,
             children: shortText ? isOpen ? text : shortText : text
           }
         ),
-        /* @__PURE__ */ jsx6("div", { className: "accordion-text__toggle", children: isOpen ? /* @__PURE__ */ jsx6(ChevronUp, {}) : /* @__PURE__ */ jsx6(ChevronDown2, {}) })
+        /* @__PURE__ */ jsx3("div", { className: "accordion-text__toggle", children: isOpen ? /* @__PURE__ */ jsx3(ChevronUp, {}) : /* @__PURE__ */ jsx3(ChevronDown2, {}) })
       ]
     }
   );
@@ -663,40 +336,40 @@ var AccordionText = ({
 var AccordionText_default = AccordionText;
 
 // src/Atomic/UI/AdvancedTag/AdvancedTags.tsx
-import cn10 from "classnames";
-import { useState as useState8 } from "react";
+import cn7 from "classnames";
+import { useState as useState6 } from "react";
 
 // src/Atomic/UI/Tag/Tag.tsx
-import cn8 from "classnames";
-import { useEffect as useEffect6, useMemo, useRef as useRef4, useState as useState6 } from "react";
+import cn5 from "classnames";
+import { useEffect as useEffect4, useMemo, useRef as useRef3, useState as useState4 } from "react";
 import { createPortal } from "react-dom";
 import { AlertTriangle, X } from "react-feather";
 
 // src/Atomic/Layout/Spinner/Spinner.tsx
-import cn7 from "classnames";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var CN2 = "loader-box";
-var Spinner = ({ size = null, className, testId = CN2 }) => {
-  return /* @__PURE__ */ jsx7(
+import cn4 from "classnames";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CN = "loader-box";
+var Spinner = ({ size = null, className, testId = CN }) => {
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       "aria-busy": "true",
       "data-testid": testId,
-      className: cn7(
-        CN2,
+      className: cn4(
+        CN,
         {
           j5: size !== "small",
           j8: size === "small"
         },
         className
       ),
-      children: /* @__PURE__ */ jsxs7("div", { className: cn7("lds-ring", { [`lds-ring_${size}`]: size }), children: [
-        /* @__PURE__ */ jsx7("div", {}),
-        /* @__PURE__ */ jsx7("div", {}),
-        /* @__PURE__ */ jsx7("div", {}),
-        /* @__PURE__ */ jsx7("div", {})
+      children: /* @__PURE__ */ jsxs4("div", { className: cn4("lds-ring", { [`lds-ring_${size}`]: size }), children: [
+        /* @__PURE__ */ jsx4("div", {}),
+        /* @__PURE__ */ jsx4("div", {}),
+        /* @__PURE__ */ jsx4("div", {}),
+        /* @__PURE__ */ jsx4("div", {})
       ] })
     }
   );
@@ -707,9 +380,9 @@ var Spinner_default = Spinner;
 var Spinner_default2 = Spinner_default;
 
 // src/Atomic/UI/Tag/Tag.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var CN3 = "tag";
-function defaultOnClick2() {
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var CN2 = "tag";
+function defaultOnClick() {
 }
 var Tag2 = ({
   value,
@@ -726,12 +399,12 @@ var Tag2 = ({
   id,
   isUseInTable,
   isNoDismiss = true,
-  onClick = defaultOnClick2,
-  testId = CN3
+  onClick = defaultOnClick,
+  testId = CN2
 }) => {
-  const tagRef = useRef4(null);
-  const [isTagHover, setIsTagHover] = useState6(false);
-  const [isTagPopupOpened, setIsTagPopupOpened] = useState6(false);
+  const tagRef = useRef3(null);
+  const [isTagHover, setIsTagHover] = useState4(false);
+  const [isTagPopupOpened, setIsTagPopupOpened] = useState4(false);
   const { x, y, height, width } = tagRef?.current?.getBoundingClientRect() ?? {};
   const { scrollY } = window;
   const tagPopupStyles = useMemo(() => {
@@ -765,13 +438,13 @@ var Tag2 = ({
   const handleClickOutside = () => {
     setIsTagPopupOpened(false);
   };
-  useEffect6(() => {
+  useEffect4(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => {
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, []);
-  useEffect6(() => {
+  useEffect4(() => {
     const handleScroll = () => {
       setIsTagPopupOpened(false);
     };
@@ -780,7 +453,7 @@ var Tag2 = ({
       window.removeEventListener("scroll", handleScroll, true);
     };
   }, []);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       onMouseEnter: () => setIsTagHover(true),
@@ -788,15 +461,15 @@ var Tag2 = ({
       "data-testid": testId,
       role: "listitem",
       "aria-label": `Tag: ${label || name}`,
-      className: cn8(CN3, className, { "tag-warn": warning }),
+      className: cn5(CN2, className, { "tag-warn": warning }),
       style: style ?? {},
       onClick: (event) => handle.onTagClick(event),
       ref: tagRef,
       children: [
-        warning && typeof warning === "string" && /* @__PURE__ */ jsx8(AlertTriangle, { className: "advanced-tags--warning-icon mr5", "aria-label": "Warning" }),
-        warning && typeof warning === "string" && isTagHover && isWarningHint && /* @__PURE__ */ jsx8("div", { className: "tag__warn-hint", role: "tooltip", children: warning }),
-        /* @__PURE__ */ jsx8("span", { className: "tag__label", style: tagLabelStyle, children: label || name }),
-        removeItem && !isNoDismiss && /* @__PURE__ */ jsx8(
+        warning && typeof warning === "string" && /* @__PURE__ */ jsx5(AlertTriangle, { className: "advanced-tags--warning-icon mr5", "aria-label": "Warning" }),
+        warning && typeof warning === "string" && isTagHover && isWarningHint && /* @__PURE__ */ jsx5("div", { className: "tag__warn-hint", role: "tooltip", children: warning }),
+        /* @__PURE__ */ jsx5("span", { className: "tag__label", style: tagLabelStyle, children: label || name }),
+        removeItem && !isNoDismiss && /* @__PURE__ */ jsx5(
           "button",
           {
             type: "button",
@@ -807,11 +480,11 @@ var Tag2 = ({
             },
             "aria-label": `Remove ${label || name}`,
             className: "tag__button",
-            children: /* @__PURE__ */ jsx8(X, { className: "color--text" })
+            children: /* @__PURE__ */ jsx5(X, { className: "color--text" })
           }
         ),
         isTagPopupOpened && createPortal(
-          /* @__PURE__ */ jsx8("div", { id: `tagPopup${value}`, className: cn8("tag__popup", popupClassName), style: tagPopupStyles, children: !popupInfoContent ? /* @__PURE__ */ jsx8(Spinner_default2, { size: "small" }) : popupInfoContent }),
+          /* @__PURE__ */ jsx5("div", { id: `tagPopup${value}`, className: cn5("tag__popup", popupClassName), style: tagPopupStyles, children: !popupInfoContent ? /* @__PURE__ */ jsx5(Spinner_default2, { size: "small" }) : popupInfoContent }),
           document.getElementById("root")
         )
       ]
@@ -821,10 +494,10 @@ var Tag2 = ({
 var Tag_default = Tag2;
 
 // src/Atomic/UI/AdvancedTag/AdvTag.tsx
-import cn9 from "classnames";
-import { useEffect as useEffect7, useRef as useRef5, useState as useState7 } from "react";
+import cn6 from "classnames";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
 import { AlertTriangle as AlertTriangle2 } from "react-feather";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var AdvTag = ({
   item,
   className,
@@ -848,19 +521,19 @@ var AdvTag = ({
     },
     type
   } = item;
-  const [isOpen, setIsOpen] = useState7(false);
-  const [clickedWarning, setClickedWarning] = useState7("");
-  const hintRef = useRef5(null);
-  const activeNumberClass = cn9("strong", {
+  const [isOpen, setIsOpen] = useState5(false);
+  const [clickedWarning, setClickedWarning] = useState5("");
+  const hintRef = useRef4(null);
+  const activeNumberClass = cn6("strong", {
     "color--pause": active === 0,
     "color--green-haze": active > 0
   });
-  const pauseNumberClass = cn9("strong", {
+  const pauseNumberClass = cn6("strong", {
     "color--pause": pause === 0,
     "color--light-red": pause > 0
   });
   const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter?.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
-  const advancedTagClass = cn9("advanced-tags", {
+  const advancedTagClass = cn6("advanced-tags", {
     "advanced-tags--error": isEmptyEntitys
   }, className);
   const onWarningClick = (warn) => {
@@ -872,22 +545,22 @@ var AdvTag = ({
       setIsOpen(false);
     }
   };
-  useEffect7(() => {
+  useEffect5(() => {
     document.addEventListener("click", handleClickOutside, true);
     return () => {
       document.removeEventListener("click", handleClickOutside, true);
     };
   }, []);
   if (!item) return null;
-  const renderClassicTag = () => /* @__PURE__ */ jsxs9("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
-    warnLeft && /* @__PURE__ */ jsx9(
+  const renderClassicTag = () => /* @__PURE__ */ jsxs6("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
+    warnLeft && /* @__PURE__ */ jsx6(
       "div",
       {
         "data-testid": `${testId}-left`,
         className: "advanced-tags--warning-icon-wrapper",
         onMouseEnter: () => onWarningClick("warnLeft"),
         onMouseLeave: () => setIsOpen(false),
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx6(
           AlertTriangle2,
           {
             width: 16,
@@ -897,23 +570,23 @@ var AdvTag = ({
         )
       }
     ),
-    labelLeft && /* @__PURE__ */ jsx9("span", { className: "mr5", children: labelLeft }),
-    labelRight && /* @__PURE__ */ jsx9("span", { children: labelRight }),
-    type !== "simple" && /* @__PURE__ */ jsx9("span", { className: "ml5 mr5", children: "|" }),
-    type !== "simple" && /* @__PURE__ */ jsxs9("div", { className: "df", children: [
-      /* @__PURE__ */ jsx9("span", { className: activeNumberClass, children: active }),
-      /* @__PURE__ */ jsx9("span", { className: "strong color--pause", children: "/" }),
-      /* @__PURE__ */ jsx9("span", { className: pauseNumberClass, children: pause })
+    labelLeft && /* @__PURE__ */ jsx6("span", { className: "mr5", children: labelLeft }),
+    labelRight && /* @__PURE__ */ jsx6("span", { children: labelRight }),
+    type !== "simple" && /* @__PURE__ */ jsx6("span", { className: "ml5 mr5", children: "|" }),
+    type !== "simple" && /* @__PURE__ */ jsxs6("div", { className: "df", children: [
+      /* @__PURE__ */ jsx6("span", { className: activeNumberClass, children: active }),
+      /* @__PURE__ */ jsx6("span", { className: "strong color--pause", children: "/" }),
+      /* @__PURE__ */ jsx6("span", { className: pauseNumberClass, children: pause })
     ] }),
-    type !== "simple" && /* @__PURE__ */ jsx9("span", { className: "ml5 mr5", children: "|" }),
-    merchants ? /* @__PURE__ */ jsx9("span", { children: merchants }) : type !== "simple" && /* @__PURE__ */ jsx9(
+    type !== "simple" && /* @__PURE__ */ jsx6("span", { className: "ml5 mr5", children: "|" }),
+    merchants ? /* @__PURE__ */ jsx6("span", { children: merchants }) : type !== "simple" && /* @__PURE__ */ jsx6(
       "div",
       {
         "data-testid": `${testId}-right`,
         className: "advanced-tags--warning-icon-wrapper",
         onMouseEnter: () => onWarningClick("warnRight"),
         onMouseLeave: () => setIsOpen(false),
-        children: /* @__PURE__ */ jsx9(
+        children: /* @__PURE__ */ jsx6(
           AlertTriangle2,
           {
             width: 16,
@@ -923,20 +596,20 @@ var AdvTag = ({
         )
       }
     ),
-    isOpen && warnLeftMsg && clickedWarning === "warnLeft" && /* @__PURE__ */ jsx9(
+    isOpen && warnLeftMsg && clickedWarning === "warnLeft" && /* @__PURE__ */ jsx6(
       "span",
       {
-        className: cn9(
+        className: cn6(
           "advanced-tags__warn-text advanced-tags__warn-text--warnLeft",
           { "advanced-tags__warn-text--warnLeft--to-top": toTop }
         ),
         children: warnLeftMsg
       }
     ),
-    isOpen && warnRightMsg && clickedWarning === "warnRight" && /* @__PURE__ */ jsx9(
+    isOpen && warnRightMsg && clickedWarning === "warnRight" && /* @__PURE__ */ jsx6(
       "span",
       {
-        className: cn9(
+        className: cn6(
           "advanced-tags__warn-text",
           "advanced-tags__warn-text--warnRight",
           { "advanced-tags__warn-text--warnRight--to-top": toTop }
@@ -947,15 +620,15 @@ var AdvTag = ({
   ] });
   const renderWithEntityAndCounterTag = () => {
     const isNullcounter = entityAndCounter?.counter?.toString() === "0";
-    return /* @__PURE__ */ jsxs9("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
-      isNullcounter && /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsxs6("div", { "data-testid": testId, className: advancedTagClass, ref: hintRef, children: [
+      isNullcounter && /* @__PURE__ */ jsx6(
         "div",
         {
           "data-testid": `${testId}-left`,
           className: "advanced-tags--warning-icon-wrapper",
           onMouseEnter: () => onWarningClick("warnLeft"),
           onMouseLeave: () => setIsOpen(false),
-          children: /* @__PURE__ */ jsx9(
+          children: /* @__PURE__ */ jsx6(
             AlertTriangle2,
             {
               width: 16,
@@ -965,21 +638,21 @@ var AdvTag = ({
           )
         }
       ),
-      isOpen && entityAndCounter?.nullCounterMessage && clickedWarning === "warnLeft" && /* @__PURE__ */ jsx9(
+      isOpen && entityAndCounter?.nullCounterMessage && clickedWarning === "warnLeft" && /* @__PURE__ */ jsx6(
         "span",
         {
-          className: cn9(
+          className: cn6(
             "advanced-tags__warn-text advanced-tags__warn-text--warnLeft",
             { "advanced-tags__warn-text--warnLeft--to-top": toTop }
           ),
           children: entityAndCounter.nullCounterMessage
         }
       ),
-      entityAndCounter?.title && /* @__PURE__ */ jsx9("span", { className: "mr5", children: entityAndCounter.title }),
-      /* @__PURE__ */ jsx9(
+      entityAndCounter?.title && /* @__PURE__ */ jsx6("span", { className: "mr5", children: entityAndCounter.title }),
+      /* @__PURE__ */ jsx6(
         "div",
         {
-          className: cn9("advanced-tags__counter", {
+          className: cn6("advanced-tags__counter", {
             "advanced-tags__counter--null": isNullcounter,
             "advanced-tags__counter--bold": !isNullcounter
           }),
@@ -993,7 +666,7 @@ var AdvTag = ({
 var AdvTag_default = AdvTag;
 
 // src/Atomic/UI/AdvancedTag/AdvancedTags.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var AdvancedTags = ({
   items,
   noItemsTagLabel,
@@ -1001,26 +674,26 @@ var AdvancedTags = ({
   testId = "advanced-tag-test",
   toTop = true
 }) => {
-  const [showedItems, setShowedItems] = useState8(items.slice(0, 2));
-  const [showMore, setShowMore] = useState8(true);
+  const [showedItems, setShowedItems] = useState6(items.slice(0, 2));
+  const [showMore, setShowMore] = useState6(true);
   const onShowMoreClick = () => {
     setShowedItems(showMore ? items : items.slice(0, 2));
     setShowMore(!showMore);
   };
   if ((!items || !items.length) && noItemsTagLabel) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx7(
       Tag_default,
       {
         label: noItemsTagLabel?.toString(),
-        className: cn10(className, "tag-warn")
+        className: cn7(className, "tag-warn")
       }
     );
   }
   if ((!items || !items.length) && !noItemsTagLabel) return null;
-  return /* @__PURE__ */ jsxs10("div", { "data-testid": testId, className: cn10(className, "j4 wrap"), children: [
+  return /* @__PURE__ */ jsxs7("div", { "data-testid": testId, className: cn7(className, "j4 wrap"), children: [
     showedItems.map((item, index) => {
       if (!item) return null;
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx7(
         AdvTag_default,
         {
           toTop,
@@ -1030,7 +703,7 @@ var AdvancedTags = ({
         index
       );
     }),
-    items.length >= 3 && /* @__PURE__ */ jsx10(
+    items.length >= 3 && /* @__PURE__ */ jsx7(
       "span",
       {
         "data-testid": `${testId}-showMore`,
@@ -1047,13 +720,13 @@ var AdvancedTags_default = AdvancedTags;
 var AdvancedTag_default = AdvancedTags_default;
 
 // src/Atomic/UI/Alert/Alert.tsx
-import cn12 from "classnames";
-import { useState as useState9 } from "react";
+import cn9 from "classnames";
+import { useState as useState7 } from "react";
 import { X as X2 } from "react-feather";
 
 // src/Atomic/UI/Button/Button.tsx
-import cn11 from "classnames";
-import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import cn8 from "classnames";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var RC2 = "button";
 var Button = ({
   label,
@@ -1072,13 +745,13 @@ var Button = ({
   ...props
 }) => {
   const noRenderIcon = noIcon || variant === "ellipse-apply" || variant === "ellipse-cancel";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       "data-testid": testId,
       tabIndex,
       style,
-      className: cn11(
+      className: cn8(
         RC2,
         {
           [`${RC2}_${variant}`]: variant,
@@ -1093,7 +766,7 @@ var Button = ({
       ...props,
       children: [
         !noRenderIcon && icon,
-        label && /* @__PURE__ */ jsx11("div", { className: cn11("button__text", { "text-ellipsis": isTextEllipsis }), children: label }),
+        label && /* @__PURE__ */ jsx8("div", { className: cn8("button__text", { "text-ellipsis": isTextEllipsis }), children: label }),
         !label && children ? children : null
       ]
     }
@@ -1102,7 +775,7 @@ var Button = ({
 var Button_default = Button;
 
 // src/Atomic/UI/Alert/Alert.tsx
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var Alert = ({
   message,
   icon,
@@ -1115,35 +788,35 @@ var Alert = ({
   isLoading,
   buttonParams
 }) => {
-  const [onClose, setOnClose] = useState9(false);
+  const [onClose, setOnClose] = useState7(false);
   const renderActionsBlock = () => {
     if (buttonParams) {
-      return /* @__PURE__ */ jsxs12("div", { className: "j6 alert__btns-box", children: [
-        /* @__PURE__ */ jsx12(Button_default, { ...buttonParams }),
-        !noDismiss && /* @__PURE__ */ jsx12("div", { className: "alert__close-btn", children: /* @__PURE__ */ jsx12(X2, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) })
+      return /* @__PURE__ */ jsxs9("div", { className: "j6 alert__btns-box", children: [
+        /* @__PURE__ */ jsx9(Button_default, { ...buttonParams }),
+        !noDismiss && /* @__PURE__ */ jsx9("div", { className: "alert__close-btn", children: /* @__PURE__ */ jsx9(X2, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) })
       ] });
     }
     if (!noDismiss) {
-      return /* @__PURE__ */ jsx12("div", { className: "alert__close-btn", children: /* @__PURE__ */ jsx12(X2, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) });
+      return /* @__PURE__ */ jsx9("div", { className: "alert__close-btn", children: /* @__PURE__ */ jsx9(X2, { "data-testid": `${testId}-close`, onClick: () => setOnClose(!onClose) }) });
     } else {
       return null;
     }
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       "data-testid": testId,
-      className: cn12(className, { hidden: onClose }, `alert alert--${variant}`, {
+      className: cn9(className, { hidden: onClose }, `alert alert--${variant}`, {
         "hidden": isHidden,
         "alert--loading": isLoading
       }),
       children: [
-        /* @__PURE__ */ jsxs12("div", { className: "alert__icon-text-box j4", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "alert__icon-text-box j4", children: [
           icon,
-          /* @__PURE__ */ jsx12("div", { children: children || message })
+          /* @__PURE__ */ jsx9("div", { children: children || message })
         ] }),
         renderActionsBlock(),
-        isLoading && /* @__PURE__ */ jsx12(Spinner_default, { size: "small", testId: "loader-box" })
+        isLoading && /* @__PURE__ */ jsx9(Spinner_default, { size: "small", testId: "loader-box" })
       ]
     }
   );
@@ -1154,13 +827,110 @@ var Alert_default = Alert;
 var Alert_default2 = Alert_default;
 
 // src/Atomic/UI/Arrow/Arrow.tsx
-import cn13 from "classnames";
-import { useEffect as useEffect8, useRef as useRef6, useState as useState10 } from "react";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import cn10 from "classnames";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState8 } from "react";
+
+// src/Functions/utils.js
+import { useEffect as useEffect6 } from "react";
+import moment from "moment-timezone";
+
+// src/Constants/index.constants.js
+var DEFAULT_COLORS = [
+  "#D9C1FF",
+  "#FFBAF0",
+  "#FFB8CE",
+  "#FFC3A2",
+  "#FFDB7C",
+  "#F9F871",
+  "#C3FCF1",
+  "#F6F2CB",
+  "#E0F8D1",
+  "#B1DFFB",
+  "#8DECFE",
+  "#76F7ED",
+  "#8AFEC8"
+];
+
+// src/Functions/utils.js
+var getIsOnlyAnObject = (input) => {
+  return typeof input === "object" && // "отбивает" примитивы и функции
+  input instanceof Object && // "отбивает" null
+  !Array.isArray(input) && // "отбивает" массивы
+  !(input instanceof Set) && // "отбивает" сеты
+  !(input instanceof Map);
+};
+var handleObjectChange = (updateObject, updateFunction) => (data, prop = "", isNumber) => {
+  let value;
+  if (data?.target) {
+    value = data.target.type === "checkbox" ? data.target.checked : data.target.value;
+  } else value = data;
+  value = isNumber ? Number(value) : value;
+  const props = prop.split(".");
+  const currentObject = props.reduce((res, chapter, index) => {
+    if (props.length !== index + 1) res = res[chapter];
+    return res;
+  }, updateObject);
+  currentObject[props.pop()] = value;
+  updateFunction();
+};
+var useOutsideToggle = (ref, setOut, open) => {
+  function handleClickOutside(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setOut(open);
+    }
+  }
+  useEffect6(() => {
+    document.addEventListener("mouseup", handleClickOutside);
+    return () => {
+      document.removeEventListener("mouseup", handleClickOutside);
+    };
+  }, [ref]);
+};
+var getStyles = (el, prop) => {
+  if (!el) return null;
+  if (!prop) return window.getComputedStyle(el);
+  return window.getComputedStyle(el).getPropertyValue(prop);
+};
+var getColorById = (id, colors) => {
+  if (!id) return "#FF7D00";
+  const idToArr = Array.from(id);
+  const colorsArr = colors && colors.length > 0 ? colors : DEFAULT_COLORS;
+  let number = idToArr.reduce((acc, item) => {
+    if (Number(item)) {
+      return acc + Number(item);
+    }
+    return acc;
+  }, 0);
+  while (number >= colorsArr.length) {
+    number -= colorsArr.length;
+  }
+  return colorsArr[number];
+};
+var addBitDepthPoints = (value, step = 3) => {
+  const isFraction = value?.includes(".");
+  const valueBeforeDot = isFraction ? value?.slice(0, value?.indexOf(".")) : value;
+  const intPart = valueBeforeDot.split("").reverse().reduce(
+    (acc, item, idx) => idx % step === 0 && idx !== 0 ? [...acc, ",", item] : [...acc, item],
+    []
+  ).reverse().join("");
+  return isFraction ? intPart + value?.slice(value?.indexOf(".")) : intPart;
+};
+var firstLetterCapital = (str) => typeof str === "string" ? `${str.charAt(0).toUpperCase()}${str.slice(1)}` : str;
+var capitalized = firstLetterCapital;
+var checkedRef = (ref) => ref ? typeof ref === "function" ? (node) => ref(node) : ref : null;
+String.prototype.longerThan = function(compareWith) {
+  return this?.length > compareWith?.length;
+};
+String.prototype.lastIndexEqualsTo = function(index) {
+  return this?.length - 1 === index;
+};
+
+// src/Atomic/UI/Arrow/Arrow.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
-  const ref = useRef6(null);
-  const [color, setColor] = useState10("currentColor");
-  useEffect8(() => {
+  const ref = useRef5(null);
+  const [color, setColor] = useState8("currentColor");
+  useEffect7(() => {
     if (ref.current) {
       setColor(getStyles(ref.current, "color"));
     }
@@ -1169,7 +939,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
   function renderSVG() {
     if (type === "left") {
       if (isAlt) {
-        return /* @__PURE__ */ jsxs13(
+        return /* @__PURE__ */ jsxs10(
           "svg",
           {
             "data-testid": testId,
@@ -1180,7 +950,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
             height: "16",
             viewBox: "0 0 16 16",
             children: [
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx10(
                 "path",
                 {
                   d: "M12.7,8H3.3",
@@ -1191,7 +961,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
                   strokeLinejoin: "round"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx10(
                 "path",
                 {
                   d: "M8,3.3L3.3,8L8,12.7",
@@ -1206,7 +976,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
           }
         );
       }
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx10(
         "svg",
         {
           "data-testid": testId,
@@ -1215,7 +985,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
           viewBox: "0 0 24 24",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx13(
+          children: /* @__PURE__ */ jsx10(
             "path",
             {
               d: "M15 18L9 12L15 6",
@@ -1229,7 +999,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
       );
     }
     if (isAlt) {
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs10(
         "svg",
         {
           "data-testid": testId,
@@ -1239,7 +1009,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
           height: "16",
           viewBox: "0 0 16 16",
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx10(
               "path",
               {
                 d: "M3.3,8h9.3",
@@ -1250,7 +1020,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
                 strokeLinejoin: "round"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx10(
               "path",
               {
                 d: "M8,3.3L12.7,8L8,12.7",
@@ -1265,7 +1035,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
         }
       );
     }
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx10(
       "svg",
       {
         "data-testid": testId,
@@ -1274,7 +1044,7 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx10(
           "path",
           {
             d: "M9 18L15 12L9 6",
@@ -1287,12 +1057,12 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-testid": `arrow--key-${testId}--type-${type}`,
       ref,
-      className: cn13("arrow", `arrow_${type}`, className, {
+      className: cn10("arrow", `arrow_${type}`, className, {
         arrow_disabled: disabled
       }),
       onClick,
@@ -1303,8 +1073,8 @@ function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
 var Arrow_default = Arrow;
 
 // src/Atomic/UI/Box/Box.tsx
-import cn14 from "classnames";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import cn11 from "classnames";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var directionVariants = {
   column: "column",
   row: "row"
@@ -1328,12 +1098,12 @@ function Box({
   const styles = {
     flexDirection: direction
   };
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       style: styles,
       "data-testid": "box",
-      className: cn14(
+      className: cn11(
         "box",
         `box--padding-${paddingVariant}`,
         `box--radii-${radiiVariant}`,
@@ -1350,80 +1120,10 @@ function Box({
 }
 var Box_default = Box;
 
-// src/Atomic/UI/ButtonsBar/ButtonsBar.tsx
-import cn15 from "classnames";
-import { Link } from "react-router-dom";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var ButtonsBar = ({
-  className,
-  rejectBtnLabel,
-  rejectBtnIcon,
-  isRejectBtnIconRight,
-  rejectBtnVariant,
-  rejectBtnClass,
-  isRejectBtnDisabled,
-  rejectLink,
-  onReject,
-  confirmBtnLabel,
-  confirmBtnIcon,
-  isConfirmBtnIconRight,
-  confirmBtnVariant,
-  confirmBtnClass,
-  isConfirmBtnDisabled,
-  onConfirm,
-  testIdFirstBtn = "button-bar-first-item",
-  testIdSecondBtn = "button-bar-second-item"
-}) => {
-  return /* @__PURE__ */ jsxs14("div", { className: cn15("button-bar", className), children: [
-    rejectLink ? /* @__PURE__ */ jsx15(Link, { className: "text-decoration-none", to: rejectLink, children: /* @__PURE__ */ jsx15(
-      Button_default,
-      {
-        testId: testIdFirstBtn,
-        label: rejectBtnLabel,
-        variant: rejectBtnVariant,
-        onClick: onReject,
-        disabled: isRejectBtnDisabled,
-        icon: rejectBtnIcon,
-        isIconRight: isRejectBtnIconRight,
-        className: cn15(rejectBtnClass, { mr5: confirmBtnLabel })
-      }
-    ) }) : /* @__PURE__ */ jsx15(
-      Button_default,
-      {
-        testId: testIdFirstBtn,
-        label: rejectBtnLabel,
-        variant: rejectBtnVariant,
-        onClick: onReject,
-        disabled: isRejectBtnDisabled,
-        icon: rejectBtnIcon,
-        isIconRight: isRejectBtnIconRight,
-        className: cn15(rejectBtnClass, { mr5: confirmBtnLabel })
-      }
-    ),
-    /* @__PURE__ */ jsx15(
-      Button_default,
-      {
-        testId: testIdSecondBtn,
-        label: confirmBtnLabel,
-        variant: confirmBtnVariant,
-        onClick: onConfirm,
-        disabled: isConfirmBtnDisabled,
-        icon: confirmBtnIcon,
-        isIconRight: isConfirmBtnIconRight,
-        className: confirmBtnClass
-      }
-    )
-  ] });
-};
-var ButtonsBar_default = ButtonsBar;
-
-// src/Atomic/UI/ButtonsBar/index.ts
-var ButtonsBar_default2 = ButtonsBar_default;
-
 // src/Atomic/UI/CircleProgressBar/CircleProgressBar.js
-import React10, { useEffect as useEffect9, useState as useState11 } from "react";
-import cn16 from "classnames";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import React8, { useEffect as useEffect8, useState as useState9 } from "react";
+import cn12 from "classnames";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var CircleProgressBar = ({
   amount,
   totalAmount,
@@ -1444,17 +1144,17 @@ var CircleProgressBar = ({
     finish: "#f06d8d",
     meter: "#ffcad6"
   };
-  const [strokeDashoffset, setStrokeDashoffset] = useState11(isReverseType ? String(0) : circumference);
-  useEffect9(() => {
+  const [strokeDashoffset, setStrokeDashoffset] = useState9(isReverseType ? String(0) : circumference);
+  useEffect8(() => {
     setStrokeDashoffset(circumference - circumference * amountProgress / 100);
   }, [amountProgress]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       "data-testid": testId,
-      className: cn16("limit-progress-bar", { "limit-progress-bar--reverse": isReverseType }, className),
+      className: cn12("limit-progress-bar", { "limit-progress-bar--reverse": isReverseType }, className),
       children: [
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs11(
           "svg",
           {
             className: "limit-progress-bar__progress",
@@ -1462,7 +1162,7 @@ var CircleProgressBar = ({
             height: "124",
             viewBox: "0 0 124 124",
             children: [
-              /* @__PURE__ */ jsx16("defs", { children: isReverseType ? /* @__PURE__ */ jsxs15(
+              /* @__PURE__ */ jsx12("defs", { children: isReverseType ? /* @__PURE__ */ jsxs11(
                 "linearGradient",
                 {
                   id: "limit-progress-bar-linear-gradient-reverse",
@@ -1471,14 +1171,14 @@ var CircleProgressBar = ({
                   x2: "0",
                   y2: "0",
                   children: [
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx12(
                       "stop",
                       {
                         offset: "0",
                         stopColor: colors.finish || defaultColors.finish
                       }
                     ),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx12(
                       "stop",
                       {
                         offset: "1",
@@ -1487,7 +1187,7 @@ var CircleProgressBar = ({
                     )
                   ]
                 }
-              ) : /* @__PURE__ */ jsxs15(
+              ) : /* @__PURE__ */ jsxs11(
                 "linearGradient",
                 {
                   id: "limit-progress-bar-linear-gradient",
@@ -1496,14 +1196,14 @@ var CircleProgressBar = ({
                   x2: "0",
                   y2: "0",
                   children: [
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx12(
                       "stop",
                       {
                         offset: "0",
                         stopColor: colors.start || defaultColors.start
                       }
                     ),
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx12(
                       "stop",
                       {
                         offset: "1",
@@ -1513,7 +1213,7 @@ var CircleProgressBar = ({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx12(
                 "circle",
                 {
                   className: "limit-progress-bar__meter",
@@ -1524,7 +1224,7 @@ var CircleProgressBar = ({
                   strokeWidth: String(innerLineStrokeWidth)
                 }
               ),
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx12(
                 "circle",
                 {
                   className: "limit-progress-bar__value",
@@ -1542,7 +1242,7 @@ var CircleProgressBar = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsx16("div", { className: "limit-progress-bar__content", children })
+        /* @__PURE__ */ jsx12("div", { className: "limit-progress-bar__content", children })
       ]
     }
   );
@@ -1550,10 +1250,10 @@ var CircleProgressBar = ({
 var CircleProgressBar_default = CircleProgressBar;
 
 // src/Atomic/UI/DateTime/DateTime.tsx
-import cn17 from "classnames";
+import cn13 from "classnames";
 import moment2 from "moment-timezone";
 import { useMemo as useMemo2 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var RC3 = "date-time";
 var DEFAULT_DATE_FORMAT = "DD.MM.YYYY";
 var DEFAULT_TIME_FORMAT = "HH:mm:ss";
@@ -1579,13 +1279,13 @@ var DateTime = ({
       timeFormat
     );
   }, [value, valueFormat, timeFormat]);
-  return /* @__PURE__ */ jsxs16("div", { "data-testid": testId, className: cn17(RC3, className), children: [
-    !isNoDate && /* @__PURE__ */ jsx17("span", { "data-testid": `${testId}-date`, className: `${RC3}__date`, children: date }),
-    !isNoTime && /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs12("div", { "data-testid": testId, className: cn13(RC3, className), children: [
+    !isNoDate && /* @__PURE__ */ jsx13("span", { "data-testid": `${testId}-date`, className: `${RC3}__date`, children: date }),
+    !isNoTime && /* @__PURE__ */ jsx13(
       "span",
       {
         "data-testid": `${testId}-time`,
-        className: cn17(`${RC3}__time`, {
+        className: cn13(`${RC3}__time`, {
           [`${RC3}_color--pause`]: !isNoDate
         }),
         children: time
@@ -1596,32 +1296,32 @@ var DateTime = ({
 var DateTime_default = DateTime;
 
 // src/Atomic/UI/DebugContainer/DebugContainer.tsx
-import cn18 from "classnames";
-import { useState as useState12 } from "react";
+import cn14 from "classnames";
+import { useState as useState10 } from "react";
 import { ChevronDown as ChevronDown3, ChevronUp as ChevronUp2 } from "react-feather";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var defaultData = {};
 var DebugContainer = ({ data = defaultData, children, className }) => {
-  const [isVisible, setIsVisible] = useState12(true);
-  const renderData = () => /* @__PURE__ */ jsxs17("pre", { children: [
+  const [isVisible, setIsVisible] = useState10(true);
+  const renderData = () => /* @__PURE__ */ jsxs13("pre", { children: [
     "{\n",
     Object.keys(data).map((key) => `  ${key}: ${String(data[key])},
 `),
     "}"
   ] });
-  return /* @__PURE__ */ jsxs17("div", { className: cn18("debug-container", className), "data-testid": "debug-container", children: [
-    isVisible && /* @__PURE__ */ jsxs17("div", { className: "debug-container__body", children: [
-      /* @__PURE__ */ jsx18("h5", { children: "Debug:" }),
-      data && Object.keys(data).length > 0 && /* @__PURE__ */ jsx18("div", { className: "debug-container__body-row", "data-testid": "debug-data", children: renderData() }),
-      children && /* @__PURE__ */ jsx18("div", { className: "debug-container__body-row", "data-testid": "debug-children", children })
+  return /* @__PURE__ */ jsxs13("div", { className: cn14("debug-container", className), "data-testid": "debug-container", children: [
+    isVisible && /* @__PURE__ */ jsxs13("div", { className: "debug-container__body", children: [
+      /* @__PURE__ */ jsx14("h5", { children: "Debug:" }),
+      data && Object.keys(data).length > 0 && /* @__PURE__ */ jsx14("div", { className: "debug-container__body-row", "data-testid": "debug-data", children: renderData() }),
+      children && /* @__PURE__ */ jsx14("div", { className: "debug-container__body-row", "data-testid": "debug-children", children })
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx14(
       "div",
       {
         className: "debug-container__toggler",
         onClick: () => setIsVisible((v) => !v),
         "data-testid": "debug-toggler",
-        children: isVisible ? /* @__PURE__ */ jsx18(ChevronUp2, {}) : /* @__PURE__ */ jsx18(ChevronDown3, {})
+        children: isVisible ? /* @__PURE__ */ jsx14(ChevronUp2, {}) : /* @__PURE__ */ jsx14(ChevronDown3, {})
       }
     )
   ] });
@@ -1629,24 +1329,24 @@ var DebugContainer = ({ data = defaultData, children, className }) => {
 var DebugContainer_default = DebugContainer;
 
 // src/Atomic/UI/DebugContainer/useDebugContainer.tsx
-import { useState as useState13 } from "react";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { useState as useState11 } from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function useDebugContainer() {
-  const [data, setData] = useState13({});
+  const [data, setData] = useState11({});
   return {
     debugData: data,
     setDebugData: setData,
-    renderDebugContainer: /* @__PURE__ */ jsx19(DebugContainer_default, { data })
+    renderDebugContainer: /* @__PURE__ */ jsx15(DebugContainer_default, { data })
   };
 }
 var useDebugContainer_default = useDebugContainer;
 
 // src/Atomic/UI/DoubleString/DoubleString.tsx
-import cn19 from "classnames";
+import cn15 from "classnames";
 import moment3 from "moment";
-import { useEffect as useEffect10, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState12 } from "react";
 import { Eye, EyeOff } from "react-feather";
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 var RC4 = "double-string";
 var DoubleString = ({
   value,
@@ -1666,33 +1366,33 @@ var DoubleString = ({
   isUseHideMode = false,
   isShowHiddenValueAvailable = false
 }) => {
-  const [isValueHidden, setIsValueHidden] = useState14(isUseHideMode);
+  const [isValueHidden, setIsValueHidden] = useState12(isUseHideMode);
   const computedValue = isFormatValueToDate ? moment3(value, parseFormat).format(displayFormat) : value;
-  const valueRef = useRef7(null);
+  const valueRef = useRef6(null);
   ;
-  const descriptionRef = useRef7(null);
-  const [elemsWidth, setElemsWidth] = useState14({
+  const descriptionRef = useRef6(null);
+  const [elemsWidth, setElemsWidth] = useState12({
     valueWidth: 0,
     descriptionWidth: 0
   });
-  const [isOnClickON, setIsOnClickON] = useState14(false);
+  const [isOnClickON, setIsOnClickON] = useState12(false);
   const handle = {
     click: () => {
       setIsOnClickON(!isOnClickON);
     }
   };
-  useEffect10(() => {
+  useEffect9(() => {
     const valueWidth = valueRef?.current?.clientWidth ?? 0;
     const descriptionWidth = descriptionRef?.current?.clientWidth ?? 0;
     setElemsWidth({ valueWidth, descriptionWidth });
   }, [descriptionRef, valueRef]);
-  return /* @__PURE__ */ jsxs18("div", { "data-testid": testId, className: cn19(RC4, className), children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs14("div", { "data-testid": testId, className: cn15(RC4, className), children: [
+    /* @__PURE__ */ jsx16(
       "p",
       {
         onClick: () => handle.click(),
         ref: valueRef,
-        className: cn19(
+        className: cn15(
           `${RC4}__value`,
           {
             "double-string--value-opened": isOnClickON && isUseOnClick
@@ -1700,27 +1400,27 @@ var DoubleString = ({
           { pointer: isUseOnClick }
         ),
         title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : "",
-        children: !revert ? /* @__PURE__ */ jsxs18(Fragment2, { children: [
-          isUseHideMode ? /* @__PURE__ */ jsx20("span", { children: !isValueHidden ? computedValue : "*********" }) : computedValue,
-          isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /* @__PURE__ */ jsx20(Eye, { "data-testid": "double-string-eye", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(false) }),
-          isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /* @__PURE__ */ jsx20(EyeOff, { "data-testid": "double-string-eyeoff", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(true) }),
-          valuePostfix && /* @__PURE__ */ jsx20("span", { className: cn19(`${RC4}__value-postfix`), children: valuePostfix })
+        children: !revert ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
+          isUseHideMode ? /* @__PURE__ */ jsx16("span", { children: !isValueHidden ? computedValue : "*********" }) : computedValue,
+          isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /* @__PURE__ */ jsx16(Eye, { "data-testid": "double-string-eye", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(false) }),
+          isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /* @__PURE__ */ jsx16(EyeOff, { "data-testid": "double-string-eyeoff", className: `${RC4}__hide-mode-icon`, onClick: () => setIsValueHidden(true) }),
+          valuePostfix && /* @__PURE__ */ jsx16("span", { className: cn15(`${RC4}__value-postfix`), children: valuePostfix })
         ] }) : description
       }
     ),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx16(
       "p",
       {
         ref: descriptionRef,
-        className: cn19(`${RC4}__description`),
+        className: cn15(`${RC4}__description`),
         title: !noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : "",
-        children: !revert ? description : /* @__PURE__ */ jsxs18(Fragment2, { children: [
+        children: !revert ? description : /* @__PURE__ */ jsxs14(Fragment2, { children: [
           computedValue,
-          valuePostfix && /* @__PURE__ */ jsx20("span", { className: cn19(`${RC4}__value-postfix`), children: valuePostfix })
+          valuePostfix && /* @__PURE__ */ jsx16("span", { className: cn15(`${RC4}__value-postfix`), children: valuePostfix })
         ] })
       }
     ),
-    subDescription && /* @__PURE__ */ jsx20("p", { className: cn19(`${RC4}__sub-description`), children: subDescription })
+    subDescription && /* @__PURE__ */ jsx16("p", { className: cn15(`${RC4}__sub-description`), children: subDescription })
   ] });
 };
 var DoubleString_default = DoubleString;
@@ -1729,15 +1429,15 @@ var DoubleString_default = DoubleString;
 var DoubleString_default2 = DoubleString_default;
 
 // src/Atomic/UI/Hint/Hint.tsx
-import cn20 from "classnames";
-import { useEffect as useEffect11, useRef as useRef8, useState as useState15 } from "react";
+import cn16 from "classnames";
+import { useEffect as useEffect10, useRef as useRef7, useState as useState13 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { AlertTriangle as AlertTriangle3, HelpCircle } from "react-feather";
 
 // src/Molecular/CustomIcons/components/HelpCircleFilled.tsx
-import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function HelpCircleFilled(props) {
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs15(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -1746,14 +1446,14 @@ function HelpCircleFilled(props) {
       fill: "none",
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx17(
           "path",
           {
             fill: "#9AA0B9",
             d: "M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334Z"
           }
         ),
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx17(
           "path",
           {
             stroke: "#fff",
@@ -1808,7 +1508,7 @@ function HandleClickOutsideObj(id, setIsOpen) {
 }
 
 // src/Atomic/UI/Hint/Hint.tsx
-import { Fragment as Fragment3, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var hintTimeoutMap = /* @__PURE__ */ new Map();
 var isContentHoveredOuter = false;
 var DEFAULT_EMPTY_OBJ = {};
@@ -1834,13 +1534,13 @@ var Hint = ({
   isLoading,
   isCloseOnChildrenClick = false
 }) => {
-  const hintRef = useRef8(null);
-  const [hintId] = useState15(id ?? key ?? Math.random().toString(16).slice(2));
-  const [iAmOpenedOptions] = useState15({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
-  const [isOpen, setIsOpen] = useState15(false);
-  const [isStyleComputed, setIsStyleComputed] = useState15(false);
-  const [handleScroll] = useState15(new HandleScrollObj(setIsOpen));
-  const [handleClickOutside] = useState15(new HandleClickOutsideObj(hintId, setIsOpen));
+  const hintRef = useRef7(null);
+  const [hintId] = useState13(id ?? key ?? Math.random().toString(16).slice(2));
+  const [iAmOpenedOptions] = useState13({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
+  const [isOpen, setIsOpen] = useState13(false);
+  const [isStyleComputed, setIsStyleComputed] = useState13(false);
+  const [handleScroll] = useState13(new HandleScrollObj(setIsOpen));
+  const [handleClickOutside] = useState13(new HandleClickOutsideObj(hintId, setIsOpen));
   const isCallbackExist = typeof onClickCallback === "function";
   const handle = {
     onMouseEnter: () => {
@@ -1890,11 +1590,11 @@ var Hint = ({
     }
   };
   const getHintMarkUp = (className2) => {
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs16(
       "div",
       {
         "data-testid": "test-hint-text",
-        className: cn20("hint__text", `hint__text_${side}`, `hint--${className2}__text`),
+        className: cn16("hint__text", `hint__text_${side}`, `hint--${className2}__text`),
         onMouseEnter: () => {
           if (isHoverableContent) isContentHoveredOuter = true;
         },
@@ -1902,7 +1602,7 @@ var Hint = ({
         onClick: handle.onClick,
         style: { visibility: isStyleComputed ? "visible" : "hidden" },
         children: [
-          isLoading && /* @__PURE__ */ jsx22(Spinner_default, { size: "small" }),
+          isLoading && /* @__PURE__ */ jsx18(Spinner_default, { size: "small" }),
           hint,
           children
         ]
@@ -1959,7 +1659,7 @@ var Hint = ({
     if (!hc) return null;
     return createPortal2(getHintMarkUp(className2), hc);
   };
-  useEffect11(() => {
+  useEffect10(() => {
     initHintContainer(hintId, hintContainer);
     const iAmOpenedCallback = (ev) => {
       const event = ev;
@@ -1985,7 +1685,7 @@ var Hint = ({
       }
     };
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     setIsStyleComputed(false);
     setHintContainerStyles();
     onOpenChange?.(isOpen);
@@ -2004,8 +1704,8 @@ var Hint = ({
       }
     };
   }, [isOpen]);
-  return /* @__PURE__ */ jsxs20("div", { "data-testid": testId, className: cn20("hint", className), ref: hintRef, children: [
-    /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs16("div", { "data-testid": testId, className: cn16("hint", className), ref: hintRef, children: [
+    /* @__PURE__ */ jsxs16(
       "button",
       {
         tabIndex: isAccessability ? 0 : -1,
@@ -2014,14 +1714,14 @@ var Hint = ({
         onClick: () => handleOpenType === "click" && (isCallbackExist ? onClickCallback?.() : setIsOpen(!isOpen)),
         onMouseEnter: handle.onMouseEnter,
         onMouseLeave: handle.onMouseLeave,
-        className: cn20("hint__button", { hint__button_active: isOpen }),
+        className: cn16("hint__button", { hint__button_active: isOpen }),
         children: [
-          icon || icon === null || /* @__PURE__ */ jsxs20(Fragment3, { children: [
-            variant === "outlined" && /* @__PURE__ */ jsx22(HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
-            variant === "filled" && /* @__PURE__ */ jsx22(HelpCircleFilled, { className: "hint__icon filled" }),
-            variant === "warning" && /* @__PURE__ */ jsx22(AlertTriangle3, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
+          icon || icon === null || /* @__PURE__ */ jsxs16(Fragment3, { children: [
+            variant === "outlined" && /* @__PURE__ */ jsx18(HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
+            variant === "filled" && /* @__PURE__ */ jsx18(HelpCircleFilled, { className: "hint__icon filled" }),
+            variant === "warning" && /* @__PURE__ */ jsx18(AlertTriangle3, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
           ] }),
-          label && /* @__PURE__ */ jsx22("span", { className: cn20("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
+          label && /* @__PURE__ */ jsx18("span", { className: cn16("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
         ]
       }
     ),
@@ -2034,19 +1734,19 @@ var Hint_default = Hint;
 var Hint_default2 = Hint_default;
 
 // src/Atomic/UI/Modal/Modal.tsx
-import cn23 from "classnames";
-import { useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo4, useRef as useRef11 } from "react";
+import cn19 from "classnames";
+import { useEffect as useEffect15, useLayoutEffect as useLayoutEffect3, useMemo as useMemo4, useRef as useRef10 } from "react";
 
 // src/Functions/useKeyPress/useHandleKeyPress.ts
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect12 } from "react";
 
 // src/Functions/useKeyPress/useKeyPress.ts
-import { useCallback, useEffect as useEffect12, useState as useState16 } from "react";
+import { useCallback, useEffect as useEffect11, useState as useState14 } from "react";
 function isISuspendProcessing(x) {
   return getIsOnlyAnObject(x) && Object.values(x).every((v) => typeof v === "function");
 }
 function useKeyPress(targetKey, clamping = true, isForbidden, suspendProcessing) {
-  const [keyPressed, setKeyPressed] = useState16(false);
+  const [keyPressed, setKeyPressed] = useState14(false);
   const safelySuspendProcessing = isISuspendProcessing(suspendProcessing) ? suspendProcessing : {};
   const downHandler = useCallback(
     (event) => {
@@ -2074,7 +1774,7 @@ function useKeyPress(targetKey, clamping = true, isForbidden, suspendProcessing)
     // ? хоть в коде используем "безопасный"
     [clamping, targetKey, suspendProcessing]
   );
-  useEffect12(
+  useEffect11(
     () => {
       const handleDown = (event) => downHandler(event);
       const handleUp = (event) => upHandler(event);
@@ -2106,12 +1806,12 @@ function useHandleKeyPress({
   const { isWithSubmitAndCloseManagement } = withEventManagementStructure || {};
   const isPressEnter = useKeyPress_default("Enter", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
   const isPressEscape = useKeyPress_default("Escape", withClamping, isWithSubmitAndCloseManagement, suspendProcessing);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isWithSubmitAndCloseManagement && isPressEscape && typeof escCallback === "function") {
       escCallback();
     }
   }, [isPressEscape, escCallback]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (!isWithSubmitAndCloseManagement && isPressEnter && typeof enterCallback === "function") {
       enterCallback();
     }
@@ -2198,17 +1898,17 @@ function dispatchEventForModalManagement(realEvent, nameOfCustomEvent, uniqueIdO
 }
 
 // src/Atomic/UI/Modal/partials/ModalFooter.tsx
-import cn21 from "classnames";
+import cn17 from "classnames";
 import { memo } from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var ModalFooter = memo(
   ({ className = "", children, wrapperRef, testId = "modal-footer" }) => {
-    return /* @__PURE__ */ jsx23(
+    return /* @__PURE__ */ jsx19(
       "footer",
       {
         "data-testid": testId,
         ref: wrapperRef,
-        className: cn21("modal__footer", className),
+        className: cn17("modal__footer", className),
         role: "contentinfo",
         "aria-label": "Modal footer",
         children
@@ -2220,10 +1920,10 @@ ModalFooter.displayName = "ModalFooter";
 var ModalFooter_default = ModalFooter;
 
 // src/Atomic/UI/Modal/partials/ModalTitle.tsx
-import cn22 from "classnames";
-import { memo as memo2, useLayoutEffect, useMemo as useMemo3, useRef as useRef9 } from "react";
+import cn18 from "classnames";
+import { memo as memo2, useLayoutEffect, useMemo as useMemo3, useRef as useRef8 } from "react";
 import { X as X3 } from "react-feather";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
 var ModalTitle = memo2(
   ({
     variant = "primary",
@@ -2236,44 +1936,44 @@ var ModalTitle = memo2(
     wrapperRef,
     testId = "modal-title"
   }) => {
-    const closeModalRef = useRef9(onClose);
+    const closeModalRef = useRef8(onClose);
     const handleClick = useMemo3(() => () => closeModalRef.current?.(), []);
     useLayoutEffect(() => {
       closeModalRef.current = closeBtnDisable ? void 0 : onClose;
     }, [onClose, closeBtnDisable]);
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs17(
       "header",
       {
         "data-testid": testId,
         ref: wrapperRef,
-        className: cn22("modal__header", className, {
+        className: cn18("modal__header", className, {
           [`modal__header-${variant}`]: variant
         }),
         role: "banner",
         "aria-label": "Modal header",
         children: [
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx20(
             "span",
             {
-              className: cn22("modal__header-title", {
+              className: cn18("modal__header-title", {
                 [`modal__header-${variant}-title`]: variant
               }),
               id: `${testId}-heading`,
               children
             }
           ),
-          !isForced && /* @__PURE__ */ jsx24(
+          !isForced && /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
               onClick: handleClick,
-              className: cn22("modal-close-icon-box", {
+              className: cn18("modal-close-icon-box", {
                 "modal-close-icon-box-primary": variant === "primary",
                 "modal-close-icon-box--hidden": noHeaderCloseBtn
               }),
               "aria-label": "Close modal",
               title: "Close modal",
-              children: !noHeaderCloseBtn && /* @__PURE__ */ jsx24(X3, { className: "modal-close-icon", role: "img", "aria-hidden": "true" })
+              children: !noHeaderCloseBtn && /* @__PURE__ */ jsx20(X3, { className: "modal-close-icon", role: "img", "aria-hidden": "true" })
             }
           )
         ]
@@ -2285,10 +1985,10 @@ ModalTitle.displayName = "ModalTitle";
 var ModalTitle_default = ModalTitle;
 
 // src/Atomic/UI/Modal/partials/useMobileModal.tsx
-import { useCallback as useCallback2, useEffect as useEffect15, useLayoutEffect as useLayoutEffect2, useRef as useRef10, useState as useState18 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect14, useLayoutEffect as useLayoutEffect2, useRef as useRef9, useState as useState16 } from "react";
 
 // src/Functions/useIsMobile/useIsMobile.ts
-import { useEffect as useEffect14, useState as useState17 } from "react";
+import { useEffect as useEffect13, useState as useState15 } from "react";
 function useIsMobile({ isWithoutWidthCheck = false } = {}) {
   const isIPad = () => {
     const ua = navigator.userAgent || navigator.vendor || window.opera;
@@ -2299,8 +1999,8 @@ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
   const getIsMobile = () => {
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || isIPad();
   };
-  const [isMobile, setIsMobile] = useState17(getIsMobile());
-  useEffect14(() => {
+  const [isMobile, setIsMobile] = useState15(getIsMobile());
+  useEffect13(() => {
     if (getIsMobile()) {
       setIsMobile(true);
     }
@@ -2314,7 +2014,7 @@ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
 var useIsMobile_default = useIsMobile;
 
 // src/Atomic/UI/Modal/partials/useMobileModal.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var SCROLL_DIRECTION = {
   UP: "up",
   DOWN: "down"
@@ -2325,27 +2025,27 @@ function useMobileModal({
   withFixedFooter = false,
   isOpen = false
 }) {
-  const modalMobileContainerRef = useRef10(null);
-  const modalMobileHeaderRef = useRef10(null);
-  const modalMobileFooterRef = useRef10(null);
-  const modalMobileBodyRef = useRef10(null);
+  const modalMobileContainerRef = useRef9(null);
+  const modalMobileHeaderRef = useRef9(null);
+  const modalMobileFooterRef = useRef9(null);
+  const modalMobileBodyRef = useRef9(null);
   const { isMobile } = useIsMobile_default();
-  const [modalHeight, setModalHeight] = useState18(0);
-  const [modalsLogic, setModalsLogic] = useState18({
+  const [modalHeight, setModalHeight] = useState16(0);
+  const [modalsLogic, setModalsLogic] = useState16({
     IS_HEADER_HIDDEN: false,
     IS_HEADER_STICKY: false,
     IS_FOOTER_HIDDEN: false,
     IS_FOOTER_STICKY: withFixedFooter
   });
-  const [modalsLogicProps, setModalsLogicProps] = useState18({
+  const [modalsLogicProps, setModalsLogicProps] = useState16({
     headerHeight: 0,
     footerHeight: 0
   });
-  const [scrollDirection, setScrollDirection] = useState18(SCROLL_DIRECTION.UP);
-  const [scrollTopPrev, setScrollTopPrev] = useState18(0);
-  const [scrollTop, setScrollTop] = useState18(0);
-  const [scrollHeight, setScrollHeight] = useState18(1);
-  const [, setContainerScrollHeight] = useState18(1);
+  const [scrollDirection, setScrollDirection] = useState16(SCROLL_DIRECTION.UP);
+  const [scrollTopPrev, setScrollTopPrev] = useState16(0);
+  const [scrollTop, setScrollTop] = useState16(0);
+  const [scrollHeight, setScrollHeight] = useState16(1);
+  const [, setContainerScrollHeight] = useState16(1);
   useLayoutEffect2(() => {
     const el = modalMobileContainerRef?.current;
     if (el) {
@@ -2357,7 +2057,7 @@ function useMobileModal({
       });
     }
   }, [modalMobileContainerRef?.current]);
-  useEffect15(() => {
+  useEffect14(() => {
     setScrollDirection(
       (prevScrollDirection) => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection
     );
@@ -2386,7 +2086,7 @@ function useMobileModal({
       }
     }
   });
-  useEffect15(() => {
+  useEffect14(() => {
     if (isMobile && withMobileLogic) {
       const { footerHeight, headerHeight } = modalsLogicProps;
       setModalsLogic((prevStickyLogic) => ({
@@ -2422,7 +2122,7 @@ function useMobileModal({
       }));
     }
   }, [modalMobileFooterRef?.current?.getBoundingClientRect()?.height]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (modalMobileContainerRef?.current) {
       setContainerScrollHeight(modalMobileContainerRef?.current?.scrollHeight);
       setScrollHeight(
@@ -2430,7 +2130,7 @@ function useMobileModal({
       );
     }
   }, [scrollTop, modalMobileContainerRef?.current, window.innerHeight]);
-  useEffect15(() => {
+  useEffect14(() => {
     window.addEventListener("resize", () => {
       setContainerScrollHeight((containerScrollHeight) => {
         setScrollHeight(containerScrollHeight - window.innerHeight);
@@ -2441,7 +2141,7 @@ function useMobileModal({
   const renderModal = useCallback2(
     (modal) => {
       if (!isMobile || !withMobileLogic) return modal;
-      return /* @__PURE__ */ jsx25("div", { className: "modal-mobile-container", ref: modalMobileContainerRef, children: modal });
+      return /* @__PURE__ */ jsx21("div", { className: "modal-mobile-container", ref: modalMobileContainerRef, children: modal });
     },
     [isMobile, withMobileLogic]
   );
@@ -2460,7 +2160,7 @@ function useMobileModal({
 }
 
 // src/Atomic/UI/Modal/Modal.tsx
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var attrsForModalBodyDefault = {};
 var KEY_CODE = Object.freeze({
   ENTER: 13,
@@ -2524,11 +2224,11 @@ function Modal({
   withMobileLogic,
   children
 }) {
-  const internalRef = useRef11(null);
+  const internalRef = useRef10(null);
   const modalRef = ref || internalRef;
-  const onConfirmRef = useRef11(onConfirm);
-  const closeModalRef = useRef11(closeModal);
-  const onDeclineRef = useRef11(onDecline);
+  const onConfirmRef = useRef10(onConfirm);
+  const closeModalRef = useRef10(closeModal);
+  const onDeclineRef = useRef10(onDecline);
   const isSubmittingByEnter = submitOnEnter === false ? false : isSubmittingByEnterOuter;
   const isClosingByEsc = closeOnEsc === false ? false : isClosingByEscOuter;
   const withEventManagementStructure = getWithEventManagementStructure(id, withEventManagement);
@@ -2587,7 +2287,7 @@ function Modal({
     onDeclineRef.current = isOnDeclineBlocked ? () => {
     } : onDecline;
   }, [onDecline, isOnDeclineBlocked]);
-  useEffect16(() => {
+  useEffect15(() => {
     const outerTarget = getIsOnlyAnObject(withEventManagement) ? withEventManagement.listenersTarget : void 0;
     const target = outerTarget ?? document;
     const onKeyPress = getOnKeyPress({ id, onSubmit: handle.confirm, onClose: handle.close, suspendProcessing });
@@ -2603,7 +2303,7 @@ function Modal({
     };
   }, []);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       id: `${id}`,
@@ -2614,8 +2314,8 @@ function Modal({
       "aria-modal": "true",
       "aria-labelledby": `${testId}-title`,
       children: renderModal(
-        /* @__PURE__ */ jsxs22(Fragment4, { children: [
-          /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsxs18(Fragment4, { children: [
+          /* @__PURE__ */ jsx22(
             "div",
             {
               "data-testid": `${testId}-overlay`,
@@ -2624,23 +2324,23 @@ function Modal({
               role: "presentation"
             }
           ),
-          /* @__PURE__ */ jsxs22(
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               ref: modalRef,
               style: { width: typeof size === "number" ? `${size}px` : `${size?.replace("px", "")}px` },
-              className: cn23(className, {
+              className: cn19(className, {
                 "modal": isOpen,
                 "modal--no-header": isOpen && noHeader && !customHeader,
                 "modal-mobile": isOpen && isMobile,
                 "hidden": !isOpen
               }),
               children: [
-                customHeader || !noHeader && /* @__PURE__ */ jsx26(
+                customHeader || !noHeader && /* @__PURE__ */ jsx22(
                   ModalTitle_default,
                   {
                     wrapperRef: modalMobileHeaderRef,
-                    className: cn23({
+                    className: cn19({
                       "modal__header--hidden": MODALS_LOGIC.IS_HEADER_HIDDEN,
                       "modal__header--sticky": !MODALS_LOGIC.IS_HEADER_HIDDEN && MODALS_LOGIC.IS_HEADER_STICKY
                     }),
@@ -2648,38 +2348,38 @@ function Modal({
                     isForced: forced,
                     onClose: handle.close,
                     noHeaderCloseBtn,
-                    children: /* @__PURE__ */ jsx26("span", { id: `${testId}-title`, children: renderModalTitle({ mode, title, onlyTitle }) })
+                    children: /* @__PURE__ */ jsx22("span", { id: `${testId}-title`, children: renderModalTitle({ mode, title, onlyTitle }) })
                   }
                 ),
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx22(
                   "div",
                   {
                     ...atributesForModalBody,
                     ref: modalMobileBodyRef,
-                    className: cn23("modal__body", {
+                    className: cn19("modal__body", {
                       "modal__body--no-footer": noFooter
                     }),
                     role: "document",
                     children
                   }
                 ),
-                (!noFooter || customFooter) && /* @__PURE__ */ jsx26(
+                (!noFooter || customFooter) && /* @__PURE__ */ jsx22(
                   ModalFooter_default,
                   {
                     wrapperRef: modalMobileFooterRef,
-                    className: cn23({
+                    className: cn19({
                       "modal__footer--hidden": MODALS_LOGIC.IS_FOOTER_HIDDEN,
                       "modal__footer--sticky": !MODALS_LOGIC.IS_FOOTER_HIDDEN && MODALS_LOGIC.IS_FOOTER_STICKY && scrollTop !== scrollHeight,
                       "modal__footer_with-left-content": leftContentOfFooter
                     }),
-                    children: customFooter || /* @__PURE__ */ jsxs22(Fragment4, { children: [
+                    children: customFooter || /* @__PURE__ */ jsxs18(Fragment4, { children: [
                       leftContentOfFooter,
-                      (!noCloseBtn || !noConfirmBtn) && /* @__PURE__ */ jsxs22("div", { className: "modal__buttons-block", children: [
-                        !noCloseBtn && /* @__PURE__ */ jsx26(
+                      (!noCloseBtn || !noConfirmBtn) && /* @__PURE__ */ jsxs18("div", { className: "modal__buttons-block", children: [
+                        !noCloseBtn && /* @__PURE__ */ jsx22(
                           Button_default,
                           {
                             testId: "modal",
-                            className: cn23(closeBtnClassName, btnClassNames),
+                            className: cn19(closeBtnClassName, btnClassNames),
                             variant: closeBtnVariant || "dark-outline",
                             onClick: handle.decline,
                             label: closeBtnText || "Cancel",
@@ -2690,13 +2390,13 @@ function Modal({
                             "aria-label": "Close modal"
                           }
                         ),
-                        !noConfirmBtn && /* @__PURE__ */ jsx26(
+                        !noConfirmBtn && /* @__PURE__ */ jsx22(
                           Button_default,
                           {
                             testId: "modal",
                             onClick: handle.confirm,
                             label: confirmBtnLabel || mode && mode?.[0].toUpperCase() + mode?.slice(1) || "Apply",
-                            className: cn23("ml5", confirmBtnClassName, btnClassNames),
+                            className: cn19("ml5", confirmBtnClassName, btnClassNames),
                             variant: confirmBtnVariant,
                             disabled: confirmBtnDisable,
                             icon: confirmBtnIcon,
@@ -2720,9 +2420,9 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/Atomic/UI/Modal/ModalHOC.tsx
-import cn24 from "classnames";
-import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect4, useMemo as useMemo5, useRef as useRef12 } from "react";
-import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+import cn20 from "classnames";
+import { useEffect as useEffect16, useLayoutEffect as useLayoutEffect4, useMemo as useMemo5, useRef as useRef11 } from "react";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 var ModalHOC = ({
   id,
   zIndex = 100,
@@ -2740,8 +2440,8 @@ var ModalHOC = ({
   isClosingByEsc: isClosingByEscOuter = true,
   closeOnEsc
 }) => {
-  const modalRef = useRef12(null);
-  const closeModalRef = useRef12(closeModal);
+  const modalRef = useRef11(null);
+  const closeModalRef = useRef11(closeModal);
   const isClosingByEsc = closeOnEsc === false ? false : isClosingByEscOuter;
   const withEventManagementStructure = getWithEventManagementStructure(id, withEventManagement);
   const handleClose = useMemo5(() => () => closeModalRef.current?.(), []);
@@ -2752,301 +2452,56 @@ var ModalHOC = ({
   useLayoutEffect4(() => {
     closeModalRef.current = closeBtnDisable ? void 0 : closeModal;
   }, [closeModal, closeBtnDisable]);
-  useEffect17(() => {
-    const onKeyPress = getOnKeyPress({ id, onClose: handleClose });
-    if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-      if (isClosingByEsc) document.addEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-    }
-    return () => {
-      if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
-        if (isClosingByEsc) document.removeEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
-      }
-    };
-  }, []);
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs23("div", { id: `${id}`, style: { zIndex }, "data-testid": testId, className: "modal-box j5", role: "presentation", children: [
-    /* @__PURE__ */ jsx27("div", { className: "modal-overlay", onClick: handleClose, role: "presentation", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx27(
-      "div",
-      {
-        ref: modalRef,
-        style: { width: size },
-        className: cn24(className, "modal"),
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": testId,
-        tabIndex: -1,
-        children
-      }
-    )
-  ] });
-};
-var ModalHOC_default = ModalHOC;
-
-// src/Atomic/UI/Modal/index.ts
-var Modal_default2 = Modal_default;
-
-// src/Atomic/UI/MonoAccordion/index.ts
-var MonoAccordion_default2 = MonoAccordion_default;
-
-// src/Atomic/UI/NavLine/NavLine.tsx
-import cn25 from "classnames";
-import { createRef, useCallback as useCallback3, useEffect as useEffect18, useRef as useRef13, useState as useState19 } from "react";
-import * as Icons3 from "react-feather";
-import { NavLink as NavLink3 } from "react-router-dom";
-import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
-var CN4 = "nav-line";
-function checkedRef2(ref) {
-  if (!ref) return null;
-  return typeof ref === "function" ? (node) => ref(node) : ref;
-}
-var NavLine = ({
-  root = "",
-  activeTab,
-  variant,
-  onChange,
-  className,
-  items,
-  children,
-  isLocal = false,
-  mode,
-  isNavigateByKeys,
-  isTabLoading,
-  scrollMode = false,
-  testId = CN4
-}) => {
-  const [navLineItems, setNavLineItems] = useState19([]);
-  const wrapperRef = useRef13(null);
-  const wrapperInnerRef = useRef13(null);
-  const [showScrollButtons, setShowScrollButtons] = useState19(false);
-  const [canScrollLeft, setCanScrollLeft] = useState19(false);
-  const [canScrollRight, setCanScrollRight] = useState19(false);
-  const [isScrollBlocked, setIsScrollBlocked] = useState19(false);
-  const checkScroll = useCallback3(() => {
-    const inner = wrapperInnerRef.current;
-    if (!inner) return;
-    const hasOverflow = inner.scrollWidth > inner.clientWidth;
-    const canScrollLeft2 = inner.scrollLeft > 0;
-    const canScrollRight2 = inner.scrollLeft < inner.scrollWidth - inner.clientWidth;
-    setShowScrollButtons(hasOverflow);
-    setCanScrollLeft(canScrollLeft2);
-    setCanScrollRight(canScrollRight2);
-  }, []);
-  const scroll = useCallback3(
-    (direction) => {
-      if (isScrollBlocked || !wrapperInnerRef.current) return;
-      setIsScrollBlocked(true);
-      const scrollAmount = 100;
-      const offset = direction === "left" ? -scrollAmount : scrollAmount;
-      try {
-        wrapperInnerRef.current.scrollBy({
-          left: offset,
-          behavior: "smooth"
-        });
-      } catch (error) {
-        console.error("scrollBy is not supported", error);
-        if (wrapperInnerRef.current) {
-          wrapperInnerRef.current.scrollLeft += offset;
-        }
-      }
-      setTimeout(() => {
-        setIsScrollBlocked(false);
-        checkScroll();
-      }, 300);
-    },
-    [isScrollBlocked, checkScroll]
-  );
-  const handleWheel = useCallback3(
-    (e) => {
-      if (!scrollMode) return;
-      e.preventDefault();
-      if (e.deltaY > 0) {
-        scroll("right");
-      } else {
-        scroll("left");
-      }
-    },
-    [scroll, scrollMode]
-  );
-  const onTabChange = useCallback3(
-    (item) => {
-      if (!item.disabled && !(mode === "create" && item.tabId !== "general")) {
-        onChange(item.tabId);
-      }
-    },
-    [mode, onChange]
-  );
-  const navigateByKeys = useCallback3(
-    (event) => {
-      if (event.repeat) return;
-      const activeTabIndex = items.findIndex((tab) => tab.tabId === activeTab);
-      const nextTabID = items[activeTabIndex + 1]?.tabId;
-      const prevTabID = items[activeTabIndex - 1]?.tabId;
-      if (event.keyCode === KEYBOARD_KEY_CODES.ARROW_RIGHT && nextTabID) {
-        onChange(nextTabID);
-      } else if (event.keyCode === KEYBOARD_KEY_CODES.ARROW_LEFT && prevTabID) {
-        onChange(prevTabID);
-      }
-    },
-    [activeTab, items, onChange]
-  );
-  useEffect18(() => {
-    setNavLineItems(
-      items.map((item) => ({
-        ...item,
-        ref: createRef()
-      }))
-    );
-  }, [items]);
-  useEffect18(() => {
-    if (isNavigateByKeys && !isTabLoading) {
-      document.addEventListener("keydown", navigateByKeys);
-    }
-    return () => document.removeEventListener("keydown", navigateByKeys);
-  }, [isNavigateByKeys, isTabLoading, navigateByKeys]);
-  useEffect18(() => {
-    if (!scrollMode) return;
-    const inner = wrapperInnerRef.current;
-    if (!inner) return;
-    const resizeObserver = new ResizeObserver(checkScroll);
-    resizeObserver.observe(inner);
-    inner.addEventListener("scroll", checkScroll);
-    inner.addEventListener("wheel", handleWheel, { passive: false });
-    checkScroll();
-    return () => {
-      resizeObserver.disconnect();
-      inner.removeEventListener("scroll", checkScroll);
-      inner.removeEventListener("wheel", handleWheel);
-    };
-  }, [scrollMode, checkScroll, handleWheel]);
-  const renderNavItem = (item) => {
-    const Icon = item.icon ? Icons3[item.icon] : null;
-    const isDisabled = item.disabled || mode === "create" && item.tabId !== "general";
-    const commonProps = {
-      "title": item.title,
-      "className": cn25(
-        { "nav-line__item": !variant },
-        { "nav-line--simple__item": variant === "simple" },
-        { active: activeTab === item.tabId },
-        { disabled: isDisabled },
-        { "nav-line__item--hidden": item.isHidden }
-      ),
-      "role": "tab",
-      "aria-selected": activeTab === item.tabId,
-      "aria-disabled": isDisabled,
-      "tabIndex": isDisabled ? -1 : 0
-    };
-    const content = /* @__PURE__ */ jsxs24("div", { className: "nav-line__content", children: [
-      Icon && /* @__PURE__ */ jsx28("div", { className: "nav-line__item--icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx28(Icon, {}) }),
-      /* @__PURE__ */ jsx28("span", { className: cn25({ "nav-line__item--label": variant !== "simple" }), children: item.label }),
-      item.count !== void 0 && /* @__PURE__ */ jsxs24("span", { className: "nav-line-count", "aria-label": `${item.count} items`, children: [
-        "(",
-        item.count,
-        ")"
-      ] })
-    ] });
-    if (isLocal) {
-      return /* @__PURE__ */ jsx28(
-        "span",
-        {
-          ...commonProps,
-          ref: checkedRef2(item.ref),
-          onClick: () => !isDisabled && onTabChange(item),
-          onKeyPress: (e) => {
-            if (!isDisabled && (e.key === "Enter" || e.key === " ")) {
-              e.preventDefault();
-              onTabChange(item);
-            }
-          },
-          children: content
-        },
-        `tab__${item.tabId}`
-      );
+  useEffect16(() => {
+    const onKeyPress = getOnKeyPress({ id, onClose: handleClose });
+    if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
+      if (isClosingByEsc) document.addEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
     }
-    return /* @__PURE__ */ jsx28(
-      NavLink3,
+    return () => {
+      if (withEventManagementStructure.isWithSubmitAndCloseManagement && !!onKeyPress) {
+        if (isClosingByEsc) document.removeEventListener(EVENTS.iGotAnEscKeyPress.name, onKeyPress);
+      }
+    };
+  }, []);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs19("div", { id: `${id}`, style: { zIndex }, "data-testid": testId, className: "modal-box j5", role: "presentation", children: [
+    /* @__PURE__ */ jsx23("div", { className: "modal-overlay", onClick: handleClose, role: "presentation", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx23(
+      "div",
       {
-        ...commonProps,
-        to: `${root}${item?.linkChapter || item.tabId}/`,
-        onClick: (e) => {
-          if (isDisabled) {
-            e.preventDefault();
-          }
-        },
-        children: content
-      },
-      `tab__${item.tabId}`
-    );
-  };
-  return /* @__PURE__ */ jsx28("div", { className: "nav-line-wrapper", children: /* @__PURE__ */ jsxs24(
-    "div",
-    {
-      "data-testid": testId,
-      className: cn25(
-        { [CN4]: !variant },
-        { [`${CN4}--simple`]: variant === "simple" },
-        { [`${CN4}--scroll-mode`]: scrollMode },
-        className
-      ),
-      ref: wrapperRef,
-      children: [
-        scrollMode && showScrollButtons && /* @__PURE__ */ jsx28(
-          "button",
-          {
-            type: "button",
-            "data-testid": "nav-line-scroll-prev",
-            className: "nav-line--simple__arrow nav-line--simple__arrow--prev",
-            onClick: () => scroll("left"),
-            "aria-label": "Scroll previous",
-            disabled: !canScrollLeft,
-            children: /* @__PURE__ */ jsx28(Icons3.ChevronLeft, {})
-          }
-        ),
-        /* @__PURE__ */ jsx28(
-          "div",
-          {
-            ref: wrapperInnerRef,
-            className: cn25({ "nav-line__inner": !variant }, { "nav-line--simple__inner": variant === "simple" }),
-            role: "tablist",
-            "aria-orientation": "horizontal",
-            children: navLineItems.map(renderNavItem)
-          }
-        ),
-        scrollMode && showScrollButtons && /* @__PURE__ */ jsx28(
-          "button",
-          {
-            type: "button",
-            "data-testid": "nav-line-scroll-next",
-            className: "nav-line--simple__arrow nav-line--simple__arrow--next",
-            onClick: () => scroll("right"),
-            "aria-label": "Scroll next",
-            disabled: !canScrollRight,
-            children: /* @__PURE__ */ jsx28(Icons3.ChevronRight, {})
-          }
-        ),
-        children && /* @__PURE__ */ jsx28("div", { className: "nav-line__body", role: "tabpanel", children })
-      ]
-    }
-  ) });
+        ref: modalRef,
+        style: { width: size },
+        className: cn20(className, "modal"),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": testId,
+        tabIndex: -1,
+        children
+      }
+    )
+  ] });
 };
-var NavLine_default = NavLine;
+var ModalHOC_default = ModalHOC;
+
+// src/Atomic/UI/Modal/index.ts
+var Modal_default2 = Modal_default;
 
-// src/Atomic/UI/NavLine/index.ts
-var NavLine_default2 = NavLine_default;
+// src/Atomic/UI/MonoAccordion/index.ts
+var MonoAccordion_default2 = MonoAccordion_default;
 
 // src/Atomic/UI/PageTitle/PageTitle.tsx
-import cn26 from "classnames";
+import cn21 from "classnames";
 import { Home } from "react-feather";
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 var RC5 = "page-title";
-var PageTitle = ({ title, pages, children, testId = RC5 }) => /* @__PURE__ */ jsxs25("div", { "data-testid": testId, className: RC5, role: "region", "aria-label": title, children: [
-  /* @__PURE__ */ jsxs25("div", { className: `${RC5}__wrap`, children: [
-    /* @__PURE__ */ jsx29("h1", { className: `${RC5}__title`, children: title }),
-    pages.length > 0 && /* @__PURE__ */ jsx29("nav", { className: `${RC5}__pages`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs25("ol", { className: `${RC5}__list`, children: [
-      /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsx29("a", { className: `${RC5}__link`, href: "/", "aria-label": "Home page", children: /* @__PURE__ */ jsx29(Home, { "aria-hidden": "true" }) }) }),
-      pages.map(({ name, path }, index) => /* @__PURE__ */ jsxs25("li", { children: [
-        /* @__PURE__ */ jsx29("span", { className: `${RC5}__delimiter`, "aria-hidden": "true", children: "/" }),
-        pages.length - 1 === index ? /* @__PURE__ */ jsx29("span", { className: cn26(`${RC5}__link`, `${RC5}__link_last`), "aria-current": "page", children: name }) : /* @__PURE__ */ jsx29("a", { className: `${RC5}__link`, href: path, children: name })
+var PageTitle = ({ title, pages, children, testId = RC5 }) => /* @__PURE__ */ jsxs20("div", { "data-testid": testId, className: RC5, role: "region", "aria-label": title, children: [
+  /* @__PURE__ */ jsxs20("div", { className: `${RC5}__wrap`, children: [
+    /* @__PURE__ */ jsx24("h1", { className: `${RC5}__title`, children: title }),
+    pages.length > 0 && /* @__PURE__ */ jsx24("nav", { className: `${RC5}__pages`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs20("ol", { className: `${RC5}__list`, children: [
+      /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24("a", { className: `${RC5}__link`, href: "/", "aria-label": "Home page", children: /* @__PURE__ */ jsx24(Home, { "aria-hidden": "true" }) }) }),
+      pages.map(({ name, path }, index) => /* @__PURE__ */ jsxs20("li", { children: [
+        /* @__PURE__ */ jsx24("span", { className: `${RC5}__delimiter`, "aria-hidden": "true", children: "/" }),
+        pages.length - 1 === index ? /* @__PURE__ */ jsx24("span", { className: cn21(`${RC5}__link`, `${RC5}__link_last`), "aria-current": "page", children: name }) : /* @__PURE__ */ jsx24("a", { className: `${RC5}__link`, href: path, children: name })
       ] }, path))
     ] }) })
   ] }),
@@ -3058,7 +2513,7 @@ var PageTitle_default = PageTitle;
 var PageTitle_default2 = PageTitle_default;
 
 // src/Atomic/UI/Price/Price.tsx
-import cn27 from "classnames";
+import cn22 from "classnames";
 
 // src/Functions/fieldValueFormatters.js
 var getSafelyValue = (value) => value !== void 0 && value !== null ? value?.toString?.() || "" : "";
@@ -3168,15 +2623,15 @@ var formatToPriceWithCurrency = (value, currencyCode, symbolPosition = "before")
 };
 
 // src/Atomic/UI/Price/Price.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
-var CN5 = "price";
-var Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN5 }) => {
+import { jsx as jsx25 } from "react/jsx-runtime";
+var CN3 = "price";
+var Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN3 }) => {
   if (value === void 0 || value === null) return null;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-testid": testId,
-      className: cn27(CN5, className),
+      className: cn22(CN3, className),
       role: "contentinfo",
       "aria-label": `Price: ${formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")}`,
       children: formatToPriceWithCurrency(value, currencyCode, isSymbolAfter ? "after" : "before")
@@ -3189,15 +2644,15 @@ var Price_default = Price;
 var Price_default2 = Price_default;
 
 // src/Atomic/UI/PriceRange/PriceRange.tsx
-import cn28 from "classnames";
-import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
-var CN6 = "price-range";
-var PriceRange = ({ from, to, mode, testId = CN6 }) => {
-  return /* @__PURE__ */ jsx31("div", { "data-testid": testId, className: cn28(CN6, "j4"), role: "region", "aria-label": "Price range", children: mode === "simple" ? /* @__PURE__ */ jsxs26("span", { "aria-live": "polite", children: [
+import cn23 from "classnames";
+import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
+var CN4 = "price-range";
+var PriceRange = ({ from, to, mode, testId = CN4 }) => {
+  return /* @__PURE__ */ jsx26("div", { "data-testid": testId, className: cn23(CN4, "j4"), role: "region", "aria-label": "Price range", children: mode === "simple" ? /* @__PURE__ */ jsxs21("span", { "aria-live": "polite", children: [
     from,
     " - ",
     to
-  ] }) : /* @__PURE__ */ jsxs26("span", { "aria-live": "polite", children: [
+  ] }) : /* @__PURE__ */ jsxs21("span", { "aria-live": "polite", children: [
     formatToPriceWithUSD(from?.toString()),
     " - ",
     formatToPriceWithUSD(to?.toString())
@@ -3209,9 +2664,9 @@ var PriceRange_default = PriceRange;
 var PriceRange_default2 = PriceRange_default;
 
 // src/Atomic/UI/ProgressLine/ProgressLine.tsx
-import cn29 from "classnames";
-import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
-var CN7 = "progress-line";
+import cn24 from "classnames";
+import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+var CN5 = "progress-line";
 var ProgressLine = ({
   label = "",
   labelAlign = "left",
@@ -3230,7 +2685,7 @@ var ProgressLine = ({
   useVariantLabelColor = true,
   isShowLine = true,
   className,
-  testId = CN7
+  testId = CN5
 }) => {
   const getFilledLineWidth = () => {
     if (value > maxValue) value = maxValue;
@@ -3238,21 +2693,21 @@ var ProgressLine = ({
   };
   const renderLabel = () => {
     if (!label) return null;
-    return /* @__PURE__ */ jsx32("div", { className: `progress-line__wrapper__label align-${labelAlign}`, children: label });
+    return /* @__PURE__ */ jsx27("div", { className: `progress-line__wrapper__label align-${labelAlign}`, children: label });
   };
   const renderProgressValue = () => {
     if (!renderValue) return null;
-    return /* @__PURE__ */ jsx32("div", { className: "progress-line__wrapper__value", "aria-live": "polite", children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}` });
+    return /* @__PURE__ */ jsx27("div", { className: "progress-line__wrapper__value", "aria-live": "polite", children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}` });
   };
   const renderExtremums = () => {
     if (!showExtremums) return null;
-    return /* @__PURE__ */ jsxs27("div", { "aria-hidden": "true", className: `progress-line__wrapper__extremums position-${extremumsPosition}`, children: [
-      /* @__PURE__ */ jsx32("div", { className: "progress-line__wrapper__extremums--min", children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}` }),
-      /* @__PURE__ */ jsx32("div", { className: "progress-line__wrapper__extremums--max", children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}` })
+    return /* @__PURE__ */ jsxs22("div", { "aria-hidden": "true", className: `progress-line__wrapper__extremums position-${extremumsPosition}`, children: [
+      /* @__PURE__ */ jsx27("div", { className: "progress-line__wrapper__extremums--min", children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}` }),
+      /* @__PURE__ */ jsx27("div", { className: "progress-line__wrapper__extremums--max", children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}` })
     ] });
   };
   const renderFilledLine = () => {
-    return /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx27(
       "div",
       {
         className: "progress-line__wrapper__line--filled",
@@ -3266,14 +2721,14 @@ var ProgressLine = ({
     );
   };
   const renderLine = () => {
-    return /* @__PURE__ */ jsxs27("div", { className: "progress-line__wrapper__line", children: [
+    return /* @__PURE__ */ jsxs22("div", { className: "progress-line__wrapper__line", children: [
       renderExtremums(),
       renderFilledLine()
     ] });
   };
-  return /* @__PURE__ */ jsxs27("div", { className: cn29(CN7, className), "data-testid": testId, role: "region", "aria-label": "Progress line", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: cn24(CN5, className), "data-testid": testId, role: "region", "aria-label": "Progress line", children: [
     renderLabel(),
-    /* @__PURE__ */ jsxs27(
+    /* @__PURE__ */ jsxs22(
       "div",
       {
         className: `progress-line__wrapper variant-${useVariantLabelColor && variant} value-${valueVerticalPosition}-${valueHorizontalPosition} ${className}`,
@@ -3290,13 +2745,65 @@ var ProgressLine_default = ProgressLine;
 // src/Atomic/UI/ProgressLine/index.ts
 var ProgressLine_default2 = ProgressLine_default;
 
+// src/Atomic/UI/Status/Status.tsx
+import cn25 from "classnames";
+import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+function defaultOnClick2() {
+}
+var Status = ({
+  icon,
+  value,
+  label,
+  status,
+  disabled,
+  type,
+  active = 0,
+  pause = 0,
+  className,
+  noBackground,
+  children,
+  testId = "status",
+  onClick = defaultOnClick2
+}) => {
+  if (!status) return null;
+  const text = children && typeof children === "string" ? children : value || label || status;
+  const formattedLabel = text?.[0].toUpperCase() + text?.slice(1);
+  return /* @__PURE__ */ jsx28("div", { onClick, "data-testid": testId, className: cn25({ disabled }, className), children: type === "number" ? /* @__PURE__ */ jsx28("div", { children: active === 0 && pause === 0 ? /* @__PURE__ */ jsx28("div", { className: "status status--error", children: /* @__PURE__ */ jsx28("span", { children: active }) }) : /* @__PURE__ */ jsxs23("div", { className: "status status--warning", children: [
+    /* @__PURE__ */ jsx28("span", { className: "status--number-active", children: active }),
+    /* @__PURE__ */ jsx28("span", { className: "color--gray-gull", children: " / " }),
+    /* @__PURE__ */ jsx28("span", { className: pause > 0 ? "color--froly" : "color--gray-gull", children: pause })
+  ] }) }) : /* @__PURE__ */ jsxs23(
+    "div",
+    {
+      className: cn25(
+        "status",
+        `status--${status}`,
+        {
+          "status--no-bg": noBackground && status === "pause",
+          "color--gray-gull": noBackground && status === "pause" && !className,
+          "j4": !!icon
+        },
+        className
+      ),
+      children: [
+        icon,
+        formattedLabel
+      ]
+    }
+  ) });
+};
+var Status_default = Status;
+
+// src/Atomic/UI/Status/index.ts
+var Status_default2 = Status_default;
+
 // src/Atomic/UI/Table/Table.js
-import React24 from "react";
-import cn35 from "classnames";
+import React22 from "react";
+import cn32 from "classnames";
 
 // src/Atomic/UI/Table/Partials/TdHeader.js
-import React19 from "react";
-import cn30 from "classnames";
+import React16 from "react";
+import cn26 from "classnames";
 
 // src/Langs.js
 var Langs = {
@@ -3467,50 +2974,168 @@ var Langs = {
 var Langs_default = Langs;
 
 // src/Atomic/UI/Table/Partials/TdHeader.js
-import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 var TdHeader = ({ item, testId = "td-header" }) => {
   const txt = Langs_default[global.lng];
   switch (item.type) {
     case "double":
-      return /* @__PURE__ */ jsx33("th", { "data-testid": testId, children: /* @__PURE__ */ jsxs28("div", { className: "j46", children: [
-        /* @__PURE__ */ jsx33("div", { className: "", children: txt.labels[item.left] || item.left }),
-        /* @__PURE__ */ jsx33("div", { className: "", children: txt.labels[item.right] || item.right })
+      return /* @__PURE__ */ jsx29("th", { "data-testid": testId, children: /* @__PURE__ */ jsxs24("div", { className: "j46", children: [
+        /* @__PURE__ */ jsx29("div", { className: "", children: txt.labels[item.left] || item.left }),
+        /* @__PURE__ */ jsx29("div", { className: "", children: txt.labels[item.right] || item.right })
       ] }) });
     default:
-      return /* @__PURE__ */ jsx33("th", { "data-testid": testId, className: cn30(item.className), children: /* @__PURE__ */ jsxs28("div", { className: cn30({ df: item.button }), children: [
-        /* @__PURE__ */ jsx33("div", { className: "mr5", children: txt.labels[item.label] || item.label }),
-        item.button && /* @__PURE__ */ jsx33("div", { className: "cards-table__btn", children: txt.buttons[item.button] || item.button })
+      return /* @__PURE__ */ jsx29("th", { "data-testid": testId, className: cn26(item.className), children: /* @__PURE__ */ jsxs24("div", { className: cn26({ df: item.button }), children: [
+        /* @__PURE__ */ jsx29("div", { className: "mr5", children: txt.labels[item.label] || item.label }),
+        item.button && /* @__PURE__ */ jsx29("div", { className: "cards-table__btn", children: txt.buttons[item.button] || item.button })
       ] }) });
   }
 };
 var TdHeader_default = TdHeader;
 
 // src/Atomic/UI/Table/Partials/TdRow.js
-import React23, { useState as useState23 } from "react";
-import cn34 from "classnames";
+import React21, { useState as useState21 } from "react";
+import cn31 from "classnames";
 
 // src/Atomic/UI/Table/TdTypes/TdRange.js
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 var TdRange = ({ item }) => {
   if (!item) return false;
-  return /* @__PURE__ */ jsxs29("div", { children: [
-    /* @__PURE__ */ jsx34("span", { children: item.from }),
-    /* @__PURE__ */ jsx34("span", { children: " - " }),
-    /* @__PURE__ */ jsx34("span", { children: item.to })
+  return /* @__PURE__ */ jsxs25("div", { children: [
+    /* @__PURE__ */ jsx30("span", { children: item.from }),
+    /* @__PURE__ */ jsx30("span", { children: " - " }),
+    /* @__PURE__ */ jsx30("span", { children: item.to })
   ] });
 };
 var TdRange_default = TdRange;
 
 // src/Atomic/UI/Table/Partials/TdCell.js
-import React22, { useState as useState22 } from "react";
+import React20, { useState as useState20 } from "react";
+
+// src/Atomic/UI/Accordion/AccordionItem.tsx
+import cn27 from "classnames";
+import { useEffect as useEffect17, useRef as useRef12, useState as useState17 } from "react";
+import * as Icons from "react-feather";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
+var DefaultLink = ({ to, className, children }) => /* @__PURE__ */ jsx31("a", { href: to, className, children });
+var AccordionItem = ({
+  item,
+  onClick,
+  isOpen,
+  className,
+  children,
+  noChevron,
+  linkComponent: LinkComponent = DefaultLink,
+  testId = "accordion-item"
+}) => {
+  const Icon = Icons[item.icon];
+  const [maxHeight, setMaxHeight] = useState17(0);
+  const ref = useRef12(null);
+  const getItemsHeight = () => {
+    let itemHeight = 0;
+    ref.current?.childNodes.forEach((el) => {
+      itemHeight += el.offsetHeight;
+    });
+    return itemHeight + 20;
+  };
+  useEffect17(() => {
+    setMaxHeight(isOpen ? getItemsHeight() : 0);
+  }, [isOpen]);
+  const calculateStatusCount = () => {
+    return item?.rows?.reduce(
+      (acc, row) => {
+        const result = row.cols.reduce(
+          (accum, col) => ({
+            active: accum.active + (col.status === "active" ? 1 : 0),
+            pause: accum.pause + (col.status === "pause" ? 1 : 0)
+          }),
+          { active: 0, pause: 0 }
+        );
+        return {
+          active: acc.active + result.active,
+          pause: acc.pause + result.pause
+        };
+      },
+      { active: 0, pause: 0 }
+    );
+  };
+  return /* @__PURE__ */ jsxs26(
+    "div",
+    {
+      "data-testid": testId,
+      className: cn27("accordion--item", className),
+      role: "region",
+      "aria-labelledby": `accordion-title-${item.title}`,
+      children: [
+        /* @__PURE__ */ jsxs26(
+          "div",
+          {
+            className: cn27("accordion--title-box", {
+              "accordion--title-open": isOpen
+            }),
+            onClick: () => onClick(!isOpen),
+            id: `accordion-title-${item.title}`,
+            role: "button",
+            "aria-expanded": isOpen,
+            "aria-controls": `accordion-content-${item.title}`,
+            tabIndex: 0,
+            children: [
+              /* @__PURE__ */ jsxs26("div", { className: "j4 no-wrap", children: [
+                item?.icon && /* @__PURE__ */ jsx31(Icon, { className: cn27("mr5", item?.className), "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx31("span", { className: "accordion--title", children: item.title || "Menu Chapter" })
+              ] }),
+              /* @__PURE__ */ jsxs26("div", { className: "j6 accordion-title__right-box", children: [
+                item.status && /* @__PURE__ */ jsx31("div", { className: "mr5", children: /* @__PURE__ */ jsx31(
+                  Status_default2,
+                  {
+                    type: item?.status.type,
+                    value: item?.status.value,
+                    status: item?.status.status,
+                    active: calculateStatusCount()?.active,
+                    pause: calculateStatusCount()?.pause
+                  }
+                ) }),
+                !noChevron && /* @__PURE__ */ jsx31(
+                  Icons.ChevronRight,
+                  {
+                    "aria-hidden": "true",
+                    className: cn27("accordion--title-chevron", {
+                      "accordion--title-chevron-open": isOpen
+                    })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx31(
+          "div",
+          {
+            ref,
+            style: { maxHeight },
+            className: cn27("accordion--content", {
+              "accordion--content-is-open": isOpen
+            }),
+            id: `accordion-content-${item.title}`,
+            role: "region",
+            "aria-labelledby": `accordion-title-${item.title}`,
+            children: item.children ? item.children.map((el) => {
+              return /* @__PURE__ */ jsx31(LinkComponent, { to: el.link, className: "accordion--content-item accordion--menu-link", children: el?.title || "Menu item" }, el.id);
+            }) : children
+          }
+        )
+      ]
+    }
+  );
+};
+var AccordionItem_default = AccordionItem;
 
 // src/Atomic/UI/Table/TdTypes/TdActions.js
-import React20, { useState as useState20 } from "react";
-import * as Icons4 from "react-feather";
+import React18, { useState as useState18 } from "react";
+import * as Icons2 from "react-feather";
 
 // src/Atomic/FormElements/Switcher/Switcher.tsx
-import cn31 from "classnames";
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import cn28 from "classnames";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 var RC6 = "switcher";
 var Switcher = ({
   label,
@@ -3523,34 +3148,34 @@ var Switcher = ({
   hintSide,
   testId = "switcher"
 }) => {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs27(
     "div",
     {
       "data-testid": testId,
-      className: cn31(RC6, className, { [`${RC6}_disabled`]: disabled }),
+      className: cn28(RC6, className, { [`${RC6}_disabled`]: disabled }),
       children: [
-        /* @__PURE__ */ jsxs30(
+        /* @__PURE__ */ jsxs27(
           "button",
           {
             type: "button",
             "data-testid": `${testId}-button`,
-            className: cn31(`${RC6}__button`),
+            className: cn28(`${RC6}__button`),
             disabled,
             onClick: (e) => onChange(!isActive, e),
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx32(
                 "div",
                 {
-                  className: cn31(`${RC6}__button-content`, {
+                  className: cn28(`${RC6}__button-content`, {
                     [`${RC6}__button-content_active`]: isActive
                   }),
-                  children: /* @__PURE__ */ jsx35("div", { className: `${RC6}__ball` })
+                  children: /* @__PURE__ */ jsx32("div", { className: `${RC6}__ball` })
                 }
               ),
-              label && /* @__PURE__ */ jsx35(
+              label && /* @__PURE__ */ jsx32(
                 "span",
                 {
-                  className: cn31(`${RC6}__label`, {
+                  className: cn28(`${RC6}__label`, {
                     [`${RC6}__label_bold`]: isLabelBold
                   }),
                   children: label
@@ -3559,7 +3184,7 @@ var Switcher = ({
             ]
           }
         ),
-        hint && /* @__PURE__ */ jsx35(Hint_default, { className: `${RC6}__hint`, hint, side: hintSide })
+        hint && /* @__PURE__ */ jsx32(Hint_default, { className: `${RC6}__hint`, hint, side: hintSide })
       ]
     }
   );
@@ -3567,61 +3192,61 @@ var Switcher = ({
 var Switcher_default = Switcher;
 
 // src/Atomic/UI/Table/TdTypes/TdActions.js
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
   if (!actions) return false;
-  const [state, setState] = useState20(actions);
+  const [state, setState] = useState18(actions);
   const handleArrayChange = (value, index, prop) => {
     state[index][prop] = value;
     setState([...state]);
     onChange(state);
   };
-  return /* @__PURE__ */ jsx36("div", { className: "j6", children: actions?.map((action, index) => {
+  return /* @__PURE__ */ jsx33("div", { className: "j6", children: actions?.map((action, index) => {
     switch (action.type) {
       case "download":
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx33(
           "div",
           {
             className: "td-actions--item td-actions--download",
             onClick: () => {
             },
-            children: /* @__PURE__ */ jsx36(Icons4.Download, {})
+            children: /* @__PURE__ */ jsx33(Icons2.Download, {})
           },
           index
         );
       case "edit":
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx33(
           "div",
           {
             className: "td-actions--item td-actions--edit",
             onClick: () => {
             },
-            children: /* @__PURE__ */ jsx36(Icons4.Edit3, {})
+            children: /* @__PURE__ */ jsx33(Icons2.Edit3, {})
           },
           index
         );
       case "delete":
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx33(
           "div",
           {
             className: "td-actions--item td-actions--delete",
             onClick: () => onActionClick("delete", rowItem),
-            children: /* @__PURE__ */ jsx36(Icons4.Trash2, {})
+            children: /* @__PURE__ */ jsx33(Icons2.Trash2, {})
           },
           index
         );
       case "undo":
-        return /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx33(
           "div",
           {
             className: "td-actions--item td-actions--undo",
             onClick: () => onActionClick("undo", rowItem),
-            children: /* @__PURE__ */ jsx36(Icons4.RotateCcw, {})
+            children: /* @__PURE__ */ jsx33(Icons2.RotateCcw, {})
           },
           index
         );
       case "switcher":
-        return /* @__PURE__ */ jsx36("div", { className: "df", children: /* @__PURE__ */ jsx36(
+        return /* @__PURE__ */ jsx33("div", { className: "df", children: /* @__PURE__ */ jsx33(
           Switcher_default,
           {
             label: action.label || null,
@@ -3636,28 +3261,28 @@ var TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
 };
 
 // src/Atomic/UI/Table/TdTypes/TdPriority.js
-import React21 from "react";
-import cn32 from "classnames";
+import React19 from "react";
+import cn29 from "classnames";
 import { ArrowDown as ArrowDown2, ArrowUp as ArrowUp2 } from "react-feather";
-import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var TdPriority = ({ onClick, rowIndex, cardLength }) => {
-  return /* @__PURE__ */ jsxs31("div", { className: "cards-table__priority", children: [
-    /* @__PURE__ */ jsx37("span", { className: "mr5", children: rowIndex + 1 }),
-    /* @__PURE__ */ jsxs31("div", { className: "df", children: [
-      /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs28("div", { className: "cards-table__priority", children: [
+    /* @__PURE__ */ jsx34("span", { className: "mr5", children: rowIndex + 1 }),
+    /* @__PURE__ */ jsxs28("div", { className: "df", children: [
+      /* @__PURE__ */ jsx34(
         ArrowDown2,
         {
           onClick: () => onClick(rowIndex),
-          className: cn32("table--icon", {
+          className: cn29("table--icon", {
             disabled: rowIndex + 1 === cardLength
           })
         }
       ),
-      /* @__PURE__ */ jsx37(
+      /* @__PURE__ */ jsx34(
         ArrowUp2,
         {
           onClick: () => onClick(rowIndex, true),
-          className: cn32("table--icon", { disabled: rowIndex === 0 })
+          className: cn29("table--icon", { disabled: rowIndex === 0 })
         }
       )
     ] })
@@ -3666,17 +3291,17 @@ var TdPriority = ({ onClick, rowIndex, cardLength }) => {
 var TdPriority_default = TdPriority;
 
 // src/Atomic/UI/Table/TdTypes/TdWeight.js
-import { useEffect as useEffect19, useState as useState21 } from "react";
-import cn33 from "classnames";
-import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
+import { useEffect as useEffect18, useState as useState19 } from "react";
+import cn30 from "classnames";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 var TdWeight = ({ value, percent, onChange, className }) => {
-  const [state, setState] = useState21(value);
+  const [state, setState] = useState19(value);
   const {
     isToggled: isEdited,
     toggleOff: unsetIsEdited,
     toggleOn: setIsEdited
   } = useOutsideToggle(false);
-  useEffect19(() => {
+  useEffect18(() => {
     setState(value);
   }, [value, isEdited]);
   const handleKeyUp = ({ keyCode, target }) => {
@@ -3686,7 +3311,7 @@ var TdWeight = ({ value, percent, onChange, className }) => {
       unsetIsEdited();
     }
   };
-  return /* @__PURE__ */ jsx38(Fragment5, { children: isEdited ? /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx35(Fragment5, { children: isEdited ? /* @__PURE__ */ jsx35(
     Input,
     {
       value: state,
@@ -3695,9 +3320,9 @@ var TdWeight = ({ value, percent, onChange, className }) => {
       onKeyUp: handleKeyUp,
       autoFocus: true
     }
-  ) : /* @__PURE__ */ jsxs32("div", { className: cn33("td-weight", className), onClick: setIsEdited, children: [
-    /* @__PURE__ */ jsx38("span", { children: value }),
-    /* @__PURE__ */ jsxs32("span", { className: "ml2 color--grey-gull", children: [
+  ) : /* @__PURE__ */ jsxs29("div", { className: cn30("td-weight", className), onClick: setIsEdited, children: [
+    /* @__PURE__ */ jsx35("span", { children: value }),
+    /* @__PURE__ */ jsxs29("span", { className: "ml2 color--grey-gull", children: [
       "(",
       percent,
       "%)"
@@ -3707,7 +3332,7 @@ var TdWeight = ({ value, percent, onChange, className }) => {
 var TdWeight_default = TdWeight;
 
 // src/Atomic/UI/Table/Partials/TdCell.js
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var TdCell = ({
   type,
   item,
@@ -3720,22 +3345,22 @@ var TdCell = ({
   rowItem,
   isDeleted
 }) => {
-  const [isAccordionOpen, setIsAccordionOpen] = useState22(item.isOpen);
+  const [isAccordionOpen, setIsAccordionOpen] = useState20(item.isOpen);
   const percent = item.type === "weight" && getAdviceWeight(isDeleted ? 0 : item.value);
   switch (type) {
     case "accordion":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx36(
         AccordionItem_default,
         {
           className: item.itemClassName,
           item,
           isOpen: isAccordionOpen,
           onClick: (e) => setIsAccordionOpen(e),
-          children: /* @__PURE__ */ jsx39(Table_default, { rows: item.rows, className: "accordion--table" })
+          children: /* @__PURE__ */ jsx36(Table_default, { rows: item.rows, className: "accordion--table" })
         }
       );
     case "actions":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx36(
         TdActions,
         {
           rowItem,
@@ -3745,11 +3370,11 @@ var TdCell = ({
         }
       );
     case "advancedTags":
-      return /* @__PURE__ */ jsx39(AdvancedTags_default, { items: item });
+      return /* @__PURE__ */ jsx36(AdvancedTags_default, { items: item });
     case "link":
-      return /* @__PURE__ */ jsx39("a", { href: item.link, children: item.label });
+      return /* @__PURE__ */ jsx36("a", { href: item.link, children: item.label });
     case "priority":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx36(
         TdPriority_default,
         {
           rowIndex,
@@ -3758,7 +3383,7 @@ var TdCell = ({
         }
       );
     case "status":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx36(
         Status_default,
         {
           className: item.className,
@@ -3767,9 +3392,9 @@ var TdCell = ({
         }
       );
     case "tags":
-      return item.map((tag, index) => /* @__PURE__ */ jsx39(Tag_default, { label: tag.label }, index));
+      return item.map((tag, index) => /* @__PURE__ */ jsx36(Tag_default, { label: tag.label }, index));
     case "weight":
-      return /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx36(
         TdWeight_default,
         {
           value: item.value,
@@ -3778,13 +3403,13 @@ var TdCell = ({
         }
       );
     default:
-      return /* @__PURE__ */ jsx39("span", { className: item.className, children: item.value });
+      return /* @__PURE__ */ jsx36("span", { className: item.className, children: item.value });
   }
 };
 var TdCell_default = TdCell;
 
 // src/Atomic/UI/Table/Partials/TdRow.js
-import { Fragment as Fragment6, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
 var TdRow = ({
   item,
   onChange,
@@ -3801,27 +3426,27 @@ var TdRow = ({
   isDeleted,
   testId = "td-row"
 }) => {
-  const [isOpen, setIsOpen] = useState23(false);
+  const [isOpen, setIsOpen] = useState21(false);
   const handleChange = handleObjectChange(item, () => onChange({ ...item }));
-  return /* @__PURE__ */ jsxs33(Fragment6, { children: [
-    /* @__PURE__ */ jsxs33("tr", { "data-testid": testId, children: [
-      type && rowSpan && /* @__PURE__ */ jsx40("td", { className: "rel", rowSpan: rowSpan + 1, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs30(Fragment6, { children: [
+    /* @__PURE__ */ jsxs30("tr", { "data-testid": testId, children: [
+      type && rowSpan && /* @__PURE__ */ jsx37("td", { className: "rel", rowSpan: rowSpan + 1, children: /* @__PURE__ */ jsx37(
         "span",
         {
-          className: cn34(
+          className: cn31(
             type && `cards-table__score cards-table__score-${cardStatus}`
           ),
-          children: /* @__PURE__ */ jsx40(TdRange_default, { item: range })
+          children: /* @__PURE__ */ jsx37(TdRange_default, { item: range })
         }
       ) }),
       Object.entries(item).map(
-        ([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ jsx40(
+        ([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ jsx37(
           "td",
           {
-            className: cn34("cards-table__body-item", {
+            className: cn31("cards-table__body-item", {
               "cards-table__accordion": value.type === "accordion"
             }),
-            children: /* @__PURE__ */ jsx40(
+            children: /* @__PURE__ */ jsx37(
               TdCell_default,
               {
                 onActionClick,
@@ -3841,10 +3466,10 @@ var TdRow = ({
         )
       )
     ] }),
-    type && colSpan ? /* @__PURE__ */ jsxs33("tr", { children: [
-      /* @__PURE__ */ jsx40("td", {}),
-      /* @__PURE__ */ jsxs33("td", { colSpan, children: [
-        /* @__PURE__ */ jsx40(
+    type && colSpan ? /* @__PURE__ */ jsxs30("tr", { children: [
+      /* @__PURE__ */ jsx37("td", {}),
+      /* @__PURE__ */ jsxs30("td", { colSpan, children: [
+        /* @__PURE__ */ jsx37(
           "span",
           {
             className: "cards-table__title-select-lender-btn",
@@ -3852,7 +3477,7 @@ var TdRow = ({
             children: "Select Lender"
           }
         ),
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx37(
           Modal_default,
           {
             closeModal: () => setIsOpen(false),
@@ -3869,7 +3494,7 @@ var TdRow = ({
 var TdRow_default = TdRow;
 
 // src/Atomic/UI/Table/Table.js
-import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
 var Table = ({
   rows,
   onChange,
@@ -3882,16 +3507,16 @@ var Table = ({
     rows[index] = value;
     onChange({ header: [...header], rows: [...rows] });
   };
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       "data-testid": testId,
-      className: cn35("simple-table", {
+      className: cn32("simple-table", {
         [`simple-table--${className}`]: className
       }),
-      children: /* @__PURE__ */ jsxs34("table", { children: [
-        /* @__PURE__ */ jsx41("thead", { children: /* @__PURE__ */ jsx41("tr", { children: header?.map((item) => /* @__PURE__ */ jsx41(TdHeader_default, { item }, item.key)) }) }),
-        /* @__PURE__ */ jsx41("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsxs31("table", { children: [
+        /* @__PURE__ */ jsx38("thead", { children: /* @__PURE__ */ jsx38("tr", { children: header?.map((item) => /* @__PURE__ */ jsx38(TdHeader_default, { item }, item.key)) }) }),
+        /* @__PURE__ */ jsx38("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ jsx38(
           TdRow_default,
           {
             onActionClick,
@@ -3901,7 +3526,7 @@ var Table = ({
             onChange: (value) => handleArrayChange(value, index)
           },
           typeof row.id === "object" ? row.id.value : row.id
-        )) : /* @__PURE__ */ jsx41("tr", { children: /* @__PURE__ */ jsx41("td", { className: "row--not-found", colSpan: header?.length, children: "Not set" }) }) })
+        )) : /* @__PURE__ */ jsx38("tr", { children: /* @__PURE__ */ jsx38("td", { className: "row--not-found", colSpan: header?.length, children: "Not set" }) }) })
       ] })
     }
   );
@@ -3912,16 +3537,16 @@ var Table_default = Table;
 var Tag_default2 = Tag_default;
 
 // src/Atomic/UI/TagList/TagList.tsx
-import cn36 from "classnames";
+import cn33 from "classnames";
 import {
-  createRef as createRef2,
-  useEffect as useEffect20,
+  createRef,
+  useEffect as useEffect19,
   useLayoutEffect as useLayoutEffect5,
-  useRef as useRef14,
-  useState as useState24
+  useRef as useRef13,
+  useState as useState22
 } from "react";
 import { Edit3 as Edit32 } from "react-feather";
-import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
 var TagList = ({
   disabled,
   className,
@@ -3938,11 +3563,11 @@ var TagList = ({
   onToggleRenderAll,
   isUseInTable
 }) => {
-  const wrapperRef = useRef14(null);
-  const [tagList, setTagList] = useState24([]);
-  const [staticTagsCount, setStaticTagsCount] = useState24(-1);
-  const [renderItemsCount, setRenderItemsCount] = useState24(-1);
-  const [renderAll, setRenderAll] = useState24(!withToggle);
+  const wrapperRef = useRef13(null);
+  const [tagList, setTagList] = useState22([]);
+  const [staticTagsCount, setStaticTagsCount] = useState22(-1);
+  const [renderItemsCount, setRenderItemsCount] = useState22(-1);
+  const [renderAll, setRenderAll] = useState22(!withToggle);
   const wrapperWidth = wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;
   const setRenderAllInterceptor = (v, event) => {
     setRenderAll(v);
@@ -3993,12 +3618,12 @@ var TagList = ({
       });
       if (!item) return null;
       const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx39(
         "div",
         {
           className: `tag-list_wrapper_item ${isHidden ? "tag-list_wrapper_item--hidden" : ""}`,
           ref: checkedRef(item?.itemRef),
-          children: /* @__PURE__ */ jsx42(
+          children: /* @__PURE__ */ jsx39(
             Tag_default,
             {
               testId: `test-taglist-item-${item?.id ?? item?.value}`,
@@ -4019,7 +3644,7 @@ var TagList = ({
     }
     const restItems = tagList.length - renderItemsCount;
     if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx39(
       Tag_default,
       {
         label: `+${restItems}`,
@@ -4034,7 +3659,7 @@ var TagList = ({
     if (renderItemsCount !== tagList?.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList?.length) {
       return null;
     }
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx39(
       Tag_default,
       {
         label: "...",
@@ -4044,11 +3669,11 @@ var TagList = ({
       }
     );
   };
-  useEffect20(() => {
+  useEffect19(() => {
     setStaticTagsCount(-1);
     setRenderItemsCount(-1);
     setRenderAllInterceptor(false, null);
-    const itemsWithRef = items.map((item) => ({ ...item, itemRef: createRef2() }));
+    const itemsWithRef = items.map((item) => ({ ...item, itemRef: createRef() }));
     setTagList(itemsWithRef);
   }, [items]);
   useLayoutEffect5(() => {
@@ -4067,17 +3692,17 @@ var TagList = ({
   useLayoutEffect5(() => {
     setRenderItemsCount(staticTagsCount);
   }, [staticTagsCount]);
-  useEffect20(() => {
+  useEffect19(() => {
     setRenderItemsCount(renderAll ? tagList?.length : staticTagsCount);
   }, [renderAll]);
-  useEffect20(() => {
+  useEffect19(() => {
     if (wrapperRef?.current && refProp) refProp.current = wrapperRef?.current;
   }, [wrapperRef?.current]);
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs32(
     "div",
     {
       "data-testid": testId,
-      className: cn36(
+      className: cn33(
         "tag-list_wrapper",
         `${renderItemsCount !== tagList?.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList?.length ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items"}`,
         className,
@@ -4092,7 +3717,7 @@ var TagList = ({
         renderTags(),
         renderMoreTags(),
         renderHideTags(),
-        typeof onEditClick === "function" && /* @__PURE__ */ jsx42("div", { className: "tag-list__edit-trigger", children: /* @__PURE__ */ jsx42(Edit32, { onClick: onEditClick }) })
+        typeof onEditClick === "function" && /* @__PURE__ */ jsx39("div", { className: "tag-list__edit-trigger", children: /* @__PURE__ */ jsx39(Edit32, { onClick: onEditClick }) })
       ]
     }
   );
@@ -4100,12 +3725,12 @@ var TagList = ({
 var TagList_default = TagList;
 
 // src/Atomic/UI/UserBox/UserBox.tsx
-import cn38 from "classnames";
+import cn35 from "classnames";
 
 // src/Atomic/FormElements/Label/Label.tsx
-import cn37 from "classnames";
-import { Fragment as Fragment7, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
-var CN8 = "label";
+import cn34 from "classnames";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
+var CN6 = "label";
 var Label = ({
   className = "",
   label = "",
@@ -4117,15 +3742,15 @@ var Label = ({
   error = null,
   isAccessability = false,
   isAccessabilityHint = false,
-  testId = CN8
+  testId = CN6
 }) => {
-  const correctLabel = isRequired ? /* @__PURE__ */ jsxs36(Fragment7, { children: [
+  const correctLabel = isRequired ? /* @__PURE__ */ jsxs33(Fragment7, { children: [
     label,
     " ",
-    /* @__PURE__ */ jsx43("span", { className: "label_asterisk", children: "*" }),
+    /* @__PURE__ */ jsx40("span", { className: "label_asterisk", children: "*" }),
     " ",
-    note && /* @__PURE__ */ jsx43("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ jsx43(
+    note && /* @__PURE__ */ jsx40("span", { className: "label_note", children: note }),
+    hint && /* @__PURE__ */ jsx40(
       Hint_default,
       {
         id: `hint-${label}`,
@@ -4141,11 +3766,11 @@ var Label = ({
       },
       `hint-${label}`
     )
-  ] }) : /* @__PURE__ */ jsxs36(Fragment7, { children: [
+  ] }) : /* @__PURE__ */ jsxs33(Fragment7, { children: [
     label,
     " ",
-    note && /* @__PURE__ */ jsx43("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ jsx43(
+    note && /* @__PURE__ */ jsx40("span", { className: "label_note", children: note }),
+    hint && /* @__PURE__ */ jsx40(
       Hint_default,
       {
         isAccessability: isAccessabilityHint,
@@ -4162,21 +3787,21 @@ var Label = ({
       void 0
     )
   ] });
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       tabIndex: isAccessability ? 0 : -1,
       "aria-label": label,
-      className: cn37(CN8, { label_bold: isLabelBolt, error, isRequired }, className),
+      className: cn34(CN6, { label_bold: isLabelBolt, error, isRequired }, className),
       "data-testid": testId,
-      children: /* @__PURE__ */ jsx43("span", { className: "label_text", "data-testid": "label-text", children: correctLabel })
+      children: /* @__PURE__ */ jsx40("span", { className: "label_text", "data-testid": "label-text", children: correctLabel })
     }
   );
 };
 var Label_default = Label;
 
 // src/Atomic/UI/UserBox/UserBox.tsx
-import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 var UserBox = ({
   name = "Username",
   role,
@@ -4190,28 +3815,28 @@ var UserBox = ({
   const getNameFirstLetter = name.charAt(0).toUpperCase();
   const renderUser = () => {
     if (isModal) {
-      return /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsx44("div", { style: { backgroundColor: getColorById(id, colors) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
-        /* @__PURE__ */ jsxs37("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ jsx44(Button_default, { className: "p0 no-shadow", onClick, label: name, variant: "link" }),
-          role && /* @__PURE__ */ jsx44("span", { children: role })
+      return /* @__PURE__ */ jsxs34(Fragment8, { children: [
+        /* @__PURE__ */ jsx41("div", { style: { backgroundColor: getColorById(id, colors) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
+        /* @__PURE__ */ jsxs34("div", { className: "td-user-box__user-data", children: [
+          /* @__PURE__ */ jsx41(Button_default, { className: "p0 no-shadow", onClick, label: name, variant: "link" }),
+          role && /* @__PURE__ */ jsx41("span", { children: role })
         ] })
       ] });
     } else {
-      return /* @__PURE__ */ jsxs37(Fragment8, { children: [
-        /* @__PURE__ */ jsx44("div", { style: { backgroundColor: getColorById(id) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
-        /* @__PURE__ */ jsxs37("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ jsx44(Label_default, { label: name }),
-          role && /* @__PURE__ */ jsx44("span", { "aria-label": `User role: ${role}`, children: role })
+      return /* @__PURE__ */ jsxs34(Fragment8, { children: [
+        /* @__PURE__ */ jsx41("div", { style: { backgroundColor: getColorById(id) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
+        /* @__PURE__ */ jsxs34("div", { className: "td-user-box__user-data", children: [
+          /* @__PURE__ */ jsx41(Label_default, { label: name }),
+          role && /* @__PURE__ */ jsx41("span", { "aria-label": `User role: ${role}`, children: role })
         ] })
       ] });
     }
   };
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       "data-testid": testId,
-      className: cn38("td-user-box", className),
+      className: cn35("td-user-box", className),
       role: "region",
       "aria-label": `User box for ${name}`,
       children: renderUser()
@@ -4227,38 +3852,38 @@ var UserBox_default2 = UserBox_default;
 import classNames from "classnames";
 
 // src/Atomic/UI/WizardStepper/ui/icons.tsx
-import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
-var DoneIcon = () => /* @__PURE__ */ jsxs38("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx45("rect", { width: "20", height: "20", rx: "10", fill: "#69A457" }),
-  /* @__PURE__ */ jsx45("mask", { id: "mask0_54394_4001", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx45("path", { d: "M14.5 7L9 12.5L6 9.5", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-  /* @__PURE__ */ jsx45("g", { mask: "url(#mask0_54394_4001)", children: /* @__PURE__ */ jsx45("rect", { x: "2", y: "2", width: "16", height: "16", fill: "white" }) })
+import { jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+var DoneIcon = () => /* @__PURE__ */ jsxs35("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx42("rect", { width: "20", height: "20", rx: "10", fill: "#69A457" }),
+  /* @__PURE__ */ jsx42("mask", { id: "mask0_54394_4001", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx42("path", { d: "M14.5 7L9 12.5L6 9.5", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+  /* @__PURE__ */ jsx42("g", { mask: "url(#mask0_54394_4001)", children: /* @__PURE__ */ jsx42("rect", { x: "2", y: "2", width: "16", height: "16", fill: "white" }) })
 ] });
 var TodoIcon = () => {
-  return /* @__PURE__ */ jsxs38("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx45("g", { clipPath: "url(#clip0_54394_4448)", children: /* @__PURE__ */ jsx45("circle", { cx: "10", cy: "10", r: "7", fill: "white", stroke: "#B3B8CB", strokeWidth: "2" }) }),
-    /* @__PURE__ */ jsx45("defs", { children: /* @__PURE__ */ jsx45("clipPath", { id: "clip0_54394_4448", children: /* @__PURE__ */ jsx45("rect", { width: "16", height: "16", fill: "white", transform: "translate(2 2)" }) }) })
+  return /* @__PURE__ */ jsxs35("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx42("g", { clipPath: "url(#clip0_54394_4448)", children: /* @__PURE__ */ jsx42("circle", { cx: "10", cy: "10", r: "7", fill: "white", stroke: "#B3B8CB", strokeWidth: "2" }) }),
+    /* @__PURE__ */ jsx42("defs", { children: /* @__PURE__ */ jsx42("clipPath", { id: "clip0_54394_4448", children: /* @__PURE__ */ jsx42("rect", { width: "16", height: "16", fill: "white", transform: "translate(2 2)" }) }) })
   ] });
 };
 var ActiveIcon = () => {
-  return /* @__PURE__ */ jsxs38("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx45("rect", { width: "20", height: "20", rx: "10", fill: "#E8F9E5" }),
+  return /* @__PURE__ */ jsxs35("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx42("rect", { width: "20", height: "20", rx: "10", fill: "#E8F9E5" }),
     "ii",
-    /* @__PURE__ */ jsx45("mask", { id: "mask0_54394_1459", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx45("circle", { cx: "10", cy: "10", r: "4", fill: "#171D33" }) }),
-    /* @__PURE__ */ jsx45("g", { mask: "url(#mask0_54394_1459)", children: /* @__PURE__ */ jsx45("rect", { x: "2", y: "2", width: "16", height: "16", fill: "#171D33" }) })
+    /* @__PURE__ */ jsx42("mask", { id: "mask0_54394_1459", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx42("circle", { cx: "10", cy: "10", r: "4", fill: "#171D33" }) }),
+    /* @__PURE__ */ jsx42("g", { mask: "url(#mask0_54394_1459)", children: /* @__PURE__ */ jsx42("rect", { x: "2", y: "2", width: "16", height: "16", fill: "#171D33" }) })
   ] });
 };
 var alternativeIconSet = {
-  defaultIcon: /* @__PURE__ */ jsx45(TodoIcon, {}),
-  doneIcon: /* @__PURE__ */ jsx45(DoneIcon, {}),
-  activeIcon: /* @__PURE__ */ jsx45(ActiveIcon, {})
+  defaultIcon: /* @__PURE__ */ jsx42(TodoIcon, {}),
+  doneIcon: /* @__PURE__ */ jsx42(DoneIcon, {}),
+  activeIcon: /* @__PURE__ */ jsx42(ActiveIcon, {})
 };
 
 // src/Atomic/UI/WizardStepper/ui/StepRow/StepRow.tsx
-import cn40 from "classnames";
+import cn37 from "classnames";
 
 // src/Atomic/UI/WizardStepper/constructor.js
-import React25 from "react";
-import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import React23 from "react";
+import { jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
 var WIZARD_STEP_VARIANTS = Object.freeze({
   DEFAULT: "default",
   DONE: "done",
@@ -4266,31 +3891,31 @@ var WIZARD_STEP_VARIANTS = Object.freeze({
 });
 
 // src/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.tsx
-import cn39 from "classnames";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import cn36 from "classnames";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var DefaultPoint = () => {
-  return /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx47("circle", { cx: "8", cy: "8", r: "4" }) });
+  return /* @__PURE__ */ jsx44("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx44("circle", { cx: "8", cy: "8", r: "4" }) });
 };
 var DonePoint = () => {
-  return /* @__PURE__ */ jsx47("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx47("path", { d: "M12.5 5L7 10.5L4 7.5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx44("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx44("path", { d: "M12.5 5L7 10.5L4 7.5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 };
 var RC7 = "state-icon";
 var { ACTIVE, DEFAULT, DONE } = WIZARD_STEP_VARIANTS;
 var StateIcon = ({ variant = DEFAULT, className }) => {
   const computedState = variant === ACTIVE || variant === DONE ? variant : DEFAULT;
   const Inner = {
-    [DEFAULT]: /* @__PURE__ */ jsx47(DefaultPoint, {}),
-    [ACTIVE]: /* @__PURE__ */ jsx47(DefaultPoint, {}),
-    [DONE]: /* @__PURE__ */ jsx47(DonePoint, {})
+    [DEFAULT]: /* @__PURE__ */ jsx44(DefaultPoint, {}),
+    [ACTIVE]: /* @__PURE__ */ jsx44(DefaultPoint, {}),
+    [DONE]: /* @__PURE__ */ jsx44(DonePoint, {})
   };
-  return /* @__PURE__ */ jsx47("div", { className: cn39(RC7, `${RC7}--${computedState}`, className), children: Inner[computedState] });
+  return /* @__PURE__ */ jsx44("div", { className: cn36(RC7, `${RC7}--${computedState}`, className), children: Inner[computedState] });
 };
 
 // src/Atomic/UI/WizardStepper/ui/StateIcon/index.ts
 var StateIcon_default = StateIcon;
 
 // src/Atomic/UI/WizardStepper/ui/StepRow/StepRow.tsx
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 var RC8 = "step-row";
 var { DEFAULT: DEFAULT2, ACTIVE: ACTIVE2, DONE: DONE2 } = WIZARD_STEP_VARIANTS;
 var StepRow = ({
@@ -4317,29 +3942,29 @@ var StepRow = ({
   })();
   const CorrectIcon = () => {
     if (!customIcons || Object?.values(customIcons)?.every((icon) => !icon)) {
-      return /* @__PURE__ */ jsx48(StateIcon_default, { variant: rowVariant });
+      return /* @__PURE__ */ jsx45(StateIcon_default, { variant: rowVariant });
     }
     return alternaviteIconFromProps || null;
   };
-  return /* @__PURE__ */ jsxs40("div", { className: cn40(RC8, `${RC8}--${rowVariant}`, className), children: [
-    /* @__PURE__ */ jsx48("div", { className: cn40(`${RC8}__state-point`, `${RC8}__state-point--${rowVariant}`), children: /* @__PURE__ */ jsx48(CorrectIcon, {}) }),
-    /* @__PURE__ */ jsxs40("div", { className: `${RC8}__content`, children: [
-      /* @__PURE__ */ jsxs40("div", { className: `${RC8}__title`, children: [
-        /* @__PURE__ */ jsxs40("div", { className: `${RC8}__title-left`, children: [
-          /* @__PURE__ */ jsx48("div", { className: cn40(`${RC8}__title-text`, { "text-muted": rowVariant === DEFAULT2 }), children: title }),
-          isOptional && /* @__PURE__ */ jsx48(Status_default, { label: "Optional", status: "draft" })
+  return /* @__PURE__ */ jsxs37("div", { className: cn37(RC8, `${RC8}--${rowVariant}`, className), children: [
+    /* @__PURE__ */ jsx45("div", { className: cn37(`${RC8}__state-point`, `${RC8}__state-point--${rowVariant}`), children: /* @__PURE__ */ jsx45(CorrectIcon, {}) }),
+    /* @__PURE__ */ jsxs37("div", { className: `${RC8}__content`, children: [
+      /* @__PURE__ */ jsxs37("div", { className: `${RC8}__title`, children: [
+        /* @__PURE__ */ jsxs37("div", { className: `${RC8}__title-left`, children: [
+          /* @__PURE__ */ jsx45("div", { className: cn37(`${RC8}__title-text`, { "text-muted": rowVariant === DEFAULT2 }), children: title }),
+          isOptional && /* @__PURE__ */ jsx45(Status_default, { label: "Optional", status: "draft" })
         ] }),
-        titleSlot && /* @__PURE__ */ jsx48("div", { className: `${RC8}__title-right`, children: titleSlot })
+        titleSlot && /* @__PURE__ */ jsx45("div", { className: `${RC8}__title-right`, children: titleSlot })
       ] }),
-      description && /* @__PURE__ */ jsx48("div", { className: `${RC8}__description`, children: description }),
-      contentSlot && /* @__PURE__ */ jsx48("div", { className: `${RC8}__body`, children: contentSlot })
+      description && /* @__PURE__ */ jsx45("div", { className: `${RC8}__description`, children: description }),
+      contentSlot && /* @__PURE__ */ jsx45("div", { className: `${RC8}__body`, children: contentSlot })
     ] })
   ] }, label);
 };
 var StepRow_default = StepRow;
 
 // src/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var StepWrapper = ({
   steps,
   customIcons,
@@ -4347,10 +3972,10 @@ var StepWrapper = ({
   className,
   testId = "step-wrapper"
 }) => {
-  if (!steps?.length) return /* @__PURE__ */ jsx49("div", { "data-testid": "empty-state", children: "No steps available" });
+  if (!steps?.length) return /* @__PURE__ */ jsx46("div", { "data-testid": "empty-state", children: "No steps available" });
   const renderStepRow = (step) => {
     const { key, ...stepProps } = step;
-    return /* @__PURE__ */ jsx49(
+    return /* @__PURE__ */ jsx46(
       StepRow_default,
       {
         ...stepProps,
@@ -4361,7 +3986,7 @@ var StepWrapper = ({
   };
   switch (variant) {
     case "ghost":
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx46(
         Box_default,
         {
           className: classNames("step-wrapper", "step-wrapper-ghost", className),
@@ -4370,7 +3995,7 @@ var StepWrapper = ({
         }
       );
     case "cardActive":
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx46(
         "div",
         {
           className: classNames("step-wrapper", "step-wrapper-card-active", className),
@@ -4379,7 +4004,7 @@ var StepWrapper = ({
         }
       );
     default:
-      return /* @__PURE__ */ jsx49(
+      return /* @__PURE__ */ jsx46(
         "div",
         {
           className: classNames("step-wrapper", className),
@@ -4400,7 +4025,6 @@ var ui_default = StepWrapper_default2;
 // src/Atomic/UI/WizardStepper/index.ts
 var WizardStepper_default = ui_default;
 export {
-  Accordion_default2 as Accordion,
   AccordionTable_default as AccordionTable,
   AccordionText_default as AccordionText,
   AdvTag_default as AdvTag,
@@ -4409,7 +4033,6 @@ export {
   Arrow_default as Arrow,
   Box_default as Box,
   Button_default as Button,
-  ButtonsBar_default2 as ButtonsBar,
   CircleProgressBar_default as CircleProgressBar,
   DateTime_default as DateTime,
   DebugContainer_default as DebugContainer,
@@ -4421,7 +4044,6 @@ export {
   ModalHOC_default as ModalHOC,
   ModalTitle_default as ModalTitle,
   MonoAccordion_default2 as MonoAccordion,
-  NavLine_default2 as NavLine,
   PageTitle_default2 as PageTitle,
   Price_default2 as Price,
   PriceRange_default2 as PriceRange,