fui-material 2.0.0 → 2.0.1

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

@@ -1048,7 +1048,7 @@ const FTrashIcon = ({
 const progressBar = "_progressBar_1xp9s_48";
 const completed = "_completed_1xp9s_60";
 const progress = "_progress_1xp9s_48";
-const styles$v = {
+const styles$w = {
   "file-preview-card": "_file-preview-card_1xp9s_1",
   "file-preview-info": "_file-preview-info_1xp9s_22",
   "file-preview-name": "_file-preview-name_1xp9s_28",
@@ -1070,18 +1070,18 @@ const FFile = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `${styles$v["file-preview-card"]} ${className || ""}`,
+      className: `${styles$w["file-preview-card"]} ${className || ""}`,
       id,
       style: st2,
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$v["file-preview-info"], children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$v["file-preview-name"], title: name, children: name }),
-          typeof size === "number" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$v["file-preview-size"], children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$w["file-preview-info"], children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$w["file-preview-name"], title: name, children: name }),
+          typeof size === "number" && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$w["file-preview-size"], children: [
             Math.round(size / 1024),
             " КБ"
           ] })
         ] }),
-        handleDelete && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$v["trash-icon"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        handleDelete && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$w["trash-icon"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           FTrashIcon,
           {
             size: 20,
@@ -1089,10 +1089,10 @@ const FFile = ({
             handleClick: handleDelete
           }
         ) }),
-        typeof progress2 === "number" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$v.progressBar} ${progress2 === 100 ? styles$v.completed : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        typeof progress2 === "number" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$w.progressBar} ${progress2 === 100 ? styles$w.completed : ""}`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: styles$v.progress,
+            className: styles$w.progress,
             style: { width: `${progress2}%` }
           }
         ) })
@@ -1195,7 +1195,7 @@ const FButtonFile = ({
     )) }) })
   ] });
 };
-const styles$u = {
+const styles$v = {
   "f-text-field": "_f-text-field_200bb_1"
 };
 const FLoadIcon = ({ size = 30, st: st2, id, className, color = "primary" }) => {
@@ -1266,7 +1266,7 @@ const FTextField = forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `f-form-element ${styles$u["f-text-field"]} ${className || ""}`,
+        className: `f-form-element ${styles$v["f-text-field"]} ${className || ""}`,
         style: mergedStyle,
         role: "group",
         id: inputId + "-text-field-block",
@@ -1357,7 +1357,7 @@ const FStack = ({
     }
   );
 };
-const styles$t = {
+const styles$u = {
   "f-grid": "_f-grid_3g4xh_1",
   "f-grid__col": "_f-grid__col_3g4xh_10",
   "f-grid__col--auto": "_f-grid__col--auto_3g4xh_16",
@@ -1460,21 +1460,21 @@ const FGrid = ({
     xxl: xxl ?? xl ?? lg ?? md ?? sm ?? xs
   };
   const getColumnClasses = () => {
-    if (colAuto) return styles$t["f-grid__col--auto"];
-    const classes = [styles$t["f-grid__col"]];
-    if (resolvedSizes.xs !== void 0) classes.push(styles$t[`f-grid__col--xs-${resolvedSizes.xs}`]);
-    if (resolvedSizes.sm !== void 0) classes.push(styles$t[`f-grid__col--sm-${resolvedSizes.sm}`]);
-    if (resolvedSizes.md !== void 0) classes.push(styles$t[`f-grid__col--md-${resolvedSizes.md}`]);
-    if (resolvedSizes.lg !== void 0) classes.push(styles$t[`f-grid__col--lg-${resolvedSizes.lg}`]);
-    if (resolvedSizes.xl !== void 0) classes.push(styles$t[`f-grid__col--xl-${resolvedSizes.xl}`]);
-    if (resolvedSizes.xxl !== void 0) classes.push(styles$t[`f-grid__col--xxl-${resolvedSizes.xxl}`]);
+    if (colAuto) return styles$u["f-grid__col--auto"];
+    const classes = [styles$u["f-grid__col"]];
+    if (resolvedSizes.xs !== void 0) classes.push(styles$u[`f-grid__col--xs-${resolvedSizes.xs}`]);
+    if (resolvedSizes.sm !== void 0) classes.push(styles$u[`f-grid__col--sm-${resolvedSizes.sm}`]);
+    if (resolvedSizes.md !== void 0) classes.push(styles$u[`f-grid__col--md-${resolvedSizes.md}`]);
+    if (resolvedSizes.lg !== void 0) classes.push(styles$u[`f-grid__col--lg-${resolvedSizes.lg}`]);
+    if (resolvedSizes.xl !== void 0) classes.push(styles$u[`f-grid__col--xl-${resolvedSizes.xl}`]);
+    if (resolvedSizes.xxl !== void 0) classes.push(styles$u[`f-grid__col--xxl-${resolvedSizes.xxl}`]);
     return classes.join(" ");
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     obj === "container" && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `${styles$t["f-grid"]} ${className || ""}`,
+        className: `${styles$u["f-grid"]} ${className || ""}`,
         style,
         id,
         children
@@ -1492,7 +1492,7 @@ const FGrid = ({
     obj === void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className, style, id, children })
   ] });
 };
-const styles$s = {
+const styles$t = {
   "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",
@@ -1514,21 +1514,21 @@ const FGridRow = ({
 }) => {
   const getJustifyContentClass = () => {
     if (!justifyContent) return "";
-    return styles$s[`f-grid-row--justify-${justifyContent}`];
+    return styles$t[`f-grid-row--justify-${justifyContent}`];
   };
   const getAlignItemsClass = () => {
     if (!alignItems) return "";
-    return styles$s[`f-grid-row--align-${alignItems}`];
+    return styles$t[`f-grid-row--align-${alignItems}`];
   };
   const rowClasses = [
-    styles$s["f-grid-row"],
+    styles$t["f-grid-row"],
     getJustifyContentClass(),
     getAlignItemsClass(),
     className
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: rowClasses, style: st2, id, children });
 };
-const styles$r = {
+const styles$s = {
   "f-container": "_f-container_g9ck3_1",
   "container-fluid": "_container-fluid_g9ck3_1",
   "container-xxl": "_container-xxl_g9ck3_1",
@@ -1548,7 +1548,7 @@ const FContainer = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `${styles$r["f-container"]} ${styles$r[maxWidth]} ${className || ""}`,
+      className: `${styles$s["f-container"]} ${styles$s[maxWidth]} ${className || ""}`,
       style: st2,
       id,
       children
@@ -1556,7 +1556,7 @@ const FContainer = ({
   );
 };
 const panel = "_panel_yplsg_1";
-const styles$q = {
+const styles$r = {
   panel,
   "panel-default": "_panel-default_yplsg_6",
   "panel-heading": "_panel-heading_yplsg_12",
@@ -1589,15 +1589,15 @@ const FPaper = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `${styles$q["panel"]} ${styles$q["panel-default"]} ${className || ""} ${animated ? `${styles$q[`animated-${animated.name}`]} ${animated.name}` : ""}`,
+      className: `${styles$r["panel"]} ${styles$r["panel-default"]} ${className || ""} ${animated ? `${styles$r[`animated-${animated.name}`]} ${animated.name}` : ""}`,
       style: st2,
       id,
       onAnimationEnd,
       children: [
-        label && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$q["panel-heading"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        label && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$r["panel-heading"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "h3",
           {
-            className: styles$q["panel-title"],
+            className: styles$r["panel-title"],
             style: { fontSize: fontSizeLabel },
             children: label
           }
@@ -1605,7 +1605,7 @@ const FPaper = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: styles$q["panel-body"],
+            className: styles$r["panel-body"],
             style: { fontSize: fontSizeBody },
             children
           }
@@ -1615,7 +1615,7 @@ const FPaper = ({
   );
 };
 const bordered = "_bordered_bxmcg_18";
-const styles$p = {
+const styles$q = {
   "f-table-component": "_f-table-component_bxmcg_1",
   "f-table-component__table": "_f-table-component__table_bxmcg_7",
   bordered,
@@ -1646,7 +1646,7 @@ const FTableHead = ({
     {
       style,
       ...props,
-      className: `${styles$p["f-table-component__table_header"]} ${isSticky ? styles$p["is-sticky"] : ""} ${props.className || ""}`,
+      className: `${styles$q["f-table-component__table_header"]} ${isSticky ? styles$q["is-sticky"] : ""} ${props.className || ""}`,
       children
     }
   );
@@ -1743,7 +1743,7 @@ const FTableBody = ({
   } else {
     visibleItems = flatChildren;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { ref: tableBodyRef, style, ...props, className: `${styles$p["f-table-component__table_body"]} ${props.className || ""}`, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("tbody", { ref: tableBodyRef, style, ...props, className: `${styles$q["f-table-component__table_body"]} ${props.className || ""}`, children: [
     virtualizationEnabled && rowHeights.some((h) => h > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { height: topOffset } }),
     visibleItems.map((child, idx) => React.isValidElement(child) ? React.cloneElement(child, { "data-row-index": virtualizationEnabled ? startIdx + idx : idx, key: virtualizationEnabled ? startIdx + idx : idx }) : child),
     virtualizationEnabled && rowHeights.some((h) => h > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { style: { height: bottomOffset } })
@@ -1782,14 +1782,14 @@ const FTable = ({
     "div",
     {
       ref: tableWrapperRef,
-      className: styles$p["f-table-component"],
+      className: styles$q["f-table-component"],
       style: { overflowX, overflowY },
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "table",
         {
           style: st2,
           ...props,
-          className: `table ${styles$p["f-table-component__table"]} ${styles$p["bordered"]} ${styles$p["bordered-half"]} ${props.className || ""}`,
+          className: `table ${styles$q["f-table-component__table"]} ${styles$q["bordered"]} ${styles$q["bordered-half"]} ${props.className || ""}`,
           children: React.Children.map(children, (child) => {
             if (React.isValidElement(child) && child.type === FTableHead) {
               const headProps = child.props;
@@ -1828,7 +1828,7 @@ const FTableRow = ({
     {
       style: st2,
       ...props,
-      className: `${styles$p["f-table-component__table_row"]} ${props.className || ""}`,
+      className: `${styles$q["f-table-component__table_row"]} ${props.className || ""}`,
       children
     }
   );
@@ -1856,7 +1856,7 @@ const FTableHeaderCell = ({
       rowSpan: row && row > 1 ? row : void 0,
       colSpan: col && col > 1 ? col : void 0,
       ...props,
-      className: `${styles$p["f-table-component__table_header-cell"]} ${props.className || ""}`,
+      className: `${styles$q["f-table-component__table_header-cell"]} ${props.className || ""}`,
       children
     }
   );
@@ -1884,7 +1884,7 @@ const FTableDataCell = ({
       rowSpan: row && row > 1 ? row : void 0,
       colSpan: col && col > 1 ? col : void 0,
       ...props,
-      className: `${styles$p["f-table-component__table_body-cell"]} ${props.className || ""}`,
+      className: `${styles$q["f-table-component__table_body-cell"]} ${props.className || ""}`,
       children
     }
   );
@@ -1899,14 +1899,14 @@ const FTableFooter = ({
     {
       style: st2,
       ...props,
-      className: `${styles$p["f-table-component__table_footer"]} ${props.className || ""}`,
+      className: `${styles$q["f-table-component__table_footer"]} ${props.className || ""}`,
       children
     }
   );
 };
 const active$4 = "_active_16jkc_16";
 const hide = "_hide_16jkc_37";
-const styles$o = {
+const styles$p = {
   "f-dialog": "_f-dialog_16jkc_1",
   "active-dialog": "_active-dialog_16jkc_16",
   "f-dialog__content": "_f-dialog__content_16jkc_20",
@@ -1958,12 +1958,12 @@ const FDialog = ({
       {
         id,
         style: st2,
-        className: `${styles$o["f-dialog"]} ${openAndClose ? styles$o["active-dialog"] : ""} ${className || ""}`,
+        className: `${styles$p["f-dialog"]} ${openAndClose ? styles$p["active-dialog"] : ""} ${className || ""}`,
         onClick: () => closeButtonBackPage == null ? void 0 : closeButtonBackPage(false),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: `${styles$o["f-dialog__content"]} ${openAndClose ? styles$o["active"] : ""} ${hide2 ? styles$o["hide"] : ""}`,
+            className: `${styles$p["f-dialog__content"]} ${openAndClose ? styles$p["active"] : ""} ${hide2 ? styles$p["hide"] : ""}`,
             style: {
               width: contentWidth
             },
@@ -1992,9 +1992,9 @@ const FCloseIcon = ({ color = "primary", size = 30, st: st2, id, className, hand
   );
 };
 const FDialogHeader = ({ title, handleClose }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$o["f-dialog__header"], children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: styles$o["f-dialog__header_title"], children: title }),
-    handleClose && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$o["f-dialog__header_close"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$p["f-dialog__header"], children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: styles$p["f-dialog__header_title"], children: title }),
+    handleClose && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$p["f-dialog__header_close"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       FCloseIcon,
       {
         handleClose,
@@ -2009,7 +2009,7 @@ const FDialogBody = ({ st: st2, children, scroll = true }) => {
     ...scroll ? { overflowY: "auto" } : {},
     ...st2
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$o["f-dialog__body"], style, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$p["f-dialog__body"], style, children });
 };
 const FDialogFooter = ({ children, className, st: st2, id }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -2017,7 +2017,7 @@ const FDialogFooter = ({ children, className, st: st2, id }) => {
     {
       id,
       style: st2,
-      className: `${styles$o["f-dialog__footer"]} ${className || ""}`,
+      className: `${styles$p["f-dialog__footer"]} ${className || ""}`,
       children
     }
   );
@@ -2032,7 +2032,7 @@ const info$2 = "_info_1lhk7_62";
 const light = "_light_1lhk7_66";
 const dark = "_dark_1lhk7_70";
 const link$1 = "_link_1lhk7_74";
-const styles$n = {
+const styles$o = {
   "authorization-spinner": "_authorization-spinner_1lhk7_1",
   "spinner-item": "_spinner-item_1lhk7_7",
   loader,
@@ -2050,14 +2050,14 @@ const FProgress = ({ st: st2, color = "primary", id, className }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `${styles$n["authorization-spinner"]} ${styles$n.visible} ${className || ""}`,
+      className: `${styles$o["authorization-spinner"]} ${styles$o.visible} ${className || ""}`,
       id,
       style: st2,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$n["spinner-item"]} ${styles$n[color]}` })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$o["spinner-item"]} ${styles$o[color]}` })
     }
   );
 };
-const styles$m = {
+const styles$n = {
   "f-preloader": "_f-preloader_17f9x_1",
   "active-preloader": "_active-preloader_17f9x_10"
 };
@@ -2084,13 +2084,13 @@ const FPreloader = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `${styles$m["f-preloader"]} ${open ? styles$m["active-preloader"] : ""}`,
+      className: `${styles$n["f-preloader"]} ${open ? styles$n["active-preloader"] : ""}`,
       style: mergedStyle,
       children
     }
   );
 };
-const styles$l = {
+const styles$m = {
   "f-checkbox": "_f-checkbox_9rvqg_1"
 };
 const FCheckbox = forwardRef(
@@ -2104,7 +2104,7 @@ const FCheckbox = forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `${styles$l["f-checkbox"]} ${className || ""}`,
+        className: `${styles$m["f-checkbox"]} ${className || ""}`,
         id,
         style: st2,
         children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
@@ -2115,7 +2115,7 @@ const FCheckbox = forwardRef(
     );
   }
 );
-const styles$k = {
+const styles$l = {
   "f-radio": "_f-radio_cwhmx_1"
 };
 const FRadioButton = ({
@@ -2130,7 +2130,7 @@ const FRadioButton = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `${styles$k["f-radio"]} ${className || ""}`,
+      className: `${styles$l["f-radio"]} ${className || ""}`,
       style: st2,
       id,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
@@ -2200,7 +2200,7 @@ const selected = "_selected_aham2_33";
 const disabled$1 = "_disabled_aham2_37";
 const arrow = "_arrow_aham2_43";
 const left = "_left_aham2_56";
-const styles$j = {
+const styles$k = {
   "pagination-container": "_pagination-container_aham2_1",
   "pagination-item": "_pagination-item_aham2_9",
   dots,
@@ -2234,26 +2234,26 @@ const FPagination = ({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "ul",
     {
-      className: `${styles$j["pagination-container"]} ${className || ""}`,
+      className: `${styles$k["pagination-container"]} ${className || ""}`,
       style: st2,
       id,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "li",
           {
-            className: `${styles$j["pagination-item"]} ${currentPage === 1 ? styles$j.disabled : ""}`,
+            className: `${styles$k["pagination-item"]} ${currentPage === 1 ? styles$k.disabled : ""}`,
             onClick: onPrevious,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$j.arrow} ${styles$j.left}` })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$k.arrow} ${styles$k.left}` })
           }
         ),
         paginationRange.map((pageNumber, index) => {
           if (pageNumber === DOTS) {
-            return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: `${styles$j["pagination-item"]} ${styles$j.dots}`, children: "…" }, index);
+            return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: `${styles$k["pagination-item"]} ${styles$k.dots}`, children: "…" }, index);
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             "li",
             {
-              className: `${styles$j["pagination-item"]} ${pageNumber === currentPage ? styles$j.selected : ""}`,
+              className: `${styles$k["pagination-item"]} ${pageNumber === currentPage ? styles$k.selected : ""}`,
               onClick: () => onPageChange(pageNumber),
               children: pageNumber
             },
@@ -2263,16 +2263,16 @@ const FPagination = ({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "li",
           {
-            className: `${styles$j["pagination-item"]} ${currentPage === lastPage ? styles$j.disabled : ""}`,
+            className: `${styles$k["pagination-item"]} ${currentPage === lastPage ? styles$k.disabled : ""}`,
             onClick: onNext,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$j.arrow} ${styles$j.right}` })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$k.arrow} ${styles$k.right}` })
           }
         )
       ]
     }
   );
 };
-const styles$i = {
+const styles$j = {
   "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",
@@ -2286,7 +2286,7 @@ const FTimeline = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$i["f-time-line"]} ${className || ""}`, style: st2, id, children });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${styles$j["f-time-line"]} ${className || ""}`, style: st2, id, children });
 };
 const FTimelineCard = ({
   children,
@@ -2295,17 +2295,17 @@ const FTimelineCard = ({
   id,
   className
 }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${styles$i["f-time-line__block"]} ${className || ""}`, id, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["f-time-line__block-circle"] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$i["f-time-line__block-inner"], style: st2, children: [
-      title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["f-time-line__block-title"], children: title }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["f-time-line__block-content"], children })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${styles$j["f-time-line__block"]} ${className || ""}`, id, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$j["f-time-line__block-circle"] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$j["f-time-line__block-inner"], style: st2, children: [
+      title && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$j["f-time-line__block-title"], children: title }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$j["f-time-line__block-content"], children })
     ] })
   ] });
 };
 const spinner = "_spinner_f7bma_133";
 const active$3 = "_active_f7bma_183";
-const styles$h = {
+const styles$i = {
   "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",
@@ -2440,10 +2440,10 @@ const FOpenImgFull = ({
     {
       openAndClose,
       st: st2,
-      className: `${styles$h["fv-opn-img-full"]} ${className || ""}`,
+      className: `${styles$i["fv-opn-img-full"]} ${className || ""}`,
       id,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$h["fv-opn-img-full-body"], children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["close-button"], children: handleClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$i["fv-opn-img-full-body"], children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["close-button"], children: handleClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
           FCloseIcon,
           {
             handleClose: () => {
@@ -2455,21 +2455,21 @@ const FOpenImgFull = ({
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           "div",
           {
-            className: styles$h["image-container"],
+            className: styles$i["image-container"],
             onTouchStart: handleTouchStart,
             onTouchMove: handleTouchMove,
             onTouchEnd: handleTouchEnd,
             children: [
-              selectedImg > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["arrow-left"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              selectedImg > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["arrow-left"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 FArrowIcon,
                 {
                   direction: "left",
                   handleClick: () => setSelectedImg(selectedImg - 1)
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$h["image-wrapper"], children: [
-                isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["loading-spinner"], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["spinner"] }) }),
-                error2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["error-message"], children: "Ошибка загрузки изображения" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$i["image-wrapper"], children: [
+                isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["loading-spinner"], children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["spinner"] }) }),
+                error2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["error-message"], children: "Ошибка загрузки изображения" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "img",
                   {
                     src: imagesUrl[selectedImg],
@@ -2479,7 +2479,7 @@ const FOpenImgFull = ({
                       setError(true);
                       setIsLoading(false);
                     },
-                    className: styles$h["full-image"],
+                    className: styles$i["full-image"],
                     onClick: handleImageClick,
                     style: {
                       cursor: "zoom-in",
@@ -2489,7 +2489,7 @@ const FOpenImgFull = ({
                   }
                 )
               ] }),
-              selectedImg < imagesUrl.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["arrow-right"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              selectedImg < imagesUrl.length - 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["arrow-right"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 FArrowIcon,
                 {
                   direction: "right",
@@ -2499,10 +2499,10 @@ const FOpenImgFull = ({
             ]
           }
         ),
-        imagesUrl.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$h["progress-indicator"], children: imagesUrl.map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        imagesUrl.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$i["progress-indicator"], children: imagesUrl.map((_, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: `${styles$h["progress-dot"]} ${index === selectedImg ? styles$h["active"] : ""}`,
+            className: `${styles$i["progress-dot"]} ${index === selectedImg ? styles$i["active"] : ""}`,
             onClick: () => setSelectedImg(index)
           },
           index
@@ -2515,7 +2515,7 @@ const card = "_card_1pttw_1";
 const warning$3 = "_warning_1pttw_16";
 const info$1 = "_info_1pttw_24";
 const alert$1 = "_alert_1pttw_32";
-const styles$g = {
+const styles$h = {
   card,
   warning: warning$3,
   info: info$1,
@@ -2543,16 +2543,16 @@ const FAccordion = ({
     "div",
     {
       onClick,
-      className: `${styles$g.card} ${className || ""}`,
+      className: `${styles$h.card} ${className || ""}`,
       id,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "details",
         {
-          className: styles$g[variant],
+          className: styles$h[variant],
           open: isOpen,
           style: st2,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: styles$g["fv-accord-title"], children: title }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { className: styles$h["fv-accord-title"], children: title }),
             children
           ]
         }
@@ -2561,7 +2561,7 @@ const FAccordion = ({
   );
 };
 const container = "_container_6r9j2_1";
-const styles$f = {
+const styles$g = {
   container,
   "custom-file": "_custom-file_6r9j2_6",
   "custom-file-input": "_custom-file-input_6r9j2_9",
@@ -2688,11 +2688,11 @@ const FInputFileForm = ({
       setUploadProgress({});
     }
   }, [deleteFile]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$f.container, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$g.container, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `${styles$f["custom-file"]} ${styles$f["custom-file-dropzone"]} ${isDragging ? styles$f.dragging : ""}`,
+        className: `${styles$g["custom-file"]} ${styles$g["custom-file-dropzone"]} ${isDragging ? styles$g.dragging : ""}`,
         style: st2,
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
@@ -2704,7 +2704,7 @@ const FInputFileForm = ({
               required,
               accept,
               type: "file",
-              className: `${styles$f["custom-file-input"]} ${className || ""}`,
+              className: `${styles$g["custom-file-input"]} ${className || ""}`,
               name,
               id,
               title,
@@ -2715,11 +2715,11 @@ const FInputFileForm = ({
               ref: inputRef
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: id, className: styles$f["custom-file-label"], style: disabled2 ? { backgroundColor: "#F3F3F3", border: "1px dashed #C4C4C4" } : void 0, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: id, className: styles$g["custom-file-label"], style: disabled2 ? { backgroundColor: "#F3F3F3", border: "1px dashed #C4C4C4" } : void 0, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "svg",
               {
-                className: `${styles$f["svg-icon"]} ${styles$f["icon-md"]}`,
+                className: `${styles$g["svg-icon"]} ${styles$g["icon-md"]}`,
                 focusable: "false",
                 role: "img",
                 viewBox: "0 0 36 35",
@@ -2748,8 +2748,8 @@ const FInputFileForm = ({
         ]
       }
     ),
-    errors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$f.errors, children: errors.map((error2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$f.error, children: error2 }, index)) }),
-    showPreview && selectedFiles.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$f["custom-files-preview"], children: selectedFiles.map((file, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$f.fileItem, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    errors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g.errors, children: errors.map((error2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g.error, children: error2 }, index)) }),
+    showPreview && selectedFiles.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g["custom-files-preview"], children: selectedFiles.map((file, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$g.fileItem, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       FFile,
       {
         name: file.name,
@@ -2760,7 +2760,7 @@ const FInputFileForm = ({
     ) }, index)) })
   ] });
 };
-const styles$e = {
+const styles$f = {
   "f-select": "_f-select_16vqs_1",
   "f-select__control-element": "_f-select__control-element_16vqs_5"
 };
@@ -2790,7 +2790,7 @@ const FSelect = forwardRef(
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `f-form-element ${styles$e["f-select"]}`,
+        className: `f-form-element ${styles$f["f-select"]}`,
         style: mergedStyle,
         id: inputId + "-select-block",
         role: "group",
@@ -2815,7 +2815,7 @@ const FSelect = forwardRef(
                 ...props,
                 id: inputId,
                 disabled: props.disabled || load,
-                className: `f-form-element__control-element ${styles$e["f-select__control-element"]} ${errText ? "error" : ""} ${props.className || ""}`,
+                className: `f-form-element__control-element ${styles$f["f-select__control-element"]} ${errText ? "error" : ""} ${props.className || ""}`,
                 children: !load && children
               }
             ),
@@ -2873,36 +2873,74 @@ const FSelectItem = ({
     }
   );
 };
+const styles$e = {
+  "f-full-date-field__clear": "_f-full-date-field__clear_auayi_1"
+};
 const FFullDateField = forwardRef(
   ({
     label,
     st: st2,
-    value,
+    value: valueProp,
     fullWidth,
     load = false,
     errText,
     helpText,
     width,
     height,
+    onClear,
+    disabled: disabled2,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FTextField,
-      {
-        label,
-        st: st2,
-        width,
-        height,
-        fullWidth,
-        ref,
-        load,
-        value: load ? "" : value,
-        type: load ? "text" : "date",
-        helpText,
-        errText,
-        ...props
+    const [innerValue, setInnerValue] = useState(valueProp);
+    const isControlled = valueProp !== void 0;
+    const value = isControlled ? valueProp : innerValue;
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled2 || load) return;
+      if (onClear) onClear();
+      if (!isControlled) setInnerValue("");
+      if (props.onChange) {
+        const event = {
+          ...e,
+          target: { ...e.target, value: "" }
+        };
+        props.onChange(event);
       }
-    );
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative", width: fullWidth ? "calc(100% - 25px)" : width }, className: styles$e["f-full-date-field"], children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        FTextField,
+        {
+          label,
+          st: st2,
+          width,
+          height,
+          fullWidth,
+          ref,
+          load,
+          value: load ? "" : value,
+          type: load ? "text" : "date",
+          helpText,
+          errText,
+          disabled: disabled2,
+          onChange: (e) => {
+            if (!isControlled) setInnerValue(e.target.value);
+            if (props.onChange) props.onChange(e);
+          },
+          ...props
+        }
+      ),
+      !load && !disabled2 && value && String(value).length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: styles$e["f-full-date-field__clear"],
+          onClick: handleClear,
+          tabIndex: 0,
+          "aria-label": "Очистить поле",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(FCloseIcon, { size: 18, color: "danger" })
+        }
+      )
+    ] });
   }
 );
 const active$2 = "_active_j5nh9_38";