intelicoreact 2.0.4 → 2.0.5

package/dist/ui.js

@@ -7033,6 +7033,9 @@ var AdvancedTags = ({
 };
 var AdvancedTags_default = AdvancedTags;
 
+// src/Atomic/UI/AdvancedTag/index.ts
+var AdvancedTag_default = AdvancedTags_default;
+
 // src/Atomic/UI/Alert/Alert.tsx
 import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 
@@ -7157,6 +7160,9 @@ var Alert = ({
 };
 var Alert_default = Alert;
 
+// src/Atomic/UI/Alert/index.ts
+var Alert_default2 = Alert_default;
+
 // src/Atomic/UI/Arrow/Arrow.tsx
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 import cn13 from "classnames";
@@ -7420,6 +7426,9 @@ var ButtonsBar = ({
 };
 var ButtonsBar_default = ButtonsBar;
 
+// src/Atomic/UI/ButtonsBar/index.ts
+var ButtonsBar_default2 = ButtonsBar_default;
+
 // src/Atomic/UI/Chart/Chart.tsx
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 
@@ -8269,6 +8278,9 @@ var Chart = ({
 };
 var Chart_default = Chart;
 
+// src/Atomic/UI/Chart/index.ts
+var Chart_default2 = Chart_default;
+
 // src/Atomic/UI/CircleProgressBar/CircleProgressBar.js
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 import React18, { useEffect as useEffect13, useState as useState15 } from "react";
@@ -8477,11 +8489,24 @@ var DebugContainer = ({ data = defaultData, children, className }) => {
 };
 var DebugContainer_default = DebugContainer;
 
+// src/Atomic/UI/DebugContainer/useDebugContainer.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+import { useState as useState17 } from "react";
+function useDebugContainer() {
+  const [data, setData] = useState17({});
+  return {
+    debugData: data,
+    setDebugData: setData,
+    renderDebugContainer: /* @__PURE__ */ jsx22(DebugContainer_default, { data })
+  };
+}
+var useDebugContainer_default = useDebugContainer;
+
 // src/Atomic/UI/DoubleString/DoubleString.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 import cn21 from "classnames";
 import moment3 from "moment";
-import { useEffect as useEffect14, useRef as useRef10, useState as useState17 } from "react";
+import { useEffect as useEffect14, useRef as useRef10, useState as useState18 } from "react";
 import { Eye, EyeOff } from "react-feather";
 var RC6 = "double-string";
 var DoubleString = ({
@@ -8502,16 +8527,16 @@ var DoubleString = ({
   isUseHideMode = false,
   isShowHiddenValueAvailable = false
 }) => {
-  const [isValueHidden, setIsValueHidden] = useState17(isUseHideMode);
+  const [isValueHidden, setIsValueHidden] = useState18(isUseHideMode);
   const computedValue = isFormatValueToDate ? moment3(value, parseFormat).format(displayFormat) : value;
   const valueRef = useRef10(null);
   ;
   const descriptionRef = useRef10(null);
-  const [elemsWidth, setElemsWidth] = useState17({
+  const [elemsWidth, setElemsWidth] = useState18({
     valueWidth: 0,
     descriptionWidth: 0
   });
-  const [isOnClickON, setIsOnClickON] = useState17(false);
+  const [isOnClickON, setIsOnClickON] = useState18(false);
   const handle = {
     click: () => {
       setIsOnClickON(!isOnClickON);
@@ -8523,7 +8548,7 @@ var DoubleString = ({
     setElemsWidth({ valueWidth, descriptionWidth });
   }, [descriptionRef, valueRef]);
   return /* @__PURE__ */ jsxs20("div", { "data-testid": testId, className: cn21(RC6, className), children: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "p",
       {
         onClick: () => handle.click(),
@@ -8537,14 +8562,14 @@ var DoubleString = ({
         ),
         title: !noTitle && elemsWidth.valueWidth > 99 ? computedValue : "",
         children: !revert ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
-          isUseHideMode ? /* @__PURE__ */ jsx22("span", { children: !isValueHidden ? computedValue : "*********" }) : computedValue,
-          isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /* @__PURE__ */ jsx22(Eye, { "data-testid": "double-string-eye", className: `${RC6}__hide-mode-icon`, onClick: () => setIsValueHidden(false) }),
-          isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /* @__PURE__ */ jsx22(EyeOff, { "data-testid": "double-string-eyeoff", className: `${RC6}__hide-mode-icon`, onClick: () => setIsValueHidden(true) }),
-          valuePostfix && /* @__PURE__ */ jsx22("span", { className: cn21(`${RC6}__value-postfix`), children: valuePostfix })
+          isUseHideMode ? /* @__PURE__ */ jsx23("span", { children: !isValueHidden ? computedValue : "*********" }) : computedValue,
+          isUseHideMode && isShowHiddenValueAvailable && isValueHidden && /* @__PURE__ */ jsx23(Eye, { "data-testid": "double-string-eye", className: `${RC6}__hide-mode-icon`, onClick: () => setIsValueHidden(false) }),
+          isUseHideMode && isShowHiddenValueAvailable && !isValueHidden && /* @__PURE__ */ jsx23(EyeOff, { "data-testid": "double-string-eyeoff", className: `${RC6}__hide-mode-icon`, onClick: () => setIsValueHidden(true) }),
+          valuePostfix && /* @__PURE__ */ jsx23("span", { className: cn21(`${RC6}__value-postfix`), children: valuePostfix })
         ] }) : description
       }
     ),
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "p",
       {
         ref: descriptionRef,
@@ -8552,23 +8577,26 @@ var DoubleString = ({
         title: !noTitle && elemsWidth.descriptionWidth > 99 ? computedValue : "",
         children: !revert ? description : /* @__PURE__ */ jsxs20(Fragment4, { children: [
           computedValue,
-          valuePostfix && /* @__PURE__ */ jsx22("span", { className: cn21(`${RC6}__value-postfix`), children: valuePostfix })
+          valuePostfix && /* @__PURE__ */ jsx23("span", { className: cn21(`${RC6}__value-postfix`), children: valuePostfix })
         ] })
       }
     ),
-    subDescription && /* @__PURE__ */ jsx22("p", { className: cn21(`${RC6}__sub-description`), children: subDescription })
+    subDescription && /* @__PURE__ */ jsx23("p", { className: cn21(`${RC6}__sub-description`), children: subDescription })
   ] });
 };
 var DoubleString_default = DoubleString;
 
+// src/Atomic/UI/DoubleString/index.ts
+var DoubleString_default2 = DoubleString_default;
+
 // src/Atomic/UI/DynamicIcon/index.ts
 var DynamicIcon_default2 = DynamicIcon_default;
 
 // src/Atomic/UI/Hint/Hint.tsx
-import { Fragment as Fragment5, jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 
 // src/Molecular/CustomIcons/components/HelpCircleFilled.tsx
-import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 function HelpCircleFilled(props) {
   return /* @__PURE__ */ jsxs21(
     "svg",
@@ -8579,14 +8607,14 @@ function HelpCircleFilled(props) {
       fill: "none",
       ...props,
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           "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__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           "path",
           {
             stroke: "#fff",
@@ -8642,7 +8670,7 @@ function HandleClickOutsideObj(id, setIsOpen) {
 
 // src/Atomic/UI/Hint/Hint.tsx
 import cn22 from "classnames";
-import { useEffect as useEffect15, useRef as useRef11, useState as useState18 } from "react";
+import { useEffect as useEffect15, useRef as useRef11, useState as useState19 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { AlertTriangle as AlertTriangle3, HelpCircle } from "react-feather";
 var hintTimeoutMap = /* @__PURE__ */ new Map();
@@ -8671,12 +8699,12 @@ var Hint = ({
   isCloseOnChildrenClick = false
 }) => {
   const hintRef = useRef11(null);
-  const [hintId] = useState18(id ?? key ?? Math.random().toString(16).slice(2));
-  const [iAmOpenedOptions] = useState18({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
-  const [isOpen, setIsOpen] = useState18(false);
-  const [isStyleComputed, setIsStyleComputed] = useState18(false);
-  const [handleScroll] = useState18(new HandleScrollObj(setIsOpen));
-  const [handleClickOutside] = useState18(new HandleClickOutsideObj(hintId, setIsOpen));
+  const [hintId] = useState19(id ?? key ?? Math.random().toString(16).slice(2));
+  const [iAmOpenedOptions] = useState19({ ...I_AM_OPENED_EVENT_OPTIONS, detail: { hintId } });
+  const [isOpen, setIsOpen] = useState19(false);
+  const [isStyleComputed, setIsStyleComputed] = useState19(false);
+  const [handleScroll] = useState19(new HandleScrollObj(setIsOpen));
+  const [handleClickOutside] = useState19(new HandleClickOutsideObj(hintId, setIsOpen));
   const isCallbackExist = typeof onClickCallback === "function";
   const handle = {
     onMouseEnter: () => {
@@ -8738,7 +8766,7 @@ var Hint = ({
         onClick: handle.onClick,
         style: { visibility: isStyleComputed ? "visible" : "hidden" },
         children: [
-          isLoading && /* @__PURE__ */ jsx24(Spinner_default, { size: "small" }),
+          isLoading && /* @__PURE__ */ jsx25(Spinner_default, { size: "small" }),
           hint,
           children
         ]
@@ -8853,11 +8881,11 @@ var Hint = ({
         className: cn22("hint__button", { hint__button_active: isOpen }),
         children: [
           icon || icon === null || /* @__PURE__ */ jsxs22(Fragment5, { children: [
-            variant === "outlined" && /* @__PURE__ */ jsx24(HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
-            variant === "filled" && /* @__PURE__ */ jsx24(HelpCircleFilled, { className: "hint__icon filled" }),
-            variant === "warning" && /* @__PURE__ */ jsx24(AlertTriangle3, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
+            variant === "outlined" && /* @__PURE__ */ jsx25(HelpCircle, { width: 16, height: 16, className: "hint__icon outlined" }),
+            variant === "filled" && /* @__PURE__ */ jsx25(HelpCircleFilled, { className: "hint__icon filled" }),
+            variant === "warning" && /* @__PURE__ */ jsx25(AlertTriangle3, { className: "hint__icon", color: "#F06D8D", width: 16, height: 16 })
           ] }),
-          label && /* @__PURE__ */ jsx24("span", { className: cn22("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
+          label && /* @__PURE__ */ jsx25("span", { className: cn22("hint__label", { "color--primary": isOpen }), children: typeof label === "string" ? capitalized(label) : label })
         ]
       }
     ),
@@ -8870,15 +8898,15 @@ var Hint_default = Hint;
 var Hint_default2 = Hint_default;
 
 // src/Atomic/UI/Modal/Modal.tsx
-import { Fragment as Fragment6, jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
 
 // src/Functions/useKeyPress/useKeyPress.ts
-import { useCallback as useCallback4, useEffect as useEffect16, useState as useState19 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect16, useState as useState20 } 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] = useState19(false);
+  const [keyPressed, setKeyPressed] = useState20(false);
   const safelySuspendProcessing = isISuspendProcessing(suspendProcessing) ? suspendProcessing : {};
   const downHandler = useCallback4(
     (event) => {
@@ -9036,12 +9064,12 @@ function dispatchEventForModalManagement(realEvent, nameOfCustomEvent, uniqueIdO
 }
 
 // src/Atomic/UI/Modal/partials/ModalFooter.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 import cn23 from "classnames";
 import { memo } from "react";
 var ModalFooter = memo(
   ({ className = "", children, wrapperRef, testId = "modal-footer" }) => {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx26(
       "footer",
       {
         "data-testid": testId,
@@ -9058,7 +9086,7 @@ ModalFooter.displayName = "ModalFooter";
 var ModalFooter_default = ModalFooter;
 
 // src/Atomic/UI/Modal/partials/ModalTitle.tsx
-import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 import cn24 from "classnames";
 import { memo as memo2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo6, useRef as useRef12 } from "react";
 import { X as X3 } from "react-feather";
@@ -9090,7 +9118,7 @@ var ModalTitle = memo2(
         role: "banner",
         "aria-label": "Modal header",
         children: [
-          /* @__PURE__ */ jsx26(
+          /* @__PURE__ */ jsx27(
             "span",
             {
               className: cn24("modal__header-title", {
@@ -9100,7 +9128,7 @@ var ModalTitle = memo2(
               children
             }
           ),
-          !isForced && /* @__PURE__ */ jsx26(
+          !isForced && /* @__PURE__ */ jsx27(
             "button",
             {
               type: "button",
@@ -9111,7 +9139,7 @@ var ModalTitle = memo2(
               }),
               "aria-label": "Close modal",
               title: "Close modal",
-              children: !noHeaderCloseBtn && /* @__PURE__ */ jsx26(X3, { className: "modal-close-icon", role: "img", "aria-hidden": "true" })
+              children: !noHeaderCloseBtn && /* @__PURE__ */ jsx27(X3, { className: "modal-close-icon", role: "img", "aria-hidden": "true" })
             }
           )
         ]
@@ -9123,10 +9151,10 @@ ModalTitle.displayName = "ModalTitle";
 var ModalTitle_default = ModalTitle;
 
 // src/Atomic/UI/Modal/partials/useMobileModal.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 
 // src/Functions/useIsMobile/useIsMobile.ts
-import { useEffect as useEffect18, useState as useState20 } from "react";
+import { useEffect as useEffect18, useState as useState21 } from "react";
 function useIsMobile({ isWithoutWidthCheck = false } = {}) {
   const isIPad = () => {
     const ua = navigator.userAgent || navigator.vendor || window.opera;
@@ -9137,7 +9165,7 @@ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
   const getIsMobile = () => {
     return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || isIPad();
   };
-  const [isMobile, setIsMobile] = useState20(getIsMobile());
+  const [isMobile, setIsMobile] = useState21(getIsMobile());
   useEffect18(() => {
     if (getIsMobile()) {
       setIsMobile(true);
@@ -9152,7 +9180,7 @@ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
 var useIsMobile_default = useIsMobile;
 
 // src/Atomic/UI/Modal/partials/useMobileModal.tsx
-import { useCallback as useCallback5, useEffect as useEffect19, useLayoutEffect as useLayoutEffect5, useRef as useRef13, useState as useState21 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect19, useLayoutEffect as useLayoutEffect5, useRef as useRef13, useState as useState22 } from "react";
 var SCROLL_DIRECTION = {
   UP: "up",
   DOWN: "down"
@@ -9168,22 +9196,22 @@ function useMobileModal({
   const modalMobileFooterRef = useRef13(null);
   const modalMobileBodyRef = useRef13(null);
   const { isMobile } = useIsMobile_default();
-  const [modalHeight, setModalHeight] = useState21(0);
-  const [modalsLogic, setModalsLogic] = useState21({
+  const [modalHeight, setModalHeight] = useState22(0);
+  const [modalsLogic, setModalsLogic] = useState22({
     IS_HEADER_HIDDEN: false,
     IS_HEADER_STICKY: false,
     IS_FOOTER_HIDDEN: false,
     IS_FOOTER_STICKY: withFixedFooter
   });
-  const [modalsLogicProps, setModalsLogicProps] = useState21({
+  const [modalsLogicProps, setModalsLogicProps] = useState22({
     headerHeight: 0,
     footerHeight: 0
   });
-  const [scrollDirection, setScrollDirection] = useState21(SCROLL_DIRECTION.UP);
-  const [scrollTopPrev, setScrollTopPrev] = useState21(0);
-  const [scrollTop, setScrollTop] = useState21(0);
-  const [scrollHeight, setScrollHeight] = useState21(1);
-  const [, setContainerScrollHeight] = useState21(1);
+  const [scrollDirection, setScrollDirection] = useState22(SCROLL_DIRECTION.UP);
+  const [scrollTopPrev, setScrollTopPrev] = useState22(0);
+  const [scrollTop, setScrollTop] = useState22(0);
+  const [scrollHeight, setScrollHeight] = useState22(1);
+  const [, setContainerScrollHeight] = useState22(1);
   useLayoutEffect5(() => {
     const el = modalMobileContainerRef?.current;
     if (el) {
@@ -9279,7 +9307,7 @@ function useMobileModal({
   const renderModal = useCallback5(
     (modal) => {
       if (!isMobile || !withMobileLogic) return modal;
-      return /* @__PURE__ */ jsx27("div", { className: "modal-mobile-container", ref: modalMobileContainerRef, children: modal });
+      return /* @__PURE__ */ jsx28("div", { className: "modal-mobile-container", ref: modalMobileContainerRef, children: modal });
     },
     [isMobile, withMobileLogic]
   );
@@ -9442,7 +9470,7 @@ function Modal({
     };
   }, []);
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       id: `${id}`,
@@ -9454,7 +9482,7 @@ function Modal({
       "aria-labelledby": `${testId}-title`,
       children: renderModal(
         /* @__PURE__ */ jsxs24(Fragment6, { children: [
-          /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(
             "div",
             {
               "data-testid": `${testId}-overlay`,
@@ -9475,7 +9503,7 @@ function Modal({
                 "hidden": !isOpen
               }),
               children: [
-                customHeader || !noHeader && /* @__PURE__ */ jsx28(
+                customHeader || !noHeader && /* @__PURE__ */ jsx29(
                   ModalTitle_default,
                   {
                     wrapperRef: modalMobileHeaderRef,
@@ -9487,10 +9515,10 @@ function Modal({
                     isForced: forced,
                     onClose: handle.close,
                     noHeaderCloseBtn,
-                    children: /* @__PURE__ */ jsx28("span", { id: `${testId}-title`, children: renderModalTitle({ mode, title, onlyTitle }) })
+                    children: /* @__PURE__ */ jsx29("span", { id: `${testId}-title`, children: renderModalTitle({ mode, title, onlyTitle }) })
                   }
                 ),
-                /* @__PURE__ */ jsx28(
+                /* @__PURE__ */ jsx29(
                   "div",
                   {
                     ...atributesForModalBody,
@@ -9502,7 +9530,7 @@ function Modal({
                     children
                   }
                 ),
-                (!noFooter || customFooter) && /* @__PURE__ */ jsx28(
+                (!noFooter || customFooter) && /* @__PURE__ */ jsx29(
                   ModalFooter_default,
                   {
                     wrapperRef: modalMobileFooterRef,
@@ -9514,7 +9542,7 @@ function Modal({
                     children: customFooter || /* @__PURE__ */ jsxs24(Fragment6, { children: [
                       leftContentOfFooter,
                       (!noCloseBtn || !noConfirmBtn) && /* @__PURE__ */ jsxs24("div", { className: "modal__buttons-block", children: [
-                        !noCloseBtn && /* @__PURE__ */ jsx28(
+                        !noCloseBtn && /* @__PURE__ */ jsx29(
                           Button_default,
                           {
                             testId: "modal",
@@ -9529,7 +9557,7 @@ function Modal({
                             "aria-label": "Close modal"
                           }
                         ),
-                        !noConfirmBtn && /* @__PURE__ */ jsx28(
+                        !noConfirmBtn && /* @__PURE__ */ jsx29(
                           Button_default,
                           {
                             testId: "modal",
@@ -9559,7 +9587,7 @@ Modal.displayName = "Modal";
 var Modal_default = Modal;
 
 // src/Atomic/UI/Modal/ModalHOC.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
 import cn26 from "classnames";
 import { useEffect as useEffect21, useLayoutEffect as useLayoutEffect7, useMemo as useMemo8, useRef as useRef15 } from "react";
 var ModalHOC = ({
@@ -9604,8 +9632,8 @@ var ModalHOC = ({
   }, []);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs25("div", { id: `${id}`, style: { zIndex }, "data-testid": testId, className: "modal-box j5", role: "presentation", children: [
-    /* @__PURE__ */ jsx29("div", { className: "modal-overlay", onClick: handleClose, role: "presentation", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30("div", { className: "modal-overlay", onClick: handleClose, role: "presentation", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx30(
       "div",
       {
         ref: modalRef,
@@ -9629,9 +9657,9 @@ var Modal_default2 = Modal_default;
 var MonoAccordion_default2 = MonoAccordion_default;
 
 // src/Atomic/UI/NavLine/NavLine.tsx
-import { jsx as jsx30, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "react/jsx-runtime";
 import cn27 from "classnames";
-import { createRef, useCallback as useCallback6, useEffect as useEffect22, useRef as useRef16, useState as useState22 } from "react";
+import { createRef, useCallback as useCallback6, useEffect as useEffect22, useRef as useRef16, useState as useState23 } from "react";
 import * as Icons3 from "react-feather";
 var CN4 = "nav-line";
 function checkedRef2(ref) {
@@ -9653,13 +9681,13 @@ var NavLine = ({
   scrollMode = false,
   testId = CN4
 }) => {
-  const [navLineItems, setNavLineItems] = useState22([]);
+  const [navLineItems, setNavLineItems] = useState23([]);
   const wrapperRef = useRef16(null);
   const wrapperInnerRef = useRef16(null);
-  const [showScrollButtons, setShowScrollButtons] = useState22(false);
-  const [canScrollLeft, setCanScrollLeft] = useState22(false);
-  const [canScrollRight, setCanScrollRight] = useState22(false);
-  const [isScrollBlocked, setIsScrollBlocked] = useState22(false);
+  const [showScrollButtons, setShowScrollButtons] = useState23(false);
+  const [canScrollLeft, setCanScrollLeft] = useState23(false);
+  const [canScrollRight, setCanScrollRight] = useState23(false);
+  const [isScrollBlocked, setIsScrollBlocked] = useState23(false);
   const checkScroll = useCallback6(() => {
     const inner = wrapperInnerRef.current;
     if (!inner) return;
@@ -9775,8 +9803,8 @@ var NavLine = ({
       "tabIndex": isDisabled ? -1 : 0
     };
     const content = /* @__PURE__ */ jsxs26("div", { className: "nav-line__content", children: [
-      Icon && /* @__PURE__ */ jsx30("div", { className: "nav-line__item--icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx30(Icon, {}) }),
-      /* @__PURE__ */ jsx30("span", { className: cn27({ "nav-line__item--label": variant !== "simple" }), children: item.label }),
+      Icon && /* @__PURE__ */ jsx31("div", { className: "nav-line__item--icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx31(Icon, {}) }),
+      /* @__PURE__ */ jsx31("span", { className: cn27({ "nav-line__item--label": variant !== "simple" }), children: item.label }),
       item.count !== void 0 && /* @__PURE__ */ jsxs26("span", { className: "nav-line-count", "aria-label": `${item.count} items`, children: [
         "(",
         item.count,
@@ -9784,7 +9812,7 @@ var NavLine = ({
       ] })
     ] });
     if (isLocal) {
-      return /* @__PURE__ */ jsx30(
+      return /* @__PURE__ */ jsx31(
         "span",
         {
           ...commonProps,
@@ -9801,7 +9829,7 @@ var NavLine = ({
         `tab__${item.tabId}`
       );
     }
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       NavLink,
       {
         ...commonProps,
@@ -9816,7 +9844,7 @@ var NavLine = ({
       `tab__${item.tabId}`
     );
   };
-  return /* @__PURE__ */ jsx30("div", { className: "nav-line-wrapper", children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsx31("div", { className: "nav-line-wrapper", children: /* @__PURE__ */ jsxs26(
     "div",
     {
       "data-testid": testId,
@@ -9828,7 +9856,7 @@ var NavLine = ({
       ),
       ref: wrapperRef,
       children: [
-        scrollMode && showScrollButtons && /* @__PURE__ */ jsx30(
+        scrollMode && showScrollButtons && /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
@@ -9837,10 +9865,10 @@ var NavLine = ({
             onClick: () => scroll("left"),
             "aria-label": "Scroll previous",
             disabled: !canScrollLeft,
-            children: /* @__PURE__ */ jsx30(Icons3.ChevronLeft, {})
+            children: /* @__PURE__ */ jsx31(Icons3.ChevronLeft, {})
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx31(
           "div",
           {
             ref: wrapperInnerRef,
@@ -9850,7 +9878,7 @@ var NavLine = ({
             children: navLineItems.map(renderNavItem)
           }
         ),
-        scrollMode && showScrollButtons && /* @__PURE__ */ jsx30(
+        scrollMode && showScrollButtons && /* @__PURE__ */ jsx31(
           "button",
           {
             type: "button",
@@ -9859,10 +9887,10 @@ var NavLine = ({
             onClick: () => scroll("right"),
             "aria-label": "Scroll next",
             disabled: !canScrollRight,
-            children: /* @__PURE__ */ jsx30(Icons3.ChevronRight, {})
+            children: /* @__PURE__ */ jsx31(Icons3.ChevronRight, {})
           }
         ),
-        children && /* @__PURE__ */ jsx30("div", { className: "nav-line__body", role: "tabpanel", children })
+        children && /* @__PURE__ */ jsx31("div", { className: "nav-line__body", role: "tabpanel", children })
       ]
     }
   ) });
@@ -9873,18 +9901,18 @@ var NavLine_default = NavLine;
 var NavLine_default2 = NavLine_default;
 
 // src/Atomic/UI/PageTitle/PageTitle.tsx
-import { jsx as jsx31, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "react/jsx-runtime";
 import cn28 from "classnames";
 import { Home } from "react-feather";
 var RC7 = "page-title";
 var PageTitle = ({ title, pages, children, testId = RC7 }) => /* @__PURE__ */ jsxs27("div", { "data-testid": testId, className: RC7, role: "region", "aria-label": title, children: [
   /* @__PURE__ */ jsxs27("div", { className: `${RC7}__wrap`, children: [
-    /* @__PURE__ */ jsx31("h1", { className: `${RC7}__title`, children: title }),
-    pages.length > 0 && /* @__PURE__ */ jsx31("nav", { className: `${RC7}__pages`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs27("ol", { className: `${RC7}__list`, children: [
-      /* @__PURE__ */ jsx31("li", { children: /* @__PURE__ */ jsx31("a", { className: `${RC7}__link`, href: "/", "aria-label": "Home page", children: /* @__PURE__ */ jsx31(Home, { "aria-hidden": "true" }) }) }),
+    /* @__PURE__ */ jsx32("h1", { className: `${RC7}__title`, children: title }),
+    pages.length > 0 && /* @__PURE__ */ jsx32("nav", { className: `${RC7}__pages`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsxs27("ol", { className: `${RC7}__list`, children: [
+      /* @__PURE__ */ jsx32("li", { children: /* @__PURE__ */ jsx32("a", { className: `${RC7}__link`, href: "/", "aria-label": "Home page", children: /* @__PURE__ */ jsx32(Home, { "aria-hidden": "true" }) }) }),
       pages.map(({ name, path }, index) => /* @__PURE__ */ jsxs27("li", { children: [
-        /* @__PURE__ */ jsx31("span", { className: `${RC7}__delimiter`, "aria-hidden": "true", children: "/" }),
-        pages.length - 1 === index ? /* @__PURE__ */ jsx31("span", { className: cn28(`${RC7}__link`, `${RC7}__link_last`), "aria-current": "page", children: name }) : /* @__PURE__ */ jsx31("a", { className: `${RC7}__link`, href: path, children: name })
+        /* @__PURE__ */ jsx32("span", { className: `${RC7}__delimiter`, "aria-hidden": "true", children: "/" }),
+        pages.length - 1 === index ? /* @__PURE__ */ jsx32("span", { className: cn28(`${RC7}__link`, `${RC7}__link_last`), "aria-current": "page", children: name }) : /* @__PURE__ */ jsx32("a", { className: `${RC7}__link`, href: path, children: name })
       ] }, path))
     ] }) })
   ] }),
@@ -9896,7 +9924,7 @@ var PageTitle_default = PageTitle;
 var PageTitle_default2 = PageTitle_default;
 
 // src/Atomic/UI/PieChart/PieChart.js
-import { jsx as jsx32, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs28 } from "react/jsx-runtime";
 import React28 from "react";
 import { ArcElement, Chart as ChartJS2, Tooltip as Tooltip2 } from "chart.js";
 import { Pie } from "react-chartjs-2";
@@ -9917,21 +9945,21 @@ var PieChart = ({
     }
   };
   return /* @__PURE__ */ jsxs28("div", { className: "pie-chart-box", style: { maxWidth: `320px` }, children: [
-    /* @__PURE__ */ jsx32(Pie, { data, options }),
+    /* @__PURE__ */ jsx33(Pie, { data, options }),
     Boolean(resultLabel) && /* @__PURE__ */ jsxs28("div", { className: "pie-chart__result", children: [
       /* @__PURE__ */ jsxs28("div", { className: "pie-chart__result-value", children: [
         resultValue,
-        /* @__PURE__ */ jsx32("span", { className: "pie-chart__result-percent", children: "%" }),
+        /* @__PURE__ */ jsx33("span", { className: "pie-chart__result-percent", children: "%" }),
         " "
       ] }),
-      /* @__PURE__ */ jsx32("div", { className: "pie-chart__result-label", children: resultLabel })
+      /* @__PURE__ */ jsx33("div", { className: "pie-chart__result-label", children: resultLabel })
     ] })
   ] });
 };
 var PieChart_default = PieChart;
 
 // src/Atomic/UI/Price/Price.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 
 // src/Functions/fieldValueFormatters.js
 var getSafelyValue = (value) => value !== void 0 && value !== null ? value?.toString?.() || "" : "";
@@ -10189,7 +10217,7 @@ import cn29 from "classnames";
 var CN5 = "price";
 var Price = ({ value, currencyCode, isSymbolAfter, className, testId = CN5 }) => {
   if (value === void 0 || value === null) return null;
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-testid": testId,
@@ -10206,11 +10234,11 @@ var Price_default = Price;
 var Price_default2 = Price_default;
 
 // src/Atomic/UI/PriceRange/PriceRange.tsx
-import { jsx as jsx34, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 import cn30 from "classnames";
 var CN6 = "price-range";
 var PriceRange = ({ from, to, mode, testId = CN6 }) => {
-  return /* @__PURE__ */ jsx34("div", { "data-testid": testId, className: cn30(CN6, "j4"), role: "region", "aria-label": "Price range", children: mode === "simple" ? /* @__PURE__ */ jsxs29("span", { "aria-live": "polite", children: [
+  return /* @__PURE__ */ jsx35("div", { "data-testid": testId, className: cn30(CN6, "j4"), role: "region", "aria-label": "Price range", children: mode === "simple" ? /* @__PURE__ */ jsxs29("span", { "aria-live": "polite", children: [
     from,
     " - ",
     to
@@ -10226,7 +10254,7 @@ var PriceRange_default = PriceRange;
 var PriceRange_default2 = PriceRange_default;
 
 // src/Atomic/UI/ProgressLine/ProgressLine.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 import cn31 from "classnames";
 var CN7 = "progress-line";
 var ProgressLine = ({
@@ -10255,21 +10283,21 @@ var ProgressLine = ({
   };
   const renderLabel = () => {
     if (!label) return null;
-    return /* @__PURE__ */ jsx35("div", { className: `progress-line__wrapper__label align-${labelAlign}`, children: label });
+    return /* @__PURE__ */ jsx36("div", { className: `progress-line__wrapper__label align-${labelAlign}`, children: label });
   };
   const renderProgressValue = () => {
     if (!renderValue) return null;
-    return /* @__PURE__ */ jsx35("div", { className: "progress-line__wrapper__value", "aria-live": "polite", children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}` });
+    return /* @__PURE__ */ jsx36("div", { className: "progress-line__wrapper__value", "aria-live": "polite", children: renderValueInPercents ? getFilledLineWidth() : `${addBitDepthPoints(String(value))} ${valueMeasurement}` });
   };
   const renderExtremums = () => {
     if (!showExtremums) return null;
     return /* @__PURE__ */ jsxs30("div", { "aria-hidden": "true", className: `progress-line__wrapper__extremums position-${extremumsPosition}`, children: [
-      /* @__PURE__ */ jsx35("div", { className: "progress-line__wrapper__extremums--min", children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}` }),
-      /* @__PURE__ */ jsx35("div", { className: "progress-line__wrapper__extremums--max", children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}` })
+      /* @__PURE__ */ jsx36("div", { className: "progress-line__wrapper__extremums--min", children: renderValueInPercents ? "0 %" : `${minValue} ${valueMeasurement}` }),
+      /* @__PURE__ */ jsx36("div", { className: "progress-line__wrapper__extremums--max", children: renderValueInPercents ? "100 %" : `${maxValue} ${valueMeasurement}` })
     ] });
   };
   const renderFilledLine = () => {
-    return /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsx36(
       "div",
       {
         className: "progress-line__wrapper__line--filled",
@@ -10308,10 +10336,10 @@ var ProgressLine_default = ProgressLine;
 var ProgressLine_default2 = ProgressLine_default;
 
 // src/Atomic/UI/Table/Table.js
-import { jsx as jsx44, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 
 // src/Atomic/UI/Table/Partials/TdHeader.js
-import { jsx as jsx36, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 
 // src/Langs.js
 var Langs = {
@@ -10488,42 +10516,42 @@ var TdHeader = ({ item, testId = "td-header" }) => {
   const txt = Langs_default[global.lng];
   switch (item.type) {
     case "double":
-      return /* @__PURE__ */ jsx36("th", { "data-testid": testId, children: /* @__PURE__ */ jsxs31("div", { className: "j46", children: [
-        /* @__PURE__ */ jsx36("div", { className: "", children: txt.labels[item.left] || item.left }),
-        /* @__PURE__ */ jsx36("div", { className: "", children: txt.labels[item.right] || item.right })
+      return /* @__PURE__ */ jsx37("th", { "data-testid": testId, children: /* @__PURE__ */ jsxs31("div", { className: "j46", children: [
+        /* @__PURE__ */ jsx37("div", { className: "", children: txt.labels[item.left] || item.left }),
+        /* @__PURE__ */ jsx37("div", { className: "", children: txt.labels[item.right] || item.right })
       ] }) });
     default:
-      return /* @__PURE__ */ jsx36("th", { "data-testid": testId, className: cn32(item.className), children: /* @__PURE__ */ jsxs31("div", { className: cn32({ df: item.button }), children: [
-        /* @__PURE__ */ jsx36("div", { className: "mr5", children: txt.labels[item.label] || item.label }),
-        item.button && /* @__PURE__ */ jsx36("div", { className: "cards-table__btn", children: txt.buttons[item.button] || item.button })
+      return /* @__PURE__ */ jsx37("th", { "data-testid": testId, className: cn32(item.className), children: /* @__PURE__ */ jsxs31("div", { className: cn32({ df: item.button }), children: [
+        /* @__PURE__ */ jsx37("div", { className: "mr5", children: txt.labels[item.label] || item.label }),
+        item.button && /* @__PURE__ */ jsx37("div", { className: "cards-table__btn", children: txt.buttons[item.button] || item.button })
       ] }) });
   }
 };
 var TdHeader_default = TdHeader;
 
 // src/Atomic/UI/Table/Partials/TdRow.js
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 
 // src/Atomic/UI/Table/TdTypes/TdRange.js
-import { jsx as jsx37, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "react/jsx-runtime";
 var TdRange = ({ item }) => {
   if (!item) return false;
   return /* @__PURE__ */ jsxs32("div", { children: [
-    /* @__PURE__ */ jsx37("span", { children: item.from }),
-    /* @__PURE__ */ jsx37("span", { children: " - " }),
-    /* @__PURE__ */ jsx37("span", { children: item.to })
+    /* @__PURE__ */ jsx38("span", { children: item.from }),
+    /* @__PURE__ */ jsx38("span", { children: " - " }),
+    /* @__PURE__ */ jsx38("span", { children: item.to })
   ] });
 };
 var TdRange_default = TdRange;
 
 // src/Atomic/UI/Table/Partials/TdCell.js
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 
 // src/Atomic/UI/Table/TdTypes/TdActions.js
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 
 // src/Atomic/FormElements/Switcher/Switcher.tsx
-import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs33 } from "react/jsx-runtime";
 import cn33 from "classnames";
 var RC8 = "switcher";
 var Switcher = ({
@@ -10552,16 +10580,16 @@ var Switcher = ({
             disabled,
             onClick: (e) => onChange(!isActive, e),
             children: [
-              /* @__PURE__ */ jsx38(
+              /* @__PURE__ */ jsx39(
                 "div",
                 {
                   className: cn33(`${RC8}__button-content`, {
                     [`${RC8}__button-content_active`]: isActive
                   }),
-                  children: /* @__PURE__ */ jsx38("div", { className: `${RC8}__ball` })
+                  children: /* @__PURE__ */ jsx39("div", { className: `${RC8}__ball` })
                 }
               ),
-              label && /* @__PURE__ */ jsx38(
+              label && /* @__PURE__ */ jsx39(
                 "span",
                 {
                   className: cn33(`${RC8}__label`, {
@@ -10573,7 +10601,7 @@ var Switcher = ({
             ]
           }
         ),
-        hint && /* @__PURE__ */ jsx38(Hint_default, { className: `${RC8}__hint`, hint, side: hintSide })
+        hint && /* @__PURE__ */ jsx39(Hint_default, { className: `${RC8}__hint`, hint, side: hintSide })
       ]
     }
   );
@@ -10581,62 +10609,62 @@ var Switcher = ({
 var Switcher_default = Switcher;
 
 // src/Atomic/UI/Table/TdTypes/TdActions.js
-import React34, { useState as useState23 } from "react";
+import React34, { useState as useState24 } from "react";
 import * as Icons4 from "react-feather";
 var TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
   if (!actions) return false;
-  const [state, setState] = useState23(actions);
+  const [state, setState] = useState24(actions);
   const handleArrayChange = (value, index, prop) => {
     state[index][prop] = value;
     setState([...state]);
     onChange(state);
   };
-  return /* @__PURE__ */ jsx39("div", { className: "j6", children: actions?.map((action, index) => {
+  return /* @__PURE__ */ jsx40("div", { className: "j6", children: actions?.map((action, index) => {
     switch (action.type) {
       case "download":
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40(
           "div",
           {
             className: "td-actions--item td-actions--download",
             onClick: () => {
             },
-            children: /* @__PURE__ */ jsx39(Icons4.Download, {})
+            children: /* @__PURE__ */ jsx40(Icons4.Download, {})
           },
           index
         );
       case "edit":
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40(
           "div",
           {
             className: "td-actions--item td-actions--edit",
             onClick: () => {
             },
-            children: /* @__PURE__ */ jsx39(Icons4.Edit3, {})
+            children: /* @__PURE__ */ jsx40(Icons4.Edit3, {})
           },
           index
         );
       case "delete":
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40(
           "div",
           {
             className: "td-actions--item td-actions--delete",
             onClick: () => onActionClick("delete", rowItem),
-            children: /* @__PURE__ */ jsx39(Icons4.Trash2, {})
+            children: /* @__PURE__ */ jsx40(Icons4.Trash2, {})
           },
           index
         );
       case "undo":
-        return /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40(
           "div",
           {
             className: "td-actions--item td-actions--undo",
             onClick: () => onActionClick("undo", rowItem),
-            children: /* @__PURE__ */ jsx39(Icons4.RotateCcw, {})
+            children: /* @__PURE__ */ jsx40(Icons4.RotateCcw, {})
           },
           index
         );
       case "switcher":
-        return /* @__PURE__ */ jsx39("div", { className: "df", children: /* @__PURE__ */ jsx39(
+        return /* @__PURE__ */ jsx40("div", { className: "df", children: /* @__PURE__ */ jsx40(
           Switcher_default,
           {
             label: action.label || null,
@@ -10651,15 +10679,15 @@ var TdActions = ({ actions, onChange, onActionClick, rowItem }) => {
 };
 
 // src/Atomic/UI/Table/TdTypes/TdPriority.js
-import { jsx as jsx40, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs34 } from "react/jsx-runtime";
 import React35 from "react";
 import cn34 from "classnames";
 import { ArrowDown as ArrowDown2, ArrowUp as ArrowUp2 } from "react-feather";
 var TdPriority = ({ onClick, rowIndex, cardLength }) => {
   return /* @__PURE__ */ jsxs34("div", { className: "cards-table__priority", children: [
-    /* @__PURE__ */ jsx40("span", { className: "mr5", children: rowIndex + 1 }),
+    /* @__PURE__ */ jsx41("span", { className: "mr5", children: rowIndex + 1 }),
     /* @__PURE__ */ jsxs34("div", { className: "df", children: [
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ArrowDown2,
         {
           onClick: () => onClick(rowIndex),
@@ -10668,7 +10696,7 @@ var TdPriority = ({ onClick, rowIndex, cardLength }) => {
           })
         }
       ),
-      /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx41(
         ArrowUp2,
         {
           onClick: () => onClick(rowIndex, true),
@@ -10681,11 +10709,11 @@ var TdPriority = ({ onClick, rowIndex, cardLength }) => {
 var TdPriority_default = TdPriority;
 
 // src/Atomic/UI/Table/TdTypes/TdWeight.js
-import { Fragment as Fragment7, jsx as jsx41, jsxs as jsxs35 } from "react/jsx-runtime";
-import { useEffect as useEffect23, useState as useState24 } from "react";
+import { Fragment as Fragment7, jsx as jsx42, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useEffect as useEffect23, useState as useState25 } from "react";
 import cn35 from "classnames";
 var TdWeight = ({ value, percent, onChange, className }) => {
-  const [state, setState] = useState24(value);
+  const [state, setState] = useState25(value);
   const {
     isToggled: isEdited,
     toggleOff: unsetIsEdited,
@@ -10701,7 +10729,7 @@ var TdWeight = ({ value, percent, onChange, className }) => {
       unsetIsEdited();
     }
   };
-  return /* @__PURE__ */ jsx41(Fragment7, { children: isEdited ? /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(Fragment7, { children: isEdited ? /* @__PURE__ */ jsx42(
     Input,
     {
       value: state,
@@ -10711,7 +10739,7 @@ var TdWeight = ({ value, percent, onChange, className }) => {
       autoFocus: true
     }
   ) : /* @__PURE__ */ jsxs35("div", { className: cn35("td-weight", className), onClick: setIsEdited, children: [
-    /* @__PURE__ */ jsx41("span", { children: value }),
+    /* @__PURE__ */ jsx42("span", { children: value }),
     /* @__PURE__ */ jsxs35("span", { className: "ml2 color--grey-gull", children: [
       "(",
       percent,
@@ -10722,7 +10750,7 @@ var TdWeight = ({ value, percent, onChange, className }) => {
 var TdWeight_default = TdWeight;
 
 // src/Atomic/UI/Table/Partials/TdCell.js
-import React36, { useState as useState25 } from "react";
+import React36, { useState as useState26 } from "react";
 var TdCell = ({
   type,
   item,
@@ -10735,22 +10763,22 @@ var TdCell = ({
   rowItem,
   isDeleted
 }) => {
-  const [isAccordionOpen, setIsAccordionOpen] = useState25(item.isOpen);
+  const [isAccordionOpen, setIsAccordionOpen] = useState26(item.isOpen);
   const percent = item.type === "weight" && getAdviceWeight(isDeleted ? 0 : item.value);
   switch (type) {
     case "accordion":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         AccordionItem_default,
         {
           className: item.itemClassName,
           item,
           isOpen: isAccordionOpen,
           onClick: (e) => setIsAccordionOpen(e),
-          children: /* @__PURE__ */ jsx42(Table_default, { rows: item.rows, className: "accordion--table" })
+          children: /* @__PURE__ */ jsx43(Table_default, { rows: item.rows, className: "accordion--table" })
         }
       );
     case "actions":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         TdActions,
         {
           rowItem,
@@ -10760,11 +10788,11 @@ var TdCell = ({
         }
       );
     case "advancedTags":
-      return /* @__PURE__ */ jsx42(AdvancedTags_default, { items: item });
+      return /* @__PURE__ */ jsx43(AdvancedTags_default, { items: item });
     case "link":
-      return /* @__PURE__ */ jsx42("a", { href: item.link, children: item.label });
+      return /* @__PURE__ */ jsx43("a", { href: item.link, children: item.label });
     case "priority":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         TdPriority_default,
         {
           rowIndex,
@@ -10773,7 +10801,7 @@ var TdCell = ({
         }
       );
     case "status":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         Status_default,
         {
           className: item.className,
@@ -10782,9 +10810,9 @@ var TdCell = ({
         }
       );
     case "tags":
-      return item.map((tag, index) => /* @__PURE__ */ jsx42(Tag_default, { label: tag.label }, index));
+      return item.map((tag, index) => /* @__PURE__ */ jsx43(Tag_default, { label: tag.label }, index));
     case "weight":
-      return /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(
         TdWeight_default,
         {
           value: item.value,
@@ -10793,13 +10821,13 @@ var TdCell = ({
         }
       );
     default:
-      return /* @__PURE__ */ jsx42("span", { className: item.className, children: item.value });
+      return /* @__PURE__ */ jsx43("span", { className: item.className, children: item.value });
   }
 };
 var TdCell_default = TdCell;
 
 // src/Atomic/UI/Table/Partials/TdRow.js
-import React37, { useState as useState26 } from "react";
+import React37, { useState as useState27 } from "react";
 import cn36 from "classnames";
 var TdRow = ({
   item,
@@ -10817,27 +10845,27 @@ var TdRow = ({
   isDeleted,
   testId = "td-row"
 }) => {
-  const [isOpen, setIsOpen] = useState26(false);
+  const [isOpen, setIsOpen] = useState27(false);
   const handleChange = handleObjectChange(item, () => onChange({ ...item }));
   return /* @__PURE__ */ jsxs36(Fragment8, { children: [
     /* @__PURE__ */ jsxs36("tr", { "data-testid": testId, children: [
-      type && rowSpan && /* @__PURE__ */ jsx43("td", { className: "rel", rowSpan: rowSpan + 1, children: /* @__PURE__ */ jsx43(
+      type && rowSpan && /* @__PURE__ */ jsx44("td", { className: "rel", rowSpan: rowSpan + 1, children: /* @__PURE__ */ jsx44(
         "span",
         {
           className: cn36(
             type && `cards-table__score cards-table__score-${cardStatus}`
           ),
-          children: /* @__PURE__ */ jsx43(TdRange_default, { item: range })
+          children: /* @__PURE__ */ jsx44(TdRange_default, { item: range })
         }
       ) }),
       Object.entries(item).map(
-        ([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ jsx43(
+        ([key, value]) => key === "id" || key === "isDeleted" ? null : /* @__PURE__ */ jsx44(
           "td",
           {
             className: cn36("cards-table__body-item", {
               "cards-table__accordion": value.type === "accordion"
             }),
-            children: /* @__PURE__ */ jsx43(
+            children: /* @__PURE__ */ jsx44(
               TdCell_default,
               {
                 onActionClick,
@@ -10858,9 +10886,9 @@ var TdRow = ({
       )
     ] }),
     type && colSpan ? /* @__PURE__ */ jsxs36("tr", { children: [
-      /* @__PURE__ */ jsx43("td", {}),
+      /* @__PURE__ */ jsx44("td", {}),
       /* @__PURE__ */ jsxs36("td", { colSpan, children: [
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           "span",
           {
             className: "cards-table__title-select-lender-btn",
@@ -10868,7 +10896,7 @@ var TdRow = ({
             children: "Select Lender"
           }
         ),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(
           Modal_default,
           {
             closeModal: () => setIsOpen(false),
@@ -10899,7 +10927,7 @@ var Table = ({
     rows[index] = value;
     onChange({ header: [...header], rows: [...rows] });
   };
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-testid": testId,
@@ -10907,8 +10935,8 @@ var Table = ({
         [`simple-table--${className}`]: className
       }),
       children: /* @__PURE__ */ jsxs37("table", { children: [
-        /* @__PURE__ */ jsx44("thead", { children: /* @__PURE__ */ jsx44("tr", { children: header?.map((item) => /* @__PURE__ */ jsx44(TdHeader_default, { item }, item.key)) }) }),
-        /* @__PURE__ */ jsx44("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsx45("tr", { children: header?.map((item) => /* @__PURE__ */ jsx45(TdHeader_default, { item }, item.key)) }) }),
+        /* @__PURE__ */ jsx45("tbody", { children: rows && rows?.length ? rows?.map((row, index) => /* @__PURE__ */ jsx45(
           TdRow_default,
           {
             onActionClick,
@@ -10918,7 +10946,7 @@ var Table = ({
             onChange: (value) => handleArrayChange(value, index)
           },
           typeof row.id === "object" ? row.id.value : row.id
-        )) : /* @__PURE__ */ jsx44("tr", { children: /* @__PURE__ */ jsx44("td", { className: "row--not-found", colSpan: header?.length, children: "Not set" }) }) })
+        )) : /* @__PURE__ */ jsx45("tr", { children: /* @__PURE__ */ jsx45("td", { className: "row--not-found", colSpan: header?.length, children: "Not set" }) }) })
       ] })
     }
   );
@@ -10929,14 +10957,14 @@ var Table_default = Table;
 var Tag_default2 = Tag_default;
 
 // src/Atomic/UI/TagList/TagList.tsx
-import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 import cn38 from "classnames";
 import {
   createRef as createRef2,
   useEffect as useEffect24,
   useLayoutEffect as useLayoutEffect8,
   useRef as useRef17,
-  useState as useState27
+  useState as useState28
 } from "react";
 import { Edit3 as Edit32 } from "react-feather";
 var TagList = ({
@@ -10956,10 +10984,10 @@ var TagList = ({
   isUseInTable
 }) => {
   const wrapperRef = useRef17(null);
-  const [tagList, setTagList] = useState27([]);
-  const [staticTagsCount, setStaticTagsCount] = useState27(-1);
-  const [renderItemsCount, setRenderItemsCount] = useState27(-1);
-  const [renderAll, setRenderAll] = useState27(!withToggle);
+  const [tagList, setTagList] = useState28([]);
+  const [staticTagsCount, setStaticTagsCount] = useState28(-1);
+  const [renderItemsCount, setRenderItemsCount] = useState28(-1);
+  const [renderAll, setRenderAll] = useState28(!withToggle);
   const wrapperWidth = wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;
   const setRenderAllInterceptor = (v, event) => {
     setRenderAll(v);
@@ -11010,12 +11038,12 @@ var TagList = ({
       });
       if (!item) return null;
       const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
-      return /* @__PURE__ */ jsx45(
+      return /* @__PURE__ */ jsx46(
         "div",
         {
           className: `tag-list_wrapper_item ${isHidden ? "tag-list_wrapper_item--hidden" : ""}`,
           ref: checkedRef(item?.itemRef),
-          children: /* @__PURE__ */ jsx45(
+          children: /* @__PURE__ */ jsx46(
             Tag_default,
             {
               testId: `test-taglist-item-${item?.id ?? item?.value}`,
@@ -11036,7 +11064,7 @@ var TagList = ({
     }
     const restItems = tagList.length - renderItemsCount;
     if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx46(
       Tag_default,
       {
         label: `+${restItems}`,
@@ -11051,7 +11079,7 @@ var TagList = ({
     if (renderItemsCount !== tagList?.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList?.length) {
       return null;
     }
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx46(
       Tag_default,
       {
         label: "...",
@@ -11109,7 +11137,7 @@ var TagList = ({
         renderTags(),
         renderMoreTags(),
         renderHideTags(),
-        typeof onEditClick === "function" && /* @__PURE__ */ jsx45("div", { className: "tag-list__edit-trigger", children: /* @__PURE__ */ jsx45(Edit32, { onClick: onEditClick }) })
+        typeof onEditClick === "function" && /* @__PURE__ */ jsx46("div", { className: "tag-list__edit-trigger", children: /* @__PURE__ */ jsx46(Edit32, { onClick: onEditClick }) })
       ]
     }
   );
@@ -11117,10 +11145,10 @@ var TagList = ({
 var TagList_default = TagList;
 
 // src/Atomic/UI/UserBox/UserBox.tsx
-import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 
 // src/Atomic/FormElements/Label/Label.tsx
-import { Fragment as Fragment9, jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 import cn39 from "classnames";
 var CN8 = "label";
 var Label = ({
@@ -11139,10 +11167,10 @@ var Label = ({
   const correctLabel = isRequired ? /* @__PURE__ */ jsxs39(Fragment9, { children: [
     label,
     " ",
-    /* @__PURE__ */ jsx46("span", { className: "label_asterisk", children: "*" }),
+    /* @__PURE__ */ jsx47("span", { className: "label_asterisk", children: "*" }),
     " ",
-    note && /* @__PURE__ */ jsx46("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ jsx46(
+    note && /* @__PURE__ */ jsx47("span", { className: "label_note", children: note }),
+    hint && /* @__PURE__ */ jsx47(
       Hint_default,
       {
         id: `hint-${label}`,
@@ -11161,8 +11189,8 @@ var Label = ({
   ] }) : /* @__PURE__ */ jsxs39(Fragment9, { children: [
     label,
     " ",
-    note && /* @__PURE__ */ jsx46("span", { className: "label_note", children: note }),
-    hint && /* @__PURE__ */ jsx46(
+    note && /* @__PURE__ */ jsx47("span", { className: "label_note", children: note }),
+    hint && /* @__PURE__ */ jsx47(
       Hint_default,
       {
         isAccessability: isAccessabilityHint,
@@ -11179,14 +11207,14 @@ var Label = ({
       void 0
     )
   ] });
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     "span",
     {
       tabIndex: isAccessability ? 0 : -1,
       "aria-label": label,
       className: cn39(CN8, { label_bold: isLabelBolt, error, isRequired }, className),
       "data-testid": testId,
-      children: /* @__PURE__ */ jsx46("span", { className: "label_text", "data-testid": "label-text", children: correctLabel })
+      children: /* @__PURE__ */ jsx47("span", { className: "label_text", "data-testid": "label-text", children: correctLabel })
     }
   );
 };
@@ -11208,23 +11236,23 @@ var UserBox = ({
   const renderUser = () => {
     if (isModal) {
       return /* @__PURE__ */ jsxs40(Fragment10, { children: [
-        /* @__PURE__ */ jsx47("div", { style: { backgroundColor: getColorById(id, colors) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
+        /* @__PURE__ */ jsx48("div", { style: { backgroundColor: getColorById(id, colors) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
         /* @__PURE__ */ jsxs40("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ jsx47(Button_default, { className: "p0 no-shadow", onClick, label: name, variant: "link" }),
-          role && /* @__PURE__ */ jsx47("span", { children: role })
+          /* @__PURE__ */ jsx48(Button_default, { className: "p0 no-shadow", onClick, label: name, variant: "link" }),
+          role && /* @__PURE__ */ jsx48("span", { children: role })
         ] })
       ] });
     } else {
       return /* @__PURE__ */ jsxs40(Fragment10, { children: [
-        /* @__PURE__ */ jsx47("div", { style: { backgroundColor: getColorById(id) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
+        /* @__PURE__ */ jsx48("div", { style: { backgroundColor: getColorById(id) }, className: "td-user-box__avatar", children: getNameFirstLetter }),
         /* @__PURE__ */ jsxs40("div", { className: "td-user-box__user-data", children: [
-          /* @__PURE__ */ jsx47(Label_default, { label: name }),
-          role && /* @__PURE__ */ jsx47("span", { "aria-label": `User role: ${role}`, children: role })
+          /* @__PURE__ */ jsx48(Label_default, { label: name }),
+          role && /* @__PURE__ */ jsx48("span", { "aria-label": `User role: ${role}`, children: role })
         ] })
       ] });
     }
   };
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "div",
     {
       "data-testid": testId,
@@ -11241,40 +11269,40 @@ var UserBox_default = UserBox;
 var UserBox_default2 = UserBox_default;
 
 // src/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 
 // src/Atomic/UI/WizardStepper/ui/icons.tsx
-import { jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 var DoneIcon = () => /* @__PURE__ */ jsxs41("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx48("rect", { width: "20", height: "20", rx: "10", fill: "#69A457" }),
-  /* @__PURE__ */ jsx48("mask", { id: "mask0_54394_4001", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx48("path", { d: "M14.5 7L9 12.5L6 9.5", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-  /* @__PURE__ */ jsx48("g", { mask: "url(#mask0_54394_4001)", children: /* @__PURE__ */ jsx48("rect", { x: "2", y: "2", width: "16", height: "16", fill: "white" }) })
+  /* @__PURE__ */ jsx49("rect", { width: "20", height: "20", rx: "10", fill: "#69A457" }),
+  /* @__PURE__ */ jsx49("mask", { id: "mask0_54394_4001", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx49("path", { d: "M14.5 7L9 12.5L6 9.5", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
+  /* @__PURE__ */ jsx49("g", { mask: "url(#mask0_54394_4001)", children: /* @__PURE__ */ jsx49("rect", { x: "2", y: "2", width: "16", height: "16", fill: "white" }) })
 ] });
 var TodoIcon = () => {
   return /* @__PURE__ */ jsxs41("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx48("g", { clipPath: "url(#clip0_54394_4448)", children: /* @__PURE__ */ jsx48("circle", { cx: "10", cy: "10", r: "7", fill: "white", stroke: "#B3B8CB", strokeWidth: "2" }) }),
-    /* @__PURE__ */ jsx48("defs", { children: /* @__PURE__ */ jsx48("clipPath", { id: "clip0_54394_4448", children: /* @__PURE__ */ jsx48("rect", { width: "16", height: "16", fill: "white", transform: "translate(2 2)" }) }) })
+    /* @__PURE__ */ jsx49("g", { clipPath: "url(#clip0_54394_4448)", children: /* @__PURE__ */ jsx49("circle", { cx: "10", cy: "10", r: "7", fill: "white", stroke: "#B3B8CB", strokeWidth: "2" }) }),
+    /* @__PURE__ */ jsx49("defs", { children: /* @__PURE__ */ jsx49("clipPath", { id: "clip0_54394_4448", children: /* @__PURE__ */ jsx49("rect", { width: "16", height: "16", fill: "white", transform: "translate(2 2)" }) }) })
   ] });
 };
 var ActiveIcon = () => {
   return /* @__PURE__ */ jsxs41("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ jsx48("rect", { width: "20", height: "20", rx: "10", fill: "#E8F9E5" }),
+    /* @__PURE__ */ jsx49("rect", { width: "20", height: "20", rx: "10", fill: "#E8F9E5" }),
     "ii",
-    /* @__PURE__ */ jsx48("mask", { id: "mask0_54394_1459", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx48("circle", { cx: "10", cy: "10", r: "4", fill: "#171D33" }) }),
-    /* @__PURE__ */ jsx48("g", { mask: "url(#mask0_54394_1459)", children: /* @__PURE__ */ jsx48("rect", { x: "2", y: "2", width: "16", height: "16", fill: "#171D33" }) })
+    /* @__PURE__ */ jsx49("mask", { id: "mask0_54394_1459", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "2", y: "2", width: "16", height: "16", children: /* @__PURE__ */ jsx49("circle", { cx: "10", cy: "10", r: "4", fill: "#171D33" }) }),
+    /* @__PURE__ */ jsx49("g", { mask: "url(#mask0_54394_1459)", children: /* @__PURE__ */ jsx49("rect", { x: "2", y: "2", width: "16", height: "16", fill: "#171D33" }) })
   ] });
 };
 var alternativeIconSet = {
-  defaultIcon: /* @__PURE__ */ jsx48(TodoIcon, {}),
-  doneIcon: /* @__PURE__ */ jsx48(DoneIcon, {}),
-  activeIcon: /* @__PURE__ */ jsx48(ActiveIcon, {})
+  defaultIcon: /* @__PURE__ */ jsx49(TodoIcon, {}),
+  doneIcon: /* @__PURE__ */ jsx49(DoneIcon, {}),
+  activeIcon: /* @__PURE__ */ jsx49(ActiveIcon, {})
 };
 
 // src/Atomic/UI/WizardStepper/ui/StepRow/StepRow.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
 
 // src/Atomic/UI/WizardStepper/constructor.js
-import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 import React42 from "react";
 var WIZARD_STEP_VARIANTS = Object.freeze({
   DEFAULT: "default",
@@ -11295,8 +11323,8 @@ var JSXMockComponent = () => {
   };
   return arr.map((row) => {
     return /* @__PURE__ */ jsxs42("div", { style: { display: "flex", justifyContent: "space-between", maxWidth: "250px" }, children: [
-      /* @__PURE__ */ jsx49("span", { style: textStyles, children: row.title }),
-      /* @__PURE__ */ jsx49("span", { style: textStyles, children: row.value })
+      /* @__PURE__ */ jsx50("span", { style: textStyles, children: row.title }),
+      /* @__PURE__ */ jsx50("span", { style: textStyles, children: row.value })
     ] });
   });
 };
@@ -11319,14 +11347,14 @@ var mockData = [
     label: "Add Co-Owners",
     description: "{merchantName} will receive that amount from {lenderNmae}",
     isActive: true,
-    titleSlot: /* @__PURE__ */ jsx49("span", { className: "custom-title-slot", children: "$15,001" }),
-    contentSlot: /* @__PURE__ */ jsx49(JSXMockComponent, {})
+    titleSlot: /* @__PURE__ */ jsx50("span", { className: "custom-title-slot", children: "$15,001" }),
+    contentSlot: /* @__PURE__ */ jsx50(JSXMockComponent, {})
   },
   {
     key: "bankAccount",
     label: "Add a Bank Account",
     description: "Your bank account information will be used to securely and automatically transfer the funds",
-    titleSlot: /* @__PURE__ */ jsx49(Status_default, { label: "Some JSX", status: "draft" })
+    titleSlot: /* @__PURE__ */ jsx50(Status_default, { label: "Some JSX", status: "draft" })
   },
   {
     key: "documents",
@@ -11356,24 +11384,24 @@ var mockData = [
 ];
 
 // src/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 import cn41 from "classnames";
 var DefaultPoint = () => {
-  return /* @__PURE__ */ jsx50("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx50("circle", { cx: "8", cy: "8", r: "4" }) });
+  return /* @__PURE__ */ jsx51("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx51("circle", { cx: "8", cy: "8", r: "4" }) });
 };
 var DonePoint = () => {
-  return /* @__PURE__ */ jsx50("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx50("path", { d: "M12.5 5L7 10.5L4 7.5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ jsx51("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx51("path", { d: "M12.5 5L7 10.5L4 7.5", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 };
 var RC9 = "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__ */ jsx50(DefaultPoint, {}),
-    [ACTIVE]: /* @__PURE__ */ jsx50(DefaultPoint, {}),
-    [DONE]: /* @__PURE__ */ jsx50(DonePoint, {})
+    [DEFAULT]: /* @__PURE__ */ jsx51(DefaultPoint, {}),
+    [ACTIVE]: /* @__PURE__ */ jsx51(DefaultPoint, {}),
+    [DONE]: /* @__PURE__ */ jsx51(DonePoint, {})
   };
-  return /* @__PURE__ */ jsx50("div", { className: cn41(RC9, `${RC9}--${computedState}`, className), children: Inner[computedState] });
+  return /* @__PURE__ */ jsx51("div", { className: cn41(RC9, `${RC9}--${computedState}`, className), children: Inner[computedState] });
 };
 
 // src/Atomic/UI/WizardStepper/ui/StateIcon/index.ts
@@ -11407,22 +11435,22 @@ var StepRow = ({
   })();
   const CorrectIcon = () => {
     if (!customIcons || Object?.values(customIcons)?.every((icon) => !icon)) {
-      return /* @__PURE__ */ jsx51(StateIcon_default, { variant: rowVariant });
+      return /* @__PURE__ */ jsx52(StateIcon_default, { variant: rowVariant });
     }
     return alternaviteIconFromProps || null;
   };
   return /* @__PURE__ */ jsxs43("div", { className: cn42(RC10, `${RC10}--${rowVariant}`, className), children: [
-    /* @__PURE__ */ jsx51("div", { className: cn42(`${RC10}__state-point`, `${RC10}__state-point--${rowVariant}`), children: /* @__PURE__ */ jsx51(CorrectIcon, {}) }),
+    /* @__PURE__ */ jsx52("div", { className: cn42(`${RC10}__state-point`, `${RC10}__state-point--${rowVariant}`), children: /* @__PURE__ */ jsx52(CorrectIcon, {}) }),
     /* @__PURE__ */ jsxs43("div", { className: `${RC10}__content`, children: [
       /* @__PURE__ */ jsxs43("div", { className: `${RC10}__title`, children: [
         /* @__PURE__ */ jsxs43("div", { className: `${RC10}__title-left`, children: [
-          /* @__PURE__ */ jsx51("div", { className: cn42(`${RC10}__title-text`, { "text-muted": rowVariant === DEFAULT2 }), children: title }),
-          isOptional && /* @__PURE__ */ jsx51(Status_default, { label: "Optional", status: "draft" })
+          /* @__PURE__ */ jsx52("div", { className: cn42(`${RC10}__title-text`, { "text-muted": rowVariant === DEFAULT2 }), children: title }),
+          isOptional && /* @__PURE__ */ jsx52(Status_default, { label: "Optional", status: "draft" })
         ] }),
-        titleSlot && /* @__PURE__ */ jsx51("div", { className: `${RC10}__title-right`, children: titleSlot })
+        titleSlot && /* @__PURE__ */ jsx52("div", { className: `${RC10}__title-right`, children: titleSlot })
       ] }),
-      description && /* @__PURE__ */ jsx51("div", { className: `${RC10}__description`, children: description }),
-      contentSlot && /* @__PURE__ */ jsx51("div", { className: `${RC10}__body`, children: contentSlot })
+      description && /* @__PURE__ */ jsx52("div", { className: `${RC10}__description`, children: description }),
+      contentSlot && /* @__PURE__ */ jsx52("div", { className: `${RC10}__body`, children: contentSlot })
     ] })
   ] }, label);
 };
@@ -11437,10 +11465,10 @@ var StepWrapper = ({
   className,
   testId = "step-wrapper"
 }) => {
-  if (!steps?.length) return /* @__PURE__ */ jsx52("div", { "data-testid": "empty-state", children: "No steps available" });
+  if (!steps?.length) return /* @__PURE__ */ jsx53("div", { "data-testid": "empty-state", children: "No steps available" });
   const renderStepRow = (step) => {
     const { key, ...stepProps } = step;
-    return /* @__PURE__ */ jsx52(
+    return /* @__PURE__ */ jsx53(
       StepRow_default,
       {
         ...stepProps,
@@ -11451,7 +11479,7 @@ var StepWrapper = ({
   };
   switch (variant) {
     case "ghost":
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx53(
         Box_default,
         {
           className: classNames("step-wrapper", "step-wrapper-ghost", className),
@@ -11460,7 +11488,7 @@ var StepWrapper = ({
         }
       );
     case "cardActive":
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx53(
         "div",
         {
           className: classNames("step-wrapper", "step-wrapper-card-active", className),
@@ -11469,7 +11497,7 @@ var StepWrapper = ({
         }
       );
     default:
-      return /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx53(
         "div",
         {
           className: classNames("step-wrapper", className),
@@ -11494,22 +11522,24 @@ export {
   AccordionTable_default as AccordionTable,
   AccordionText_default as AccordionText,
   AdvTag_default as AdvTag,
-  AdvancedTags_default as AdvancedTags,
-  Alert_default as Alert,
+  AdvancedTag_default as AdvancedTags,
+  Alert_default2 as Alert,
   Arrow_default as Arrow,
   Box_default as Box,
   Button_default as Button,
-  ButtonsBar_default as ButtonsBar,
-  Chart_default as Chart,
+  ButtonsBar_default2 as ButtonsBar,
+  Chart_default2 as Chart,
   CircleProgressBar_default as CircleProgressBar,
   DateTime_default as DateTime,
   DebugContainer_default as DebugContainer,
-  DoubleString_default as DoubleString,
+  DoubleString_default2 as DoubleString,
   DynamicIcon_default2 as DynamicIcon,
   EVENTS,
   Hint_default2 as Hint,
   Modal_default2 as Modal,
+  ModalFooter_default as ModalFooter,
   ModalHOC_default as ModalHOC,
+  ModalTitle_default as ModalTitle,
   MonoAccordion_default2 as MonoAccordion,
   NavLine_default2 as NavLine,
   PageTitle_default2 as PageTitle,
@@ -11523,7 +11553,9 @@ export {
   TagList_default as TagList,
   UserBox_default2 as UserBox,
   WizardStepper_default as WizardStepper,
-  dispatchEventForModalManagement
+  dispatchEventForModalManagement,
+  useDebugContainer_default as useDebugContainer,
+  useMobileModal
 };
 //! Важно! Если придет велью с количеством дробных разрядов БОЛЬШИМ
 //! чем указано в quantity - округлит по правилам округления