fui-material 2.8.9 → 2.8.11

package/dist/f-ui-kit.es.js

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useRef, useState, useEffect, createContext, isValidElement, Children, Fragment as Fragment$1, cloneElement, useContext, useMemo, useLayoutEffect, useDeferredValue, useCallback, useId } from "react";
 import ReactDOM, { createPortal } from "react-dom";
+import axios from "axios";
 import JSZip from "jszip";
 import initializeModule from "allorion-exporting-html-to-docx";
 import { renderToStaticMarkup } from "react-dom/server";
 import { initializeModule as initializeModule$1, installFormatCode } from "allorion-exporting-html-to-xlsx";
-import axios from "axios";
 import { useQueryClient, useMutation, useQuery } from "@tanstack/react-query";
 import './index.css';const btn = "_btn_gdyy6_1";
 const disabled$4 = "_disabled_gdyy6_31";
-const styles$A = {
+const styles$B = {
   btn,
   disabled: disabled$4,
   "btn-xs": "_btn-xs_gdyy6_40",
@@ -55,9 +55,9 @@ const FButton = forwardRef(({
   };
   const variantClass = variant === "contained" ? `btn-${color}` : `btn-outline-${color}`;
   const buttonClasses = [
-    styles$A["btn"],
-    styles$A[size],
-    styles$A[variantClass],
+    styles$B["btn"],
+    styles$B[size],
+    styles$B[variantClass],
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx(
@@ -123,7 +123,7 @@ FTrashIcon.displayName = "FTrashIcon";
 const progressBar = "_progressBar_1iwax_48";
 const completed = "_completed_1iwax_60";
 const progress = "_progress_1iwax_48";
-const styles$z = {
+const styles$A = {
   "file-preview-card": "_file-preview-card_1iwax_1",
   "file-preview-info": "_file-preview-info_1iwax_22",
   "file-preview-name": "_file-preview-name_1iwax_28",
@@ -145,18 +145,18 @@ const FFile = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${styles$z["file-preview-card"]} ${className || ""}`,
+      className: `${styles$A["file-preview-card"]} ${className || ""}`,
       id,
       style: st,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$z["file-preview-info"], children: [
-          /* @__PURE__ */ jsx("span", { className: styles$z["file-preview-name"], title: name, children: name }),
-          typeof size === "number" && /* @__PURE__ */ jsxs("span", { className: styles$z["file-preview-size"], children: [
+        /* @__PURE__ */ jsxs("div", { className: styles$A["file-preview-info"], children: [
+          /* @__PURE__ */ jsx("span", { className: styles$A["file-preview-name"], title: name, children: name }),
+          typeof size === "number" && /* @__PURE__ */ jsxs("span", { className: styles$A["file-preview-size"], children: [
             Math.round(size / 1024),
             " КБ"
           ] })
         ] }),
-        handleDelete && /* @__PURE__ */ jsx("div", { className: styles$z["trash-icon"], children: /* @__PURE__ */ jsx(
+        handleDelete && /* @__PURE__ */ jsx("div", { className: styles$A["trash-icon"], children: /* @__PURE__ */ jsx(
           FTrashIcon,
           {
             size: 20,
@@ -164,10 +164,10 @@ const FFile = ({
             handleClick: handleDelete
           }
         ) }),
-        typeof progress2 === "number" && /* @__PURE__ */ jsx("div", { className: `${styles$z.progressBar} ${progress2 === 100 ? styles$z.completed : ""}`, children: /* @__PURE__ */ jsx(
+        typeof progress2 === "number" && /* @__PURE__ */ jsx("div", { className: `${styles$A.progressBar} ${progress2 === 100 ? styles$A.completed : ""}`, children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles$z.progress,
+            className: styles$A.progress,
             style: { width: `${progress2}%` }
           }
         ) })
@@ -270,7 +270,7 @@ const FButtonFile = ({
     )) }) })
   ] });
 };
-const styles$y = {
+const styles$z = {
   "f-text-field": "_f-text-field_200bb_1"
 };
 const FLoadIcon = React.forwardRef(({
@@ -349,7 +349,7 @@ const FTextField = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `f-form-element ${styles$y["f-text-field"]} ${className || ""}`,
+        className: `f-form-element ${styles$z["f-text-field"]} ${className || ""}`,
         style: mergedStyle,
         role: "group",
         id: inputId + "-text-field-block",
@@ -455,7 +455,7 @@ const FStack = ({
     }
   );
 };
-const styles$x = {
+const styles$y = {
   "f-grid": "_f-grid_3g4xh_1",
   "f-grid__col": "_f-grid__col_3g4xh_10",
   "f-grid__col--auto": "_f-grid__col--auto_3g4xh_16",
@@ -558,21 +558,21 @@ const FGrid = ({
     xxl: xxl ?? xl ?? lg ?? md ?? sm ?? xs
   };
   const getColumnClasses = () => {
-    if (colAuto) return styles$x["f-grid__col--auto"];
-    const classes = [styles$x["f-grid__col"]];
-    if (resolvedSizes.xs !== void 0) classes.push(styles$x[`f-grid__col--xs-${resolvedSizes.xs}`]);
-    if (resolvedSizes.sm !== void 0) classes.push(styles$x[`f-grid__col--sm-${resolvedSizes.sm}`]);
-    if (resolvedSizes.md !== void 0) classes.push(styles$x[`f-grid__col--md-${resolvedSizes.md}`]);
-    if (resolvedSizes.lg !== void 0) classes.push(styles$x[`f-grid__col--lg-${resolvedSizes.lg}`]);
-    if (resolvedSizes.xl !== void 0) classes.push(styles$x[`f-grid__col--xl-${resolvedSizes.xl}`]);
-    if (resolvedSizes.xxl !== void 0) classes.push(styles$x[`f-grid__col--xxl-${resolvedSizes.xxl}`]);
+    if (colAuto) return styles$y["f-grid__col--auto"];
+    const classes = [styles$y["f-grid__col"]];
+    if (resolvedSizes.xs !== void 0) classes.push(styles$y[`f-grid__col--xs-${resolvedSizes.xs}`]);
+    if (resolvedSizes.sm !== void 0) classes.push(styles$y[`f-grid__col--sm-${resolvedSizes.sm}`]);
+    if (resolvedSizes.md !== void 0) classes.push(styles$y[`f-grid__col--md-${resolvedSizes.md}`]);
+    if (resolvedSizes.lg !== void 0) classes.push(styles$y[`f-grid__col--lg-${resolvedSizes.lg}`]);
+    if (resolvedSizes.xl !== void 0) classes.push(styles$y[`f-grid__col--xl-${resolvedSizes.xl}`]);
+    if (resolvedSizes.xxl !== void 0) classes.push(styles$y[`f-grid__col--xxl-${resolvedSizes.xxl}`]);
     return classes.join(" ");
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     obj === "container" && /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles$x["f-grid"]} ${className || ""}`,
+        className: `${styles$y["f-grid"]} ${className || ""}`,
         style,
         id,
         children
@@ -590,7 +590,7 @@ const FGrid = ({
     obj === void 0 && /* @__PURE__ */ jsx("div", { className, style, id, children })
   ] });
 };
-const styles$w = {
+const styles$x = {
   "f-grid-row": "_f-grid-row_1crbx_1",
   "f-grid-row--justify-start": "_f-grid-row--justify-start_1crbx_7",
   "f-grid-row--justify-center": "_f-grid-row--justify-center_1crbx_10",
@@ -612,21 +612,21 @@ const FGridRow = ({
 }) => {
   const getJustifyContentClass = () => {
     if (!justifyContent) return "";
-    return styles$w[`f-grid-row--justify-${justifyContent}`];
+    return styles$x[`f-grid-row--justify-${justifyContent}`];
   };
   const getAlignItemsClass = () => {
     if (!alignItems) return "";
-    return styles$w[`f-grid-row--align-${alignItems}`];
+    return styles$x[`f-grid-row--align-${alignItems}`];
   };
   const rowClasses = [
-    styles$w["f-grid-row"],
+    styles$x["f-grid-row"],
     getJustifyContentClass(),
     getAlignItemsClass(),
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", { className: rowClasses, style: st, id, children });
 };
-const styles$v = {
+const styles$w = {
   "f-container": "_f-container_g9ck3_1",
   "container-fluid": "_container-fluid_g9ck3_1",
   "container-xxl": "_container-xxl_g9ck3_1",
@@ -646,7 +646,7 @@ const FContainer = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `${styles$v["f-container"]} ${styles$v[maxWidth]} ${className || ""}`,
+      className: `${styles$w["f-container"]} ${styles$w[maxWidth]} ${className || ""}`,
       style: st,
       id,
       children
@@ -654,7 +654,7 @@ const FContainer = ({
   );
 };
 const panel = "_panel_q7in0_1";
-const styles$u = {
+const styles$v = {
   panel,
   "panel-default": "_panel-default_q7in0_6",
   "panel-heading": "_panel-heading_q7in0_12",
@@ -687,15 +687,15 @@ const FPaper = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `${styles$u["panel"]} ${styles$u["panel-default"]} ${className || ""} ${animated ? `${styles$u[`animated-${animated.name}`]} ${animated.name}` : ""}`,
+      className: `${styles$v["panel"]} ${styles$v["panel-default"]} ${className || ""} ${animated ? `${styles$v[`animated-${animated.name}`]} ${animated.name}` : ""}`,
       style: st,
       id,
       onAnimationEnd,
       children: [
-        label && /* @__PURE__ */ jsx("div", { className: styles$u["panel-heading"], children: /* @__PURE__ */ jsx(
+        label && /* @__PURE__ */ jsx("div", { className: styles$v["panel-heading"], children: /* @__PURE__ */ jsx(
           "h3",
           {
-            className: styles$u["panel-title"],
+            className: styles$v["panel-title"],
             style: { fontSize: fontSizeLabel },
             children: label
           }
@@ -703,7 +703,7 @@ const FPaper = ({
         /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles$u["panel-body"],
+            className: styles$v["panel-body"],
             style: { fontSize: fontSizeBody },
             children
           }
@@ -718,7 +718,7 @@ const center = "_center_18u6h_80";
 const right = "_right_18u6h_83";
 const justify = "_justify_18u6h_86";
 const more = "_more_18u6h_194";
-const styles$t = {
+const styles$u = {
   "f-table-component": "_f-table-component_18u6h_1",
   "f-table-component__table": "_f-table-component__table_18u6h_14",
   "f-table-component__table_header": "_f-table-component__table_header_18u6h_22",
@@ -761,7 +761,7 @@ const FTableHead = ({
     {
       style: st,
       ...props,
-      className: `${styles$t["f-table-component__table_header"]} ${isSticky ? styles$t["is-sticky"] : ""} ${props.className || ""} ${styles$t[textAlignment]}`,
+      className: `${styles$u["f-table-component__table_header"]} ${isSticky ? styles$u["is-sticky"] : ""} ${props.className || ""} ${styles$u[textAlignment]}`,
       children
     }
   );
@@ -956,14 +956,14 @@ const FTableBody = ({
       ref: tableBodyRef,
       style: st,
       ...props,
-      className: `${styles$t["f-table-component__table_body"]} ${props.className || ""} ${styles$t[textAlignment]}`,
+      className: `${styles$u["f-table-component__table_body"]} ${props.className || ""} ${styles$u[textAlignment]}`,
       children: [
         virtual && start > 0 && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: index.columnCount, style: { height: offsets[start], padding: 0, border: 0 } }) }),
         visibleRows.map((child, index2) => React.isValidElement(child) ? React.cloneElement(child, {
           "data-row-index": start + index2,
           "data-table-row-key": keyOf(child, start + index2)
         }) : child),
-        query.trim() && rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: index.columnCount, className: styles$t["table-empty"], children: /* @__PURE__ */ jsx("span", { role: "status", children: "Ничего не найдено" }) }) }),
+        query.trim() && rows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: index.columnCount, className: styles$u["table-empty"], children: /* @__PURE__ */ jsx("span", { role: "status", children: "Ничего не найдено" }) }) }),
         virtual && end < rows.length && /* @__PURE__ */ jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ jsx("td", { colSpan: index.columnCount, style: { height: offsets[rows.length] - offsets[end], padding: 0, border: 0 } }) })
       ]
     }
@@ -1013,7 +1013,7 @@ const FTable = ({
     };
   }, []);
   return /* @__PURE__ */ jsxs(TableControlsContext.Provider, { value: controls, children: [
-    searchable && /* @__PURE__ */ jsx("div", { className: styles$t["table-tools"], children: /* @__PURE__ */ jsxs("label", { className: styles$t["table-search"], children: [
+    searchable && /* @__PURE__ */ jsx("div", { className: styles$u["table-tools"], children: /* @__PURE__ */ jsxs("label", { className: styles$u["table-search"], children: [
       /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
         /* @__PURE__ */ jsx("path", { d: "m20 20-3.5-3.5" })
@@ -1036,7 +1036,7 @@ const FTable = ({
       "div",
       {
         ref: tableWrapperRef,
-        className: styles$t["f-table-component"],
+        className: styles$u["f-table-component"],
         style: { overflowX, overflowY },
         children: /* @__PURE__ */ jsx(
           "table",
@@ -1048,7 +1048,7 @@ const FTable = ({
               ...st
             },
             ...props,
-            className: `table ${styles$t["f-table-component__table"]} ${props.className || ""}`,
+            className: `table ${styles$u["f-table-component__table"]} ${props.className || ""}`,
             children: React.Children.map(children, (child) => {
               if (React.isValidElement(child) && child.type === FTableHead) {
                 const headProps = child.props;
@@ -1087,14 +1087,14 @@ const FTableRow = ({
   ...props
 }) => {
   const rowClasses = [
-    styles$t["f-table-component__table_row"],
+    styles$u["f-table-component__table_row"],
     props.className || ""
   ];
   if (disableHover) {
-    rowClasses.push(styles$t["f-table-component__table_row_no-hover"]);
+    rowClasses.push(styles$u["f-table-component__table_row_no-hover"]);
   }
   if (textAlignment !== void 0) {
-    rowClasses.push(styles$t[textAlignment]);
+    rowClasses.push(styles$u[textAlignment]);
   }
   return /* @__PURE__ */ jsx(
     "tr",
@@ -1139,13 +1139,13 @@ const FTableHeaderCell = ({
       colSpan: col && col > 1 ? col : void 0,
       ...props,
       "aria-sort": sortable ? direction ?? "none" : props["aria-sort"],
-      className: `${styles$t["f-table-component__table_header-cell"]} ${props.className || ""}`,
+      className: `${styles$u["f-table-component__table_header-cell"]} ${props.className || ""}`,
       style,
       children: sortable ? /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: styles$t["table-sort"],
+          className: styles$u["table-sort"],
           onClick: () => toggleSort == null ? void 0 : toggleSort(sortKey),
           title: direction === "ascending" ? "По убыванию" : direction === "descending" ? "Исходный порядок" : "По возрастанию",
           children: [
@@ -1209,7 +1209,7 @@ function FTableTextTooltip({ text, enabled, children }) {
     "span",
     {
       ref: anchor,
-      className: styles$t["cell-tooltip-anchor"],
+      className: styles$u["cell-tooltip-anchor"],
       onMouseEnter: show,
       onMouseLeave: hide2,
       onFocus: show,
@@ -1222,7 +1222,7 @@ function FTableTextTooltip({ text, enabled, children }) {
             ref: panel2,
             id,
             role: "tooltip",
-            className: styles$t["cell-tooltip"],
+            className: styles$u["cell-tooltip"],
             style: position,
             onMouseEnter: show,
             onMouseLeave: hide2,
@@ -1270,20 +1270,20 @@ const FTableDataCell = ({
       rowSpan: row && row > 1 ? row : void 0,
       colSpan: col && col > 1 ? col : void 0,
       ...props,
-      className: `${styles$t["f-table-component__table_body-cell"]} ${props.className || ""}`.trim(),
+      className: `${styles$u["f-table-component__table_body-cell"]} ${props.className || ""}`.trim(),
       style,
       children: collapsible ? /* @__PURE__ */ jsx(FTableTextTooltip, { text, enabled: !expanded, children: /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: styles$t["cell-text"],
+          className: styles$u["cell-text"],
           "aria-expanded": expanded,
           "aria-controls": textId,
           "data-expanded": expanded,
           onClick: () => setExpanded((value) => !value),
           children: [
-            /* @__PURE__ */ jsx("span", { className: styles$t["cell-preview"], "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: styles$t["cell-preview-text"], children: text }) }),
-            /* @__PURE__ */ jsx("span", { className: styles$t["cell-reveal"], children: /* @__PURE__ */ jsx("span", { id: textId, children: text }) })
+            /* @__PURE__ */ jsx("span", { className: styles$u["cell-preview"], "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: styles$u["cell-preview-text"], children: text }) }),
+            /* @__PURE__ */ jsx("span", { className: styles$u["cell-reveal"], children: /* @__PURE__ */ jsx("span", { id: textId, children: text }) })
           ]
         }
       ) }) : children
@@ -1300,7 +1300,7 @@ const FTableFooter = ({
     {
       style: st,
       ...props,
-      className: `${styles$t["f-table-component__table_footer"]} ${props.className || ""}`,
+      className: `${styles$u["f-table-component__table_footer"]} ${props.className || ""}`,
       children
     }
   );
@@ -1308,7 +1308,7 @@ const FTableFooter = ({
 const entering = "_entering_g7izy_19";
 const exiting = "_exiting_g7izy_25";
 const hide = "_hide_g7izy_50";
-const styles$s = {
+const styles$t = {
   "f-dialog": "_f-dialog_g7izy_1",
   entering,
   "f-dialog__content": "_f-dialog__content_g7izy_22",
@@ -1388,14 +1388,14 @@ const FDialog = ({
     adaptive: "fit-content"
   };
   const contentWidth = widthStyles[width];
-  const animationClass = isClosing ? styles$s["exiting"] : styles$s["entering"];
+  const animationClass = isClosing ? styles$t["exiting"] : styles$t["entering"];
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsx(
       "div",
       {
         id,
         style: st,
-        className: `${styles$s["f-dialog"]} ${animationClass} ${className || ""}`,
+        className: `${styles$t["f-dialog"]} ${animationClass} ${className || ""}`,
         onMouseDown: (e) => {
           if (e.target === e.currentTarget) {
             closeButtonBackPage == null ? void 0 : closeButtonBackPage(false);
@@ -1405,7 +1405,7 @@ const FDialog = ({
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${styles$s["f-dialog__content"]} ${hide2 ? styles$s["hide"] : ""}`,
+            className: `${styles$t["f-dialog__content"]} ${hide2 ? styles$t["hide"] : ""}`,
             style: {
               width: contentWidth
             },
@@ -1446,13 +1446,13 @@ const FCloseIcon = React.forwardRef(({
 });
 FCloseIcon.displayName = "FCloseIcon";
 const FDialogHeader = ({ title: title2, handleClose }) => {
-  return /* @__PURE__ */ jsxs("div", { className: styles$s["f-dialog__header"], children: [
-    /* @__PURE__ */ jsx("h3", { className: styles$s["f-dialog__header_title"], children: title2 }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$t["f-dialog__header"], children: [
+    /* @__PURE__ */ jsx("h3", { className: styles$t["f-dialog__header_title"], children: title2 }),
     handleClose && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: styles$s["f-dialog__header_close"],
+        className: styles$t["f-dialog__header_close"],
         onClick: handleClose,
         "aria-label": "Закрыть диалог",
         children: /* @__PURE__ */ jsx(
@@ -1471,7 +1471,7 @@ const FDialogBody = ({ st, children, scroll = true }) => {
     ...scroll ? { overflowY: "auto" } : {},
     ...st
   };
-  return /* @__PURE__ */ jsx("div", { className: styles$s["f-dialog__body"], style, children });
+  return /* @__PURE__ */ jsx("div", { className: styles$t["f-dialog__body"], style, children });
 };
 const FDialogFooter = ({ children, className, st, id }) => {
   return /* @__PURE__ */ jsx(
@@ -1479,47 +1479,47 @@ const FDialogFooter = ({ children, className, st, id }) => {
     {
       id,
       style: st,
-      className: `${styles$s["f-dialog__footer"]} ${className || ""}`,
+      className: `${styles$t["f-dialog__footer"]} ${className || ""}`,
       children
     }
   );
 };
 const loader = "_loader_1glrn_1";
-const primary$1 = "_primary_1glrn_42";
-const secondary$1 = "_secondary_1glrn_46";
-const success$3 = "_success_1glrn_50";
-const danger$1 = "_danger_1glrn_54";
-const warning$5 = "_warning_1glrn_58";
-const info$3 = "_info_1glrn_62";
-const light$1 = "_light_1glrn_66";
-const dark$1 = "_dark_1glrn_70";
+const primary$2 = "_primary_1glrn_42";
+const secondary$2 = "_secondary_1glrn_46";
+const success$4 = "_success_1glrn_50";
+const danger$2 = "_danger_1glrn_54";
+const warning$6 = "_warning_1glrn_58";
+const info$4 = "_info_1glrn_62";
+const light$2 = "_light_1glrn_66";
+const dark$2 = "_dark_1glrn_70";
 const link$1 = "_link_1glrn_74";
-const styles$r = {
+const styles$s = {
   "authorization-spinner": "_authorization-spinner_1glrn_1",
   "spinner-item": "_spinner-item_1glrn_7",
   loader,
-  primary: primary$1,
-  secondary: secondary$1,
-  success: success$3,
-  danger: danger$1,
-  warning: warning$5,
-  info: info$3,
-  light: light$1,
-  dark: dark$1,
+  primary: primary$2,
+  secondary: secondary$2,
+  success: success$4,
+  danger: danger$2,
+  warning: warning$6,
+  info: info$4,
+  light: light$2,
+  dark: dark$2,
   link: link$1
 };
 const FProgress = ({ st, color = "primary", id, className }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `${styles$r["authorization-spinner"]} ${styles$r.visible} ${className || ""}`,
+      className: `${styles$s["authorization-spinner"]} ${styles$s.visible} ${className || ""}`,
       id,
       style: st,
-      children: /* @__PURE__ */ jsx("div", { className: `${styles$r["spinner-item"]} ${styles$r[color]}` })
+      children: /* @__PURE__ */ jsx("div", { className: `${styles$s["spinner-item"]} ${styles$s[color]}` })
     }
   );
 };
-const styles$q = {
+const styles$r = {
   "f-preloader": "_f-preloader_17f9x_1",
   "active-preloader": "_active-preloader_17f9x_10"
 };
@@ -1546,13 +1546,13 @@ const FPreloader = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: `${styles$q["f-preloader"]} ${open ? styles$q["active-preloader"] : ""}`,
+      className: `${styles$r["f-preloader"]} ${open ? styles$r["active-preloader"] : ""}`,
       style: mergedStyle,
       children
     }
   );
 };
-const styles$p = {
+const styles$q = {
   "f-checkbox": "_f-checkbox_1hxs0_1"
 };
 const FCheckbox = forwardRef(
@@ -1565,7 +1565,7 @@ const FCheckbox = forwardRef(
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles$p["f-checkbox"]} ${className || ""}`,
+        className: `${styles$q["f-checkbox"]} ${className || ""}`,
         style: st,
         children: /* @__PURE__ */ jsxs("label", { children: [
           /* @__PURE__ */ jsx("input", { ref, type: "checkbox", ...props }),
@@ -1575,7 +1575,7 @@ const FCheckbox = forwardRef(
     );
   }
 );
-const styles$o = {
+const styles$p = {
   "f-radio": "_f-radio_1oidm_1"
 };
 const FRadioButton = forwardRef(
@@ -1588,7 +1588,7 @@ const FRadioButton = forwardRef(
     return /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${styles$o["f-radio"]} ${className || ""}`,
+        className: `${styles$p["f-radio"]} ${className || ""}`,
         style: st,
         children: /* @__PURE__ */ jsxs("label", { children: [
           /* @__PURE__ */ jsx("input", { ref, type: "radio", ...props }),
@@ -1650,7 +1650,7 @@ const selected$1 = "_selected_uiqea_33";
 const disabled$3 = "_disabled_uiqea_37";
 const arrow = "_arrow_uiqea_43";
 const left = "_left_uiqea_56";
-const styles$n = {
+const styles$o = {
   "pagination-container": "_pagination-container_uiqea_1",
   "pagination-item": "_pagination-item_uiqea_9",
   dots,
@@ -1684,26 +1684,26 @@ const FPagination = ({
   return /* @__PURE__ */ jsxs(
     "ul",
     {
-      className: `${styles$n["pagination-container"]} ${className || ""}`,
+      className: `${styles$o["pagination-container"]} ${className || ""}`,
       style: st,
       id,
       children: [
         /* @__PURE__ */ jsx(
           "li",
           {
-            className: `${styles$n["pagination-item"]} ${currentPage === 1 ? styles$n.disabled : ""}`,
+            className: `${styles$o["pagination-item"]} ${currentPage === 1 ? styles$o.disabled : ""}`,
             onClick: onPrevious,
-            children: /* @__PURE__ */ jsx("div", { className: `${styles$n.arrow} ${styles$n.left}` })
+            children: /* @__PURE__ */ jsx("div", { className: `${styles$o.arrow} ${styles$o.left}` })
           }
         ),
         paginationRange.map((pageNumber, index) => {
           if (pageNumber === DOTS) {
-            return /* @__PURE__ */ jsx("li", { className: `${styles$n["pagination-item"]} ${styles$n.dots}`, children: "…" }, index);
+            return /* @__PURE__ */ jsx("li", { className: `${styles$o["pagination-item"]} ${styles$o.dots}`, children: "…" }, index);
           }
           return /* @__PURE__ */ jsx(
             "li",
             {
-              className: `${styles$n["pagination-item"]} ${pageNumber === currentPage ? styles$n.selected : ""}`,
+              className: `${styles$o["pagination-item"]} ${pageNumber === currentPage ? styles$o.selected : ""}`,
               onClick: () => onPageChange(pageNumber),
               children: pageNumber
             },
@@ -1713,16 +1713,16 @@ const FPagination = ({
         /* @__PURE__ */ jsx(
           "li",
           {
-            className: `${styles$n["pagination-item"]} ${currentPage === lastPage ? styles$n.disabled : ""}`,
+            className: `${styles$o["pagination-item"]} ${currentPage === lastPage ? styles$o.disabled : ""}`,
             onClick: onNext,
-            children: /* @__PURE__ */ jsx("div", { className: `${styles$n.arrow} ${styles$n.right}` })
+            children: /* @__PURE__ */ jsx("div", { className: `${styles$o.arrow} ${styles$o.right}` })
           }
         )
       ]
     }
   );
 };
-const styles$m = {
+const styles$n = {
   "f-time-line": "_f-time-line_1ybe7_1",
   "f-time-line__block": "_f-time-line__block_1ybe7_10",
   "f-time-line__block-circle": "_f-time-line__block-circle_1ybe7_29",
@@ -1736,7 +1736,7 @@ const FTimeline = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: `${styles$m["f-time-line"]} ${className || ""}`, style: st, id, children });
+  return /* @__PURE__ */ jsx("div", { className: `${styles$n["f-time-line"]} ${className || ""}`, style: st, id, children });
 };
 const FTimelineCard = ({
   children,
@@ -1745,17 +1745,17 @@ const FTimelineCard = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: `${styles$m["f-time-line__block"]} ${className || ""}`, id, children: [
-    /* @__PURE__ */ jsx("div", { className: styles$m["f-time-line__block-circle"] }),
-    /* @__PURE__ */ jsxs("div", { className: styles$m["f-time-line__block-inner"], style: st, children: [
-      title2 && /* @__PURE__ */ jsx("div", { className: styles$m["f-time-line__block-title"], children: title2 }),
-      /* @__PURE__ */ jsx("div", { className: styles$m["f-time-line__block-content"], children })
+  return /* @__PURE__ */ jsxs("div", { className: `${styles$n["f-time-line__block"]} ${className || ""}`, id, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$n["f-time-line__block-circle"] }),
+    /* @__PURE__ */ jsxs("div", { className: styles$n["f-time-line__block-inner"], style: st, children: [
+      title2 && /* @__PURE__ */ jsx("div", { className: styles$n["f-time-line__block-title"], children: title2 }),
+      /* @__PURE__ */ jsx("div", { className: styles$n["f-time-line__block-content"], children })
     ] })
   ] });
 };
 const spinner = "_spinner_f7bma_133";
 const active$4 = "_active_f7bma_183";
-const styles$l = {
+const styles$m = {
   "fv-opn-img-full": "_fv-opn-img-full_f7bma_1",
   "fv-opn-img-full-body": "_fv-opn-img-full-body_f7bma_19",
   "close-button": "_close-button_f7bma_33",
@@ -1894,10 +1894,10 @@ const FOpenImgFull = ({
     {
       openAndClose,
       st,
-      className: `${styles$l["fv-opn-img-full"]} ${className || ""}`,
+      className: `${styles$m["fv-opn-img-full"]} ${className || ""}`,
       id,
-      children: /* @__PURE__ */ jsxs("div", { className: styles$l["fv-opn-img-full-body"], children: [
-        /* @__PURE__ */ jsx("div", { className: styles$l["close-button"], children: handleClose && /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs("div", { className: styles$m["fv-opn-img-full-body"], children: [
+        /* @__PURE__ */ jsx("div", { className: styles$m["close-button"], children: handleClose && /* @__PURE__ */ jsx(
           FCloseIcon,
           {
             handleClose: () => {
@@ -1909,21 +1909,21 @@ const FOpenImgFull = ({
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: styles$l["image-container"],
+            className: styles$m["image-container"],
             onTouchStart: handleTouchStart,
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             children: [
-              selectedImg > 0 && /* @__PURE__ */ jsx("div", { className: styles$l["arrow-left"], children: /* @__PURE__ */ jsx(
+              selectedImg > 0 && /* @__PURE__ */ jsx("div", { className: styles$m["arrow-left"], children: /* @__PURE__ */ jsx(
                 FArrowIcon,
                 {
                   direction: "left",
                   handleClick: () => setSelectedImg(selectedImg - 1)
                 }
               ) }),
-              /* @__PURE__ */ jsxs("div", { className: styles$l["image-wrapper"], children: [
-                isLoading && /* @__PURE__ */ jsx("div", { className: styles$l["loading-spinner"], children: /* @__PURE__ */ jsx("div", { className: styles$l["spinner"] }) }),
-                error2 ? /* @__PURE__ */ jsx("div", { className: styles$l["error-message"], children: "Ошибка загрузки изображения" }) : /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs("div", { className: styles$m["image-wrapper"], children: [
+                isLoading && /* @__PURE__ */ jsx("div", { className: styles$m["loading-spinner"], children: /* @__PURE__ */ jsx("div", { className: styles$m["spinner"] }) }),
+                error2 ? /* @__PURE__ */ jsx("div", { className: styles$m["error-message"], children: "Ошибка загрузки изображения" }) : /* @__PURE__ */ jsx(
                   "img",
                   {
                     src: imagesUrl[selectedImg],
@@ -1933,7 +1933,7 @@ const FOpenImgFull = ({
                       setError(true);
                       setIsLoading(false);
                     },
-                    className: styles$l["full-image"],
+                    className: styles$m["full-image"],
                     onClick: handleImageClick,
                     style: {
                       cursor: "zoom-in",
@@ -1943,7 +1943,7 @@ const FOpenImgFull = ({
                   }
                 )
               ] }),
-              selectedImg < imagesUrl.length - 1 && /* @__PURE__ */ jsx("div", { className: styles$l["arrow-right"], children: /* @__PURE__ */ jsx(
+              selectedImg < imagesUrl.length - 1 && /* @__PURE__ */ jsx("div", { className: styles$m["arrow-right"], children: /* @__PURE__ */ jsx(
                 FArrowIcon,
                 {
                   direction: "right",
@@ -1953,10 +1953,10 @@ const FOpenImgFull = ({
             ]
           }
         ),
-        imagesUrl.length > 1 && /* @__PURE__ */ jsx("div", { className: styles$l["progress-indicator"], children: imagesUrl.map((_, index) => /* @__PURE__ */ jsx(
+        imagesUrl.length > 1 && /* @__PURE__ */ jsx("div", { className: styles$m["progress-indicator"], children: imagesUrl.map((_, index) => /* @__PURE__ */ jsx(
           "div",
           {
-            className: `${styles$l["progress-dot"]} ${index === selectedImg ? styles$l["active"] : ""}`,
+            className: `${styles$m["progress-dot"]} ${index === selectedImg ? styles$m["active"] : ""}`,
             onClick: () => setSelectedImg(index)
           },
           index
@@ -1966,29 +1966,29 @@ const FOpenImgFull = ({
   );
 };
 const card$2 = "_card_1ytel_1";
-const primary = "_primary_1ytel_69";
-const secondary = "_secondary_1ytel_81";
-const success$2 = "_success_1ytel_93";
-const danger = "_danger_1ytel_105";
-const warning$4 = "_warning_1ytel_117";
-const info$2 = "_info_1ytel_129";
-const light = "_light_1ytel_141";
-const dark = "_dark_1ytel_153";
+const primary$1 = "_primary_1ytel_69";
+const secondary$1 = "_secondary_1ytel_81";
+const success$3 = "_success_1ytel_93";
+const danger$1 = "_danger_1ytel_105";
+const warning$5 = "_warning_1ytel_117";
+const info$3 = "_info_1ytel_129";
+const light$1 = "_light_1ytel_141";
+const dark$1 = "_dark_1ytel_153";
 const link = "_link_1ytel_165";
 const alert = "_alert_1ytel_177";
 const accordExpand = "_accordExpand_1ytel_1";
-const styles$k = {
+const styles$l = {
   card: card$2,
   "fv-accord-title": "_fv-accord-title_1ytel_44",
   "fv-accord-arrow": "_fv-accord-arrow_1ytel_47",
-  primary,
-  secondary,
-  success: success$2,
-  danger,
-  warning: warning$4,
-  info: info$2,
-  light,
-  dark,
+  primary: primary$1,
+  secondary: secondary$1,
+  success: success$3,
+  danger: danger$1,
+  warning: warning$5,
+  info: info$3,
+  light: light$1,
+  dark: dark$1,
   link,
   alert,
   "fv-accord-title-text": "_fv-accord-title-text_1ytel_223",
@@ -2017,18 +2017,18 @@ const FAccordion = ({
     "div",
     {
       onClick,
-      className: `${styles$k.card} ${className || ""}`,
+      className: `${styles$l.card} ${className || ""}`,
       id,
       children: /* @__PURE__ */ jsxs(
         "details",
         {
-          className: styles$k[variant],
+          className: styles$l[variant],
           open: isOpen,
           style: st,
           children: [
-            /* @__PURE__ */ jsxs("summary", { className: styles$k["fv-accord-title"], children: [
-              /* @__PURE__ */ jsx("span", { className: styles$k["fv-accord-title-text"], children: title2 }),
-              /* @__PURE__ */ jsx("span", { className: styles$k["fv-accord-arrow"], "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsxs("summary", { className: styles$l["fv-accord-title"], children: [
+              /* @__PURE__ */ jsx("span", { className: styles$l["fv-accord-title-text"], children: title2 }),
+              /* @__PURE__ */ jsx("span", { className: styles$l["fv-accord-arrow"], "aria-hidden": "true", children: /* @__PURE__ */ jsx(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
@@ -2043,7 +2043,7 @@ const FAccordion = ({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ jsx("div", { className: styles$k["fv-accord-content"], children: /* @__PURE__ */ jsx("div", { className: styles$k["fv-accord-body"], children }) })
+            /* @__PURE__ */ jsx("div", { className: styles$l["fv-accord-content"], children: /* @__PURE__ */ jsx("div", { className: styles$l["fv-accord-body"], children }) })
           ]
         }
       )
@@ -2051,7 +2051,7 @@ const FAccordion = ({
   );
 };
 const container$1 = "_container_qk7bc_1";
-const styles$j = {
+const styles$k = {
   container: container$1,
   "custom-file": "_custom-file_qk7bc_6",
   "custom-file-input": "_custom-file-input_qk7bc_9",
@@ -2181,11 +2181,11 @@ const FInputFileForm = ({
       setUploadProgress({});
     }
   }, [deleteFile]);
-  return /* @__PURE__ */ jsxs("div", { className: styles$j.container, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$k.container, children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `${styles$j["custom-file"]} ${styles$j["custom-file-dropzone"]} ${isDragging ? styles$j.dragging : ""}`,
+        className: `${styles$k["custom-file"]} ${styles$k["custom-file-dropzone"]} ${isDragging ? styles$k.dragging : ""}`,
         style: st,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
@@ -2197,7 +2197,7 @@ const FInputFileForm = ({
               required,
               accept,
               type: "file",
-              className: `${styles$j["custom-file-input"]} ${className || ""}`,
+              className: `${styles$k["custom-file-input"]} ${className || ""}`,
               name,
               id,
               title: title2,
@@ -2208,7 +2208,7 @@ const FInputFileForm = ({
               ref: inputRef
             }
           ),
-          /* @__PURE__ */ jsxs("label", { htmlFor: id, className: styles$j["custom-file-label"], style: disabled2 ? { backgroundColor: "#F3F3F3", border: "1px dashed #C4C4C4" } : void 0, children: [
+          /* @__PURE__ */ jsxs("label", { htmlFor: id, className: styles$k["custom-file-label"], style: disabled2 ? { backgroundColor: "#F3F3F3", border: "1px dashed #C4C4C4" } : void 0, children: [
             /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", fill: "currentColor", viewBox: "0 0 16 16", children: [
               /* @__PURE__ */ jsx("path", { "fill-rule": "evenodd", d: "M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708z" }),
               /* @__PURE__ */ jsx("path", { d: "M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383m.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z" })
@@ -2234,8 +2234,8 @@ const FInputFileForm = ({
         ]
       }
     ),
-    errors.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$j.errors, children: errors.map((error2, index) => /* @__PURE__ */ jsx("div", { className: styles$j.error, children: error2 }, index)) }),
-    showPreview && selectedFiles.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$j["custom-files-preview"], children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx("div", { className: styles$j.fileItem, children: /* @__PURE__ */ jsx(
+    errors.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$k.errors, children: errors.map((error2, index) => /* @__PURE__ */ jsx("div", { className: styles$k.error, children: error2 }, index)) }),
+    showPreview && selectedFiles.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$k["custom-files-preview"], children: selectedFiles.map((file, index) => /* @__PURE__ */ jsx("div", { className: styles$k.fileItem, children: /* @__PURE__ */ jsx(
       FFile,
       {
         name: file.name,
@@ -2246,7 +2246,7 @@ const FInputFileForm = ({
     ) }, index)) })
   ] });
 };
-const styles$i = {
+const styles$j = {
   "f-select": "_f-select_1n6ag_1",
   "f-select__control-element": "_f-select__control-element_1n6ag_5"
 };
@@ -2276,7 +2276,7 @@ const FSelect = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `f-form-element ${styles$i["f-select"]}`,
+        className: `f-form-element ${styles$j["f-select"]}`,
         style: mergedStyle,
         id: inputId + "-select-block",
         role: "group",
@@ -2301,7 +2301,7 @@ const FSelect = forwardRef(
                 ...props,
                 id: inputId,
                 disabled: props.disabled || load,
-                className: `f-form-element__control-element ${styles$i["f-select__control-element"]} ${errText ? "error" : ""} ${props.className || ""}`,
+                className: `f-form-element__control-element ${styles$j["f-select__control-element"]} ${errText ? "error" : ""} ${props.className || ""}`,
                 children: !load && children
               }
             ),
@@ -2397,7 +2397,7 @@ const FFullDateField = forwardRef(
   }
 );
 const active$3 = "_active_1h0yy_41";
-const styles$h = {
+const styles$i = {
   "f-select-search-db": "_f-select-search-db_1h0yy_1",
   "f-select-search-db__input": "_f-select-search-db__input_1h0yy_7",
   "f-select-search-db__input_field": "_f-select-search-db__input_field_1h0yy_11",
@@ -2581,12 +2581,12 @@ const FSelectSearchDb = ({
     "div",
     {
       ref: containerRef,
-      className: `${styles$h["f-select-search-db"]} ${className || ""}`,
+      className: `${styles$i["f-select-search-db"]} ${className || ""}`,
       style: st,
       id,
       "data-position": dropdownPosition,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$h["f-select-search-db__input"], children: [
+        /* @__PURE__ */ jsxs("div", { className: styles$i["f-select-search-db__input"], children: [
           /* @__PURE__ */ jsx(
             FTextField,
             {
@@ -2597,7 +2597,7 @@ const FSelectSearchDb = ({
               label,
               type,
               placeholder,
-              className: styles$h["f-select-search-db__input_field"],
+              className: styles$i["f-select-search-db__input_field"],
               value: valueInput,
               onChange: handlerOnChange,
               onFocus,
@@ -2614,7 +2614,7 @@ const FSelectSearchDb = ({
           !load && !disabled2 && arrObject.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
-              className: styles$h["f-select-search-db__input_arrow"],
+              className: styles$i["f-select-search-db__input_arrow"],
               style: { marginTop: label ? "28px" : "7px" },
               onClick: handleArrowClick,
               children: /* @__PURE__ */ jsx(FArrowIcon, { direction: isDropdownOpen ? "up" : "down", size: 15 })
@@ -2626,8 +2626,8 @@ const FSelectSearchDb = ({
             "div",
             {
               ref: dropdownRef,
-              className: `${styles$h["f-select-search-db__dropdown"]} ${isDropdownOpen ? styles$h.active : ""}`,
-              children: arrObject.length === 0 && valueInput.trim() === "" ? /* @__PURE__ */ jsx("li", { children: "Введите текст" }) : arrObject.length === 0 && valueInput.trim() !== "" && !load ? /* @__PURE__ */ jsx("li", { children: "Ничего не найдено" }) : /* @__PURE__ */ jsx("ul", { className: styles$h["f-select-search-db__dropdown_content"], children: arrObject.slice(0, 10).map((opt, index) => /* @__PURE__ */ jsx("li", { onMouseDown: () => handleItemClick(opt), children: selectItem(opt) }, index)) })
+              className: `${styles$i["f-select-search-db__dropdown"]} ${isDropdownOpen ? styles$i.active : ""}`,
+              children: arrObject.length === 0 && valueInput.trim() === "" ? /* @__PURE__ */ jsx("li", { children: "Введите текст" }) : arrObject.length === 0 && valueInput.trim() !== "" && !load ? /* @__PURE__ */ jsx("li", { children: "Ничего не найдено" }) : /* @__PURE__ */ jsx("ul", { className: styles$i["f-select-search-db__dropdown_content"], children: arrObject.slice(0, 10).map((opt, index) => /* @__PURE__ */ jsx("li", { onMouseDown: () => handleItemClick(opt), children: selectItem(opt) }, index)) })
             }
           ),
           dropdownPortalRef.current
@@ -2636,7 +2636,7 @@ const FSelectSearchDb = ({
     }
   );
 };
-const styles$g = {
+const styles$h = {
   "f-text-area": "_f-text-area_1ywhr_1"
 };
 const FTextArea = forwardRef(
@@ -2665,7 +2665,7 @@ const FTextArea = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `f-form-element ${styles$g["f-text-area"]} ${className || ""}`,
+        className: `f-form-element ${styles$h["f-text-area"]} ${className || ""}`,
         style: mergedStyle,
         role: "group",
         id: areaId + "-text-area-block",
@@ -3038,7 +3038,7 @@ const FNative = ({
 const horizontal = "_horizontal_1djm2_1";
 const vertical = "_vertical_1djm2_7";
 const active$2 = "_active_1djm2_51";
-const styles$f = {
+const styles$g = {
   "f-tabs": "_f-tabs_1djm2_1",
   horizontal,
   vertical,
@@ -3057,7 +3057,7 @@ const FTabs = ({
     {
       id,
       style: st,
-      className: `${styles$f["f-tabs"]} ${styles$f[orientation]} ${className || ""}`,
+      className: `${styles$g["f-tabs"]} ${styles$g[orientation]} ${className || ""}`,
       children
     }
   );
@@ -3074,7 +3074,7 @@ const FTab = forwardRef(({
       ref,
       type: "button",
       style: st,
-      className: `${styles$f["f-tabs__tab"]} ${active2 ? styles$f["active"] : ""} ${props.className || ""}`,
+      className: `${styles$g["f-tabs__tab"]} ${active2 ? styles$g["active"] : ""} ${props.className || ""}`,
       ...props,
       children
     }
@@ -3082,7 +3082,7 @@ const FTab = forwardRef(({
 });
 FTab.displayName = "FTab";
 const disabled$2 = "_disabled_2ty2i_40";
-const styles$e = {
+const styles$f = {
   "f-dropdown": "_f-dropdown_2ty2i_1",
   "f-dropdown__arrow": "_f-dropdown__arrow_2ty2i_6",
   "f-dropdown__content": "_f-dropdown__content_2ty2i_10",
@@ -3132,7 +3132,7 @@ const FDropdown = forwardRef(({
       return child;
     });
   };
-  return /* @__PURE__ */ jsxs("div", { className: styles$e["f-dropdown"], ref, ...props, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$f["f-dropdown"], ref, ...props, children: [
     /* @__PURE__ */ jsx(
       FButton,
       {
@@ -3141,21 +3141,21 @@ const FDropdown = forwardRef(({
         size,
         disabled: disabled2,
         st,
-        className: `${styles$e["f-dropdown__button"]} ${className || ""}`,
+        className: `${styles$f["f-dropdown__button"]} ${className || ""}`,
         id,
         onClick: () => setIsOpen((v) => !v),
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         children: /* @__PURE__ */ jsxs(FStack, { direction: "row", spacing: 2, justifyContent: "center", alignItems: "center", children: [
           label,
-          /* @__PURE__ */ jsx(FArrowIcon, { className: styles$e["f-dropdown__arrow"], size: 16, color: "light", direction: isOpen ? "up" : "down" })
+          /* @__PURE__ */ jsx(FArrowIcon, { className: styles$f["f-dropdown__arrow"], size: 16, color: "light", direction: isOpen ? "up" : "down" })
         ] })
       }
     ),
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: styles$e["f-dropdown__content"] + (isOpen ? " " + styles$e["f-dropdown__content--open"] : ""),
+        className: styles$f["f-dropdown__content"] + (isOpen ? " " + styles$f["f-dropdown__content--open"] : ""),
         role: "menu",
         children: renderChildren()
       }
@@ -3176,7 +3176,7 @@ const FDropdownItem = ({
     {
       id,
       style: st,
-      className: `${styles$e["f-dropdown__content-link"]} ${className || ""} ${disabled2 ? styles$e["disabled"] : ""}`,
+      className: `${styles$f["f-dropdown__content-link"]} ${className || ""} ${disabled2 ? styles$f["disabled"] : ""}`,
       onClick: disabled2 ? void 0 : onClick,
       "aria-disabled": disabled2,
       role: "menuitem",
@@ -3184,7 +3184,7 @@ const FDropdownItem = ({
     }
   );
 };
-const styles$d = {
+const styles$e = {
   "f-search-box": "_f-search-box_1s9ms_1",
   "f-search-box__input": "_f-search-box__input_1s9ms_6",
   "f-search-box__button": "_f-search-box__button_1s9ms_12",
@@ -3210,7 +3210,7 @@ const FSearchBox = forwardRef(
     type,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { className: `${styles$d["f-search-box"]} form-group`, style: st, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `${styles$e["f-search-box"]} form-group`, style: st, children: [
       /* @__PURE__ */ jsx(
         FTextField,
         {
@@ -3224,14 +3224,14 @@ const FSearchBox = forwardRef(
           errText: typeof errText === "string" ? [errText] : errText,
           load,
           ...props,
-          className: `${styles$d["f-search-box__input"]} ${props.className || ""}`
+          className: `${styles$e["f-search-box__input"]} ${props.className || ""}`
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: styles$d["f-search-box__button"], style: { marginTop: label ? "26px" : "0" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$e["f-search-box__button"], style: { marginTop: label ? "26px" : "0" }, children: [
         /* @__PURE__ */ jsx(
           FButton,
           {
-            className: `${styles$d["f-search-box__button_search"]} ${clearDataFromInput ? styles$d["clear-on"] : ""} f-search-box__button_search-st`,
+            className: `${styles$e["f-search-box__button_search"]} ${clearDataFromInput ? styles$e["clear-on"] : ""} f-search-box__button_search-st`,
             type: "button",
             disabled: disabled2,
             onClick: onClickButton,
@@ -3243,7 +3243,7 @@ const FSearchBox = forwardRef(
         clearDataFromInput && /* @__PURE__ */ jsx(
           FButton,
           {
-            className: `${styles$d["f-search-box__button_clear"]} f-search-box__button_clear-st`,
+            className: `${styles$e["f-search-box__button_clear"]} f-search-box__button_clear-st`,
             type: "button",
             disabled: disabled2,
             onClick: clearDataFromInput,
@@ -3256,7 +3256,7 @@ const FSearchBox = forwardRef(
     ] });
   }
 );
-const styles$c = {
+const styles$d = {
   "f-carousel": "_f-carousel_d5w12_1",
   "f-carousel__viewport": "_f-carousel__viewport_d5w12_8",
   "f-carousel__track": "_f-carousel__track_d5w12_12",
@@ -3339,10 +3339,10 @@ const FCarousel = ({
   const handleTouchEnd = () => {
     startX.current = null;
   };
-  const rootClass = [styles$c["f-carousel"], className].filter(Boolean).join(" ");
+  const rootClass = [styles$d["f-carousel"], className].filter(Boolean).join(" ");
   const trackClass = [
-    styles$c["f-carousel__track"],
-    isAnimating ? styles$c["f-carousel__track--animating"] : ""
+    styles$d["f-carousel__track"],
+    isAnimating ? styles$d["f-carousel__track--animating"] : ""
   ].filter(Boolean).join(" ");
   const trackStyle = {
     transform: `translateX(-${100 / itemsCount * current}%)`,
@@ -3353,7 +3353,7 @@ const FCarousel = ({
     showArrows && /* @__PURE__ */ jsx(
       "button",
       {
-        className: `${styles$c["f-carousel__arrow"]} ${styles$c["f-carousel__arrow--left"]}`,
+        className: `${styles$d["f-carousel__arrow"]} ${styles$d["f-carousel__arrow--left"]}`,
         onClick: handlePrev,
         disabled: !loop && current === 0,
         "aria-label": "Назад",
@@ -3363,14 +3363,14 @@ const FCarousel = ({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: styles$c["f-carousel__viewport"],
+        className: styles$d["f-carousel__viewport"],
         onTouchStart: handleTouchStart,
         onTouchMove: handleTouchMove,
         onTouchEnd: handleTouchEnd,
         children: /* @__PURE__ */ jsx("div", { ref: trackRef, className: trackClass, style: trackStyle, children: children.map((child, idx) => /* @__PURE__ */ jsx(
           "div",
           {
-            className: styles$c["f-carousel__item"],
+            className: styles$d["f-carousel__item"],
             style: { width: `${100 / itemsCount}%` },
             children: child
           },
@@ -3381,19 +3381,19 @@ const FCarousel = ({
     showArrows && /* @__PURE__ */ jsx(
       "button",
       {
-        className: `${styles$c["f-carousel__arrow"]} ${styles$c["f-carousel__arrow--right"]}`,
+        className: `${styles$d["f-carousel__arrow"]} ${styles$d["f-carousel__arrow--right"]}`,
         onClick: handleNext,
         disabled: !loop && current >= itemsCount - visibleCount,
         "aria-label": "Вперёд",
         children: /* @__PURE__ */ jsx("img", { src: arrowRight, alt: "Следующий слайд" })
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$c["f-carousel__indicators"], children: Array.from({ length: itemsCount - visibleCount + 1 }).map((_, idx) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: styles$d["f-carousel__indicators"], children: Array.from({ length: itemsCount - visibleCount + 1 }).map((_, idx) => /* @__PURE__ */ jsx(
       "button",
       {
         className: [
-          styles$c["f-carousel__indicator"],
-          idx === current ? styles$c["f-carousel__indicator--active"] : ""
+          styles$d["f-carousel__indicator"],
+          idx === current ? styles$d["f-carousel__indicator--active"] : ""
         ].join(" "),
         onClick: () => setCurrent(idx),
         "aria-label": `Перейти к слайду ${idx + 1}`
@@ -3407,10 +3407,10 @@ const FCarouselItem = ({
   className,
   id
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: `${styles$c["f-carousel-item"]} ${className || ""}`, id, children });
+  return /* @__PURE__ */ jsx("div", { className: `${styles$d["f-carousel-item"]} ${className || ""}`, id, children });
 };
 const skeleton = "_skeleton_3ica6_1";
-const styles$b = {
+const styles$c = {
   "skeleton-block": "_skeleton-block_3ica6_1",
   skeleton
 };
@@ -3420,7 +3420,7 @@ const FSkeleton = ({ children, enable, width, height }) => {
   const skeletons = useRef([]);
   const createSkeleton = (element) => {
     const skeleton2 = document.createElement("div");
-    skeleton2.className = styles$b.skeleton;
+    skeleton2.className = styles$c.skeleton;
     const computedStyle = window.getComputedStyle(element);
     skeleton2.style.width = width ?? computedStyle.width;
     skeleton2.style.height = height ?? computedStyle.height;
@@ -3467,10 +3467,10 @@ const FSkeleton = ({ children, enable, width, height }) => {
       restoreOriginalElements();
     };
   }, [enable]);
-  return /* @__PURE__ */ jsx("div", { ref: elementRef, className: styles$b["skeleton-block"], children });
+  return /* @__PURE__ */ jsx("div", { ref: elementRef, className: styles$c["skeleton-block"], children });
 };
 const active$1 = "_active_lv3xi_122";
-const styles$a = {
+const styles$b = {
   "wave-nav-wrapper": "_wave-nav-wrapper_lv3xi_5",
   "wave-nav-grid-item": "_wave-nav-grid-item_lv3xi_17",
   "wave-nav-bar": "_wave-nav-bar_lv3xi_27",
@@ -3484,7 +3484,7 @@ const FNavigateBar = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className: `${styles$a["wave-nav-wrapper"]} ${className || ""}`, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, className: styles$a["wave-nav-grid-item"], children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$a["wave-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$a["wave-nav-list"], children }) }) }) }) });
+  return /* @__PURE__ */ jsx(FGrid, { obj: "container", id, className: `${styles$b["wave-nav-wrapper"]} ${className || ""}`, children: /* @__PURE__ */ jsx(FGridRow, { children: /* @__PURE__ */ jsx(FGrid, { obj: "item", sm: 12, className: styles$b["wave-nav-grid-item"], children: /* @__PURE__ */ jsx("nav", { style: st, className: styles$b["wave-nav-bar"], children: /* @__PURE__ */ jsx("ul", { className: styles$b["wave-nav-list"], children }) }) }) }) });
 };
 const FNavigateBarItem = ({
   st,
@@ -3500,7 +3500,7 @@ const FNavigateBarItem = ({
     {
       id,
       style: st || style,
-      className: `${styles$a["wave-nav-item"]} ${activeClass ? styles$a.active : ""} ${className || ""}`,
+      className: `${styles$b["wave-nav-item"]} ${activeClass ? styles$b.active : ""} ${className || ""}`,
       ...rest,
       children
     }
@@ -3516,7 +3516,7 @@ const linksList = "_linksList_14i30_124";
 const linkItem = "_linkItem_14i30_131";
 const badge = "_badge_14i30_172";
 const disabled$1 = "_disabled_14i30_197";
-const styles$9 = {
+const styles$a = {
   reportsPageContainer,
   searchBar,
   reportsGrid,
@@ -3542,8 +3542,8 @@ const FMenuBlockLinks = ({
     ...columns ? { "--cols": columns } : {},
     ...st
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${styles$9.reportsPageContainer} ${className ?? ""}`.trim(), id, children: [
-    withSearch && /* @__PURE__ */ jsx("div", { className: styles$9.searchBar, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs("div", { className: `${styles$a.reportsPageContainer} ${className ?? ""}`.trim(), id, children: [
+    withSearch && /* @__PURE__ */ jsx("div", { className: styles$a.searchBar, children: /* @__PURE__ */ jsx(
       "input",
       {
         type: "text",
@@ -3552,7 +3552,7 @@ const FMenuBlockLinks = ({
         onChange: (e) => setSearchValue(e.target.value)
       }
     ) }),
-    /* @__PURE__ */ jsx(MenuSearchContext.Provider, { value: searchValue, children: /* @__PURE__ */ jsx("div", { className: styles$9.reportsGrid, style: layoutStyle, children }) })
+    /* @__PURE__ */ jsx(MenuSearchContext.Provider, { value: searchValue, children: /* @__PURE__ */ jsx("div", { className: styles$a.reportsGrid, style: layoutStyle, children }) })
   ] });
 };
 const getElementText = (node) => {
@@ -3588,11 +3588,11 @@ const FMenuLinks = ({
     const badgeText = badges[originalIndex] || child.props["data-badge"];
     const childClass = [
       child.props.className,
-      styles$9.linkItem,
-      isDisabled ? styles$9.disabled : ""
+      styles$a.linkItem,
+      isDisabled ? styles$a.disabled : ""
     ].filter(Boolean).join(" ");
     const innerContent = badgeText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: styles$9.badge, children: badgeText }),
+      /* @__PURE__ */ jsx("span", { className: styles$a.badge, children: badgeText }),
       child.props.children
     ] }) : child.props.children;
     return React.cloneElement(child, {
@@ -3605,15 +3605,15 @@ const FMenuLinks = ({
       }
     });
   });
-  return /* @__PURE__ */ jsxs("div", { className: `${styles$9.card} ${className ?? ""}`.trim(), style: st, id, children: [
-    title2 && /* @__PURE__ */ jsxs("div", { className: styles$9.cardHeader, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${styles$a.card} ${className ?? ""}`.trim(), style: st, id, children: [
+    title2 && /* @__PURE__ */ jsxs("div", { className: styles$a.cardHeader, children: [
       /* @__PURE__ */ jsx("h3", { children: title2 }),
-      /* @__PURE__ */ jsx("span", { className: styles$9.countBadge, children: filteredChildren.length })
+      /* @__PURE__ */ jsx("span", { className: styles$a.countBadge, children: filteredChildren.length })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: styles$9.linksList, children: enhancedChildren })
+    /* @__PURE__ */ jsx("div", { className: styles$a.linksList, children: enhancedChildren })
   ] });
 };
-const styles$8 = {
+const styles$9 = {
   "f-tooltip": "_f-tooltip_xpnbo_1",
   "f-tooltip--open": "_f-tooltip--open_xpnbo_17",
   "f-tooltip--exiting": "_f-tooltip--exiting_xpnbo_22",
@@ -3802,11 +3802,11 @@ const FTooltip = ({
     wrappedChild = cloneElement(children, childProps);
   }
   const tooltipClasses = [
-    styles$8["f-tooltip"],
-    styles$8[`f-tooltip--${placement}`],
-    arrow2 ? styles$8["f-tooltip--with-arrow"] : "",
-    isVisible ? styles$8["f-tooltip--open"] : "",
-    isExiting ? styles$8["f-tooltip--exiting"] : "",
+    styles$9["f-tooltip"],
+    styles$9[`f-tooltip--${placement}`],
+    arrow2 ? styles$9["f-tooltip--with-arrow"] : "",
+    isVisible ? styles$9["f-tooltip--open"] : "",
+    isExiting ? styles$9["f-tooltip--exiting"] : "",
     className
   ].filter(Boolean).join(" ");
   const tooltipElement = mountTooltip && title2 ? /* @__PURE__ */ jsxs(
@@ -3817,8 +3817,8 @@ const FTooltip = ({
       style: { ...style, ...tooltipStyles },
       role: "tooltip",
       children: [
-        arrow2 && /* @__PURE__ */ jsx("div", { className: styles$8["f-tooltip__arrow"] }),
-        /* @__PURE__ */ jsx("div", { className: styles$8["f-tooltip__content"], children: title2 })
+        arrow2 && /* @__PURE__ */ jsx("div", { className: styles$9["f-tooltip__arrow"] }),
+        /* @__PURE__ */ jsx("div", { className: styles$9["f-tooltip__content"], children: title2 })
       ]
     }
   ) : null;
@@ -3830,7 +3830,7 @@ const FTooltip = ({
 const rotate = "_rotate_1kvw2_38";
 const focused = "_focused_1kvw2_87";
 const selected = "_selected_1kvw2_90";
-const styles$7 = {
+const styles$8 = {
   "f-search-select": "_f-search-select_1kvw2_3",
   "f-select-native-hidden": "_f-select-native-hidden_1kvw2_9",
   "f-select-actions": "_f-select-actions_1kvw2_20",
@@ -3861,7 +3861,7 @@ const HighlightedText = ({ text, highlight }) => {
   const regex = new RegExp(`(${escapeRegExp(highlight)})`, "gi");
   const parts = text.split(regex);
   return /* @__PURE__ */ jsx("span", { children: parts.map(
-    (part, i) => regex.test(part) ? /* @__PURE__ */ jsx("span", { className: styles$7["f-select-highlight"], children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
+    (part, i) => regex.test(part) ? /* @__PURE__ */ jsx("span", { className: styles$8["f-select-highlight"], children: part }, i) : /* @__PURE__ */ jsx("span", { children: part }, i)
   ) });
 };
 const FSearchableSelect = forwardRef(
@@ -4074,7 +4074,7 @@ const FSearchableSelect = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `f-form-element ${styles$7["f-search-select"]} ${restProps.className || ""}`,
+        className: `f-form-element ${styles$8["f-search-select"]} ${restProps.className || ""}`,
         style: mergedStyle,
         ref: containerRef,
         id: inputId + "-block",
@@ -4096,7 +4096,7 @@ const FSearchableSelect = forwardRef(
               value: restProps.value !== void 0 ? String(restProps.value) : "",
               onChange: () => {
               },
-              className: styles$7["f-select-native-hidden"],
+              className: styles$8["f-select-native-hidden"],
               tabIndex: -1,
               disabled: disabled2,
               "aria-hidden": "true"
@@ -4110,7 +4110,7 @@ const FSearchableSelect = forwardRef(
                 id: inputId,
                 type: "text",
                 autoComplete: "off",
-                className: `f-form-element__control-element ${styles$7["has-icons"]} ${errText ? "error" : ""}`,
+                className: `f-form-element__control-element ${styles$8["has-icons"]} ${errText ? "error" : ""}`,
                 ...restProps,
                 disabled: disabled2 || load,
                 value: searchQuery,
@@ -4132,41 +4132,41 @@ const FSearchableSelect = forwardRef(
                 }
               }
             ),
-            load ? /* @__PURE__ */ jsx("span", { className: "f-form-element__loader", children: /* @__PURE__ */ jsx(FLoadIcon, { size: 10 }) }) : /* @__PURE__ */ jsxs("div", { className: styles$7["f-select-actions"], children: [
+            load ? /* @__PURE__ */ jsx("span", { className: "f-form-element__loader", children: /* @__PURE__ */ jsx(FLoadIcon, { size: 10 }) }) : /* @__PURE__ */ jsxs("div", { className: styles$8["f-select-actions"], children: [
               hasValue && !disabled2 && /* @__PURE__ */ jsx(
                 "div",
                 {
                   onClick: handleClear,
-                  className: `${styles$7["f-select-icon"]} close`,
+                  className: `${styles$8["f-select-icon"]} close`,
                   title: "Очистить",
                   onMouseDown: (e) => e.preventDefault(),
                   children: /* @__PURE__ */ jsx(CloseIcon, {})
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: `${styles$7["f-select-icon"]} ${isOpen ? styles$7["rotate"] : ""}`, children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
+              /* @__PURE__ */ jsx("div", { className: `${styles$8["f-select-icon"]} ${isOpen ? styles$8["rotate"] : ""}`, children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
             ] })
           ] }),
           isOpen && !disabled2 && !load && typeof document !== "undefined" && createPortal(
             /* @__PURE__ */ jsx(
               "div",
               {
-                className: styles$7["f-select-dropdown"],
+                className: styles$8["f-select-dropdown"],
                 style: dropdownStyle,
                 ref: dropdownRef,
                 children: /* @__PURE__ */ jsx(
                   "ul",
                   {
                     ref: listRef,
-                    className: styles$7["f-select-list"],
+                    className: styles$8["f-select-list"],
                     style: { maxHeight: `${listMaxHeight}px` },
-                    children: isTyping ? /* @__PURE__ */ jsx("li", { className: styles$7["f-select-no-results"], children: "Ожидается окончание ввода..." }) : renderList.length === 0 ? /* @__PURE__ */ jsx("li", { className: styles$7["f-select-no-results"], children: allowCreate ? "Нет данных" : "Совпадений не найдено" }) : renderList.map((option, index) => /* @__PURE__ */ jsx(
+                    children: isTyping ? /* @__PURE__ */ jsx("li", { className: styles$8["f-select-no-results"], children: "Ожидается окончание ввода..." }) : renderList.length === 0 ? /* @__PURE__ */ jsx("li", { className: styles$8["f-select-no-results"], children: allowCreate ? "Нет данных" : "Совпадений не найдено" }) : renderList.map((option, index) => /* @__PURE__ */ jsx(
                       "li",
                       {
                         className: `
-                                                ${styles$7["f-select-option"]} 
-                                                ${option.isNew ? styles$7["f-select-create"] : ""} 
-                                                ${index === highlightedIndex ? styles$7["focused"] : ""} 
-                                                ${currentValStr === option.value ? styles$7["selected"] : ""}
+                                                ${styles$8["f-select-option"]} 
+                                                ${option.isNew ? styles$8["f-select-create"] : ""} 
+                                                ${index === highlightedIndex ? styles$8["focused"] : ""} 
+                                                ${currentValStr === option.value ? styles$8["selected"] : ""}
                                             `,
                         onMouseDown: (e) => e.preventDefault(),
                         onClick: (e) => {
@@ -4233,7 +4233,7 @@ const FSearchableSelect = forwardRef(
 FSearchableSelect.displayName = "FSearchableSelect";
 const active = "_active_1btub_75";
 const disabled = "_disabled_1btub_75";
-const styles$6 = {
+const styles$7 = {
   "f-segmented-wrapper": "_f-segmented-wrapper_1btub_2",
   "f-segmented-control": "_f-segmented-control_1btub_12",
   "f-segmented-sm": "_f-segmented-sm_1btub_28",
@@ -4279,11 +4279,11 @@ const FSegmentedControl = ({
       onChange(item.id);
     }
   };
-  return /* @__PURE__ */ jsx("div", { className: `${styles$6["f-segmented-wrapper"]} ${className}`, style, children: /* @__PURE__ */ jsxs("div", { className: `${styles$6["f-segmented-control"]} ${styles$6[`f-segmented-${size}`]}`, children: [
+  return /* @__PURE__ */ jsx("div", { className: `${styles$7["f-segmented-wrapper"]} ${className}`, style, children: /* @__PURE__ */ jsxs("div", { className: `${styles$7["f-segmented-control"]} ${styles$7[`f-segmented-${size}`]}`, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: styles$6["f-segmented-glider"],
+        className: styles$7["f-segmented-glider"],
         style: {
           width: `${gliderStyle.width}px`,
           transform: `translateX(${gliderStyle.left}px)`,
@@ -4302,15 +4302,15 @@ const FSegmentedControl = ({
           type: "button",
           disabled: item.disabled,
           className: `
-                                ${styles$6["f-segmented-item"]}
-                                ${isActive ? styles$6["active"] : ""}
-                                ${item.disabled ? styles$6["disabled"] : ""}
+                                ${styles$7["f-segmented-item"]}
+                                ${isActive ? styles$7["active"] : ""}
+                                ${item.disabled ? styles$7["disabled"] : ""}
                             `,
           onClick: (e) => handleItemClick(e, item),
           children: [
-            item.icon && /* @__PURE__ */ jsx("span", { className: styles$6["f-segmented-icon"], children: item.icon }),
-            /* @__PURE__ */ jsx("span", { className: styles$6["f-segmented-label"], children: item.label }),
-            item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: styles$6["f-segmented-badge"], children: item.badge })
+            item.icon && /* @__PURE__ */ jsx("span", { className: styles$7["f-segmented-icon"], children: item.icon }),
+            /* @__PURE__ */ jsx("span", { className: styles$7["f-segmented-label"], children: item.label }),
+            item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: styles$7["f-segmented-badge"], children: item.badge })
           ]
         },
         String(item.id)
@@ -4344,7 +4344,7 @@ function FTableActions({ children, className, onClick, ...props }) {
         type: "button",
         "aria-label": "Действия",
         ...props,
-        className: `${styles$t.more} ${className || ""}`,
+        className: `${styles$u.more} ${className || ""}`,
         "aria-expanded": open,
         "aria-controls": id,
         onClick: (event) => {
@@ -4377,7 +4377,7 @@ function FTableActions({ children, className, onClick, ...props }) {
         ref: menu,
         id,
         ...{ popover: "auto" },
-        className: styles$t["row-menu"],
+        className: styles$u["row-menu"],
         onKeyDown: (event) => {
           var _a, _b;
           if (event.key === "Escape") {
@@ -4400,6 +4400,55 @@ function FTableActions({ children, className, onClick, ...props }) {
     )
   ] });
 }
+const statusBadge = "_statusBadge_1chwj_1";
+const statusDot = "_statusDot_1chwj_21";
+const pulse = "_pulse_1chwj_57";
+const statusBadgePulse = "_statusBadgePulse_1chwj_1";
+const primary = "_primary_1chwj_80";
+const secondary = "_secondary_1chwj_86";
+const success$2 = "_success_1chwj_92";
+const danger = "_danger_1chwj_98";
+const warning$4 = "_warning_1chwj_104";
+const info$2 = "_info_1chwj_110";
+const light = "_light_1chwj_116";
+const dark = "_dark_1chwj_122";
+const styles$6 = {
+  statusBadge,
+  "size-sm": "_size-sm_1chwj_15",
+  statusDot,
+  "size-md": "_size-md_1chwj_26",
+  "size-lg": "_size-lg_1chwj_37",
+  pulse,
+  statusBadgePulse,
+  primary,
+  secondary,
+  success: success$2,
+  danger,
+  warning: warning$4,
+  info: info$2,
+  light,
+  dark
+};
+const FStatusBadge = ({
+  children,
+  variant = "secondary",
+  size = "md",
+  showDot = true,
+  pulseDot = false,
+  className = ""
+}) => {
+  const badgeClasses = [
+    styles$6.statusBadge,
+    styles$6[variant],
+    styles$6[`size-${size}`],
+    className
+  ].filter(Boolean).join(" ");
+  const dotClasses = [styles$6.statusDot, pulseDot ? styles$6.pulse : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("span", { className: badgeClasses, children: [
+    showDot && /* @__PURE__ */ jsx("span", { className: dotClasses, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { children })
+  ] });
+};
 const FPlusIcon = React.forwardRef(({
   color = "primary",
   size = 30,
@@ -8814,7 +8863,144 @@ function fConvertDate(input, options) {
       return "";
   }
 }
-const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath = void 0 } = {}) => {
+const getRequestNow = () => {
+  if (typeof performance !== "undefined" && typeof performance.now === "function") {
+    return performance.now();
+  }
+  return Date.now();
+};
+const calcDurationMs = (startTime) => {
+  return Math.max(0, Math.round(getRequestNow() - startTime));
+};
+function classifyRequestError(error2) {
+  var _a, _b, _c;
+  if (!error2 || typeof error2 !== "object") {
+    return {
+      outcome: "failure",
+      errorCategory: "unknown"
+    };
+  }
+  const err = error2;
+  const isCanceled = Boolean((_b = (_a = axios).isCancel) == null ? void 0 : _b.call(_a, error2)) || err.name === "CanceledError" || err.name === "AbortError" || err.code === "ERR_CANCELED";
+  if (isCanceled) {
+    return {
+      outcome: "aborted",
+      errorCategory: "abort",
+      status: typeof ((_c = err.response) == null ? void 0 : _c.status) === "number" ? err.response.status : void 0
+    };
+  }
+  if (err.response && typeof err.response.status === "number") {
+    return {
+      outcome: "failure",
+      errorCategory: "http",
+      status: err.response.status
+    };
+  }
+  if (err.code === "ECONNABORTED" || typeof err.message === "string" && err.message.toLowerCase().includes("timeout")) {
+    return {
+      outcome: "failure",
+      errorCategory: "timeout"
+    };
+  }
+  if (err.code === "ERR_NETWORK" || Boolean(err.request && !err.response)) {
+    return {
+      outcome: "failure",
+      errorCategory: "network"
+    };
+  }
+  return {
+    outcome: "failure",
+    errorCategory: "unknown"
+  };
+}
+function notifyRequestObserver(observer, observation) {
+  if (!observer || typeof observer.onRequestComplete !== "function") {
+    return;
+  }
+  try {
+    observer.onRequestComplete(observation);
+  } catch {
+  }
+}
+async function observeRequest(observer, requestFn, method, url) {
+  if (!observer) {
+    return requestFn();
+  }
+  const normalizedMethod = (method || "GET").toUpperCase();
+  const startTime = getRequestNow();
+  try {
+    const result = await requestFn();
+    const durationMs = calcDurationMs(startTime);
+    const status = typeof (result == null ? void 0 : result.status) === "number" ? result.status : void 0;
+    notifyRequestObserver(observer, {
+      method: normalizedMethod,
+      url,
+      status,
+      durationMs,
+      outcome: "success"
+    });
+    return result;
+  } catch (error2) {
+    const durationMs = calcDurationMs(startTime);
+    const { outcome, errorCategory, status } = classifyRequestError(error2);
+    notifyRequestObserver(observer, {
+      method: normalizedMethod,
+      url,
+      status,
+      durationMs,
+      outcome,
+      errorCategory
+    });
+    throw error2;
+  }
+}
+const LibraryContext = createContext(null);
+const FLibraryProvider = ({
+  children,
+  config,
+  requestObserver
+}) => {
+  const effectiveObserver = requestObserver ?? (config == null ? void 0 : config.requestObserver);
+  const contextValue = useMemo(() => {
+    if (!effectiveObserver) {
+      return config;
+    }
+    return {
+      ...config,
+      requestObserver: effectiveObserver,
+      apiService: {
+        ...config.apiService,
+        request: (url, reqConfig) => {
+          return observeRequest(
+            effectiveObserver,
+            () => config.apiService.request(url, reqConfig),
+            (reqConfig == null ? void 0 : reqConfig.method) ?? "GET",
+            url
+          );
+        }
+      }
+    };
+  }, [config, effectiveObserver]);
+  return /* @__PURE__ */ jsx(LibraryContext.Provider, { value: contextValue, children });
+};
+const useFLibraryContext = () => {
+  const context = useContext(LibraryContext);
+  if (!context) {
+    throw new Error("[UIKit/Lib]: Вы должны обернуть приложение в <FLibraryProvider config={{ apiService }}>");
+  }
+  return context;
+};
+const useFLibraryContextOptional = () => {
+  return useContext(LibraryContext);
+};
+const useFApi = ({
+  doNotUseState = false,
+  defaultState = null,
+  getValueByPath = void 0,
+  requestObserver = void 0
+} = {}) => {
+  const libraryContext = useFLibraryContextOptional();
+  const effectiveObserver = requestObserver ?? (libraryContext == null ? void 0 : libraryContext.requestObserver);
   const [data, setData] = useState(defaultState === void 0 ? null : defaultState);
   const [loading, setLoading] = useState(false);
   const [error2, setError] = useState(null);
@@ -8822,8 +9008,20 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
     var _a, _b, _c;
     setLoading(true);
     setError(null);
+    const startTime = effectiveObserver ? getRequestNow() : 0;
+    const method = (config.method || "GET").toUpperCase();
+    const url = config.url ?? "";
     try {
       const response = await axios(config);
+      if (effectiveObserver) {
+        notifyRequestObserver(effectiveObserver, {
+          method,
+          url,
+          status: response.status,
+          durationMs: calcDurationMs(startTime),
+          outcome: "success"
+        });
+      }
       if (getValueByPath) {
         let returnValue = response.data;
         const pathParts = getValueByPath.split(".");
@@ -8842,6 +9040,17 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
         return response.data;
       }
     } catch (error22) {
+      if (effectiveObserver) {
+        const { outcome, errorCategory, status } = classifyRequestError(error22);
+        notifyRequestObserver(effectiveObserver, {
+          method,
+          url,
+          status,
+          durationMs: calcDurationMs(startTime),
+          outcome,
+          errorCategory
+        });
+      }
       const err = error22;
       const errorMessage = ((_b = (_a = err.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || err.message || "Неизвестная ошибка";
       fNotification({
@@ -8864,20 +9073,6 @@ const useFApi = ({ doNotUseState = false, defaultState = null, getValueByPath =
   };
   return { data, loading, error: error2, execute, reset };
 };
-const LibraryContext = createContext(null);
-const FLibraryProvider = ({
-  children,
-  config
-}) => {
-  return /* @__PURE__ */ jsx(LibraryContext.Provider, { value: config, children });
-};
-const useFLibraryContext = () => {
-  const context = useContext(LibraryContext);
-  if (!context) {
-    throw new Error("[UIKit/Lib]: Вы должны обернуть приложение в <FLibraryProvider config={{ apiService }}>");
-  }
-  return context;
-};
 const useFApiMutation = (url, config, options) => {
   const { apiService } = useFLibraryContext();
   const queryClient = useQueryClient();
@@ -9320,6 +9515,7 @@ export {
   FSelectSearchDb,
   FSkeleton,
   FStack,
+  FStatusBadge,
   FTab,
   FTable,
   FTableActions,
@@ -9339,6 +9535,9 @@ export {
   FUnlinkIcon,
   FUploadIcon,
   FWaterErrorBoundaryPage,
+  LibraryContext,
+  calcDurationMs,
+  classifyRequestError,
   fAlert,
   fBankRound,
   fConfirm,
@@ -9356,9 +9555,14 @@ export {
   fNotification,
   fNotificationDelete,
   fPrompt,
+  getRequestNow,
+  notifyRequestObserver,
+  observeRequest,
   useFApi,
   useFApiMutation,
   useFApiQuery,
+  useFLibraryContext,
+  useFLibraryContextOptional,
   useFManualApiQuery
 };
 //# sourceMappingURL=f-ui-kit.es.js.map