@fctc/sme-widget-ui 1.9.5 → 1.9.7

package/dist/index.js

@@ -5012,7 +5012,6 @@ __export(index_exports, {
   RadioGroupField: () => RadioGroupField,
   RatingStarField: () => RatingStarField,
   RemainingDaysField: () => RemainingDaysField,
-  RenderFiles: () => RenderFiles,
   ResetIcon: () => ResetIcon,
   Row: () => Row,
   Search: () => Search,
@@ -5653,201 +5652,21 @@ var DownloadIcon = () => {
 // src/icons/excel-icon.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var ExcelIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "svg",
     {
-      width: "40",
-      height: "40",
-      viewBox: "0 0 40 40",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { clipPath: "url(#clip0_3263_110998)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { filter: "url(#filter0_di_3263_110998)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "path",
-              {
-                d: "M30 40H10C6.68629 40 4 37.3137 4 34V6C4 2.68629 6.68629 0 10 0H20.5147C22.106 0 23.6321 0.632142 24.7574 1.75736L34.2426 11.2426C35.3679 12.3679 36 13.894 36 15.4853V34C36 37.3137 33.3137 40 30 40Z",
-                fill: "white"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "path",
-              {
-                d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
-                stroke: "#E5E5E5",
-                strokeWidth: "1.5"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "path",
-            {
-              d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
-              stroke: "#E5E5E5",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("g", { filter: "url(#filter1_i_3263_110998)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mask", { id: "path-4-inside-1_3263_110998", fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "path",
-              {
-                d: "M0 22C0 19.7909 1.79086 18 4 18H29C31.2091 18 33 19.7909 33 22V30C33 32.2091 31.2091 34 29 34H4C1.79086 34 0 32.2091 0 30V22Z",
-                fill: "#11A52B"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "path",
-              {
-                d: "M-1 22C-1 19.2386 1.23858 17 4 17H29C31.7614 17 34 19.2386 34 22H32C32 20.3431 30.6569 19 29 19H4C2.34315 19 1 20.3431 1 22H-1ZM33 34H0H33ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM29 17C31.7614 17 34 19.2386 34 22V29C34 31.7614 31.7614 34 29 34C30.6569 34 32 32.2091 32 30V22C32 20.3431 30.6569 19 29 19V17Z",
-                fill: "black",
-                fillOpacity: "0.08",
-                mask: "url(#path-4-inside-1_3263_110998)"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              "path",
-              {
-                d: "M4.81818 22.7273L6.41974 25.3906H6.47656L8.08523 22.7273H9.58736L7.34659 26.3636L9.62287 30H8.09588L6.47656 27.3544H6.41974L4.80043 30H3.28054L5.57812 26.3636L3.30895 22.7273H4.81818ZM10.8216 30V22.7273H12.1391V28.8956H15.3422V30H10.8216ZM20.6381 24.7266C20.605 24.4164 20.4653 24.175 20.2191 24.0021C19.9752 23.8293 19.658 23.7429 19.2674 23.7429C18.9927 23.7429 18.7572 23.7843 18.5607 23.8672C18.3642 23.95 18.2139 24.0625 18.1097 24.2045C18.0055 24.3466 17.9523 24.5088 17.9499 24.6911C17.9499 24.8426 17.9842 24.974 18.0529 25.0852C18.1239 25.1965 18.2198 25.2912 18.3405 25.3693C18.4613 25.4451 18.595 25.509 18.7418 25.5611C18.8886 25.6132 19.0365 25.657 19.1857 25.6925L19.8675 25.8629C20.1421 25.9268 20.4061 26.0133 20.6594 26.1222C20.9151 26.2311 21.1435 26.3684 21.3448 26.5341C21.5484 26.6998 21.7094 26.8999 21.8277 27.1342C21.9461 27.3686 22.0053 27.6432 22.0053 27.9581C22.0053 28.3842 21.8964 28.7595 21.6786 29.0838C21.4608 29.4058 21.1459 29.6579 20.734 29.8402C20.3244 30.0201 19.8284 30.1101 19.2461 30.1101C18.6802 30.1101 18.189 30.0225 17.7723 29.8473C17.358 29.6721 17.0337 29.4164 16.7993 29.0803C16.5673 28.7441 16.4418 28.3345 16.4229 27.8516H17.7191C17.738 28.1049 17.8161 28.3156 17.9534 28.4837C18.0908 28.6518 18.2695 28.7772 18.4897 28.8601C18.7122 28.9429 18.9608 28.9844 19.2354 28.9844C19.5219 28.9844 19.7728 28.9418 19.9882 28.8565C20.206 28.7689 20.3765 28.6482 20.4996 28.4943C20.6227 28.3381 20.6855 28.1558 20.6878 27.9474C20.6855 27.758 20.6298 27.6018 20.5209 27.4787C20.412 27.3532 20.2593 27.2491 20.0628 27.1662C19.8687 27.081 19.6414 27.0052 19.381 26.9389L18.5536 26.7259C17.9546 26.572 17.4811 26.3388 17.1331 26.0263C16.7875 25.7114 16.6147 25.2936 16.6147 24.7727C16.6147 24.3442 16.7307 23.969 16.9627 23.647C17.1971 23.325 17.5155 23.0753 17.9179 22.8977C18.3204 22.7178 18.7761 22.6278 19.2851 22.6278C19.8012 22.6278 20.2534 22.7178 20.6417 22.8977C21.0323 23.0753 21.3389 23.3227 21.5614 23.6399C21.7839 23.9548 21.8988 24.317 21.9059 24.7266H20.6381ZM24.4807 22.7273L26.0822 25.3906H26.1391L27.7477 22.7273H29.2499L27.0091 26.3636L29.2854 30H27.7584L26.1391 27.3544H26.0822L24.4629 30H22.943L25.2406 26.3636L22.9714 22.7273H24.4807Z",
-                fill: "white"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            "filter",
-            {
-              id: "filter0_di_3263_110998",
-              x: "2",
-              y: "-4",
-              width: "36",
-              height: "47",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feOffset", { dy: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feGaussianBlur", { stdDeviation: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_3263_110998"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect1_dropShadow_3263_110998",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feOffset", { dy: "-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect2_innerShadow_3263_110998"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-            "filter",
-            {
-              id: "filter1_i_3263_110998",
-              x: "0",
-              y: "18",
-              width: "33",
-              height: "20",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "BackgroundImageFix",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feOffset", { dy: "4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect1_innerShadow_3263_110998"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("clipPath", { id: "clip0_3263_110998", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "40", height: "40", fill: "white" }) })
-        ] })
-      ]
+      width: "19",
+      height: "10",
+      viewBox: "0 0 19 10",
+      fill: "none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "path",
+        {
+          d: "M18.5 8.5C18.5 8.9125 18.1625 9.25 17.75 9.25H1.25C0.8375 9.25 0.5 8.9125 0.5 8.5V1C0.5 0.5875 0.8375 0.25 1.25 0.25H17.75C18.1625 0.25 18.5 0.5875 18.5 1V8.5Z",
+          fill: "#47A800"
+        }
+      )
     }
   );
 };
@@ -6093,201 +5912,21 @@ var MoreIcon = () => {
 // src/icons/pdf-icon.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var PdfIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "svg",
     {
-      width: "40",
-      height: "40",
-      viewBox: "0 0 40 40",
-      fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("g", { clipPath: "url(#clip0_2648_1158)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("g", { filter: "url(#filter0_di_2648_1158)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              "path",
-              {
-                d: "M30 40H10C6.68629 40 4 37.3137 4 34V6C4 2.68629 6.68629 0 10 0H20.5147C22.106 0 23.6321 0.632142 24.7574 1.75736L34.2426 11.2426C35.3679 12.3679 36 13.894 36 15.4853V34C36 37.3137 33.3137 40 30 40Z",
-                fill: "white"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              "path",
-              {
-                d: "M30 39.25H10C7.10051 39.25 4.75 36.8995 4.75 34V6C4.75 3.10051 7.10051 0.75 10 0.75H20.5147C21.9071 0.75 23.2425 1.30312 24.227 2.28769L33.7123 11.773C34.6969 12.7575 35.25 14.0929 35.25 15.4853V34C35.25 36.8995 32.8995 39.25 30 39.25Z",
-                stroke: "#CDD0D5",
-                strokeWidth: "1.5"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "path",
-            {
-              d: "M23 1V9C23 11.2091 24.7909 13 27 13H35",
-              stroke: "#CDD0D5",
-              strokeWidth: "1.5"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("g", { filter: "url(#filter1_i_2648_1158)", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("mask", { id: "path-4-inside-1_2648_1158", fill: "white", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              "path",
-              {
-                d: "M0 22C0 19.7909 1.79086 18 4 18H24C26.2091 18 28 19.7909 28 22V30C28 32.2091 26.2091 34 24 34H4C1.79086 34 0 32.2091 0 30V22Z",
-                fill: "#DF1C41"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              "path",
-              {
-                d: "M-1 22C-1 19.2386 1.23858 17 4 17H24C26.7614 17 29 19.2386 29 22H27C27 20.3431 25.6569 19 24 19H4C2.34315 19 1 20.3431 1 22H-1ZM28 34H0H28ZM4 34C1.23858 34 -1 31.7614 -1 29V22C-1 19.2386 1.23858 17 4 17V19C2.34315 19 1 20.3431 1 22V30C1 32.2091 2.34315 34 4 34ZM24 17C26.7614 17 29 19.2386 29 22V29C29 31.7614 26.7614 34 24 34C25.6569 34 27 32.2091 27 30V22C27 20.3431 25.6569 19 24 19V17Z",
-                fill: "black",
-                fillOpacity: "0.08",
-                mask: "url(#path-4-inside-1_2648_1158)"
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              "path",
-              {
-                d: "M3.78906 30V22H6.78906C7.40365 22 7.91927 22.1146 8.33594 22.3437C8.75521 22.5729 9.07161 22.888 9.28516 23.2891C9.5013 23.6875 9.60938 24.1406 9.60938 24.6484C9.60938 25.1615 9.5013 25.6172 9.28516 26.0156C9.06901 26.4141 8.75 26.7279 8.32812 26.957C7.90625 27.1836 7.38672 27.2969 6.76953 27.2969H4.78125V26.1055H6.57422C6.93359 26.1055 7.22786 26.043 7.45703 25.918C7.6862 25.793 7.85547 25.6211 7.96484 25.4023C8.07682 25.1836 8.13281 24.9323 8.13281 24.6484C8.13281 24.3646 8.07682 24.1146 7.96484 23.8984C7.85547 23.6823 7.6849 23.5143 7.45313 23.3945C7.22396 23.2721 6.92839 23.2109 6.56641 23.2109H5.23828V30H3.78906ZM13.7991 30H11.0882V22H13.8538C14.6481 22 15.3304 22.1602 15.9007 22.4805C16.4736 22.7982 16.9137 23.2552 17.221 23.8516C17.5283 24.4479 17.6819 25.1615 17.6819 25.9922C17.6819 26.8255 17.527 27.5417 17.2171 28.1406C16.9098 28.7396 16.4658 29.1992 15.885 29.5195C15.3069 29.8398 14.6116 30 13.7991 30ZM12.5374 28.7461H13.7288C14.2861 28.7461 14.7509 28.6445 15.1233 28.4414C15.4957 28.2357 15.7757 27.9297 15.9632 27.5234C16.1507 27.1146 16.2444 26.6042 16.2444 25.9922C16.2444 25.3802 16.1507 24.8724 15.9632 24.4687C15.7757 24.0625 15.4983 23.7591 15.1311 23.5586C14.7665 23.3555 14.3134 23.2539 13.7718 23.2539H12.5374V28.7461ZM19.2789 30V22H24.4039V23.2148H20.7281V25.3867H24.0523V26.6016H20.7281V30H19.2789Z",
-                fill: "white"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            "filter",
-            {
-              id: "filter0_di_2648_1158",
-              x: "2",
-              y: "-4",
-              width: "36",
-              height: "47",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feOffset", { dy: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feGaussianBlur", { stdDeviation: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feComposite", { in2: "hardAlpha", operator: "out" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.894118 0 0 0 0 0.898039 0 0 0 0 0.905882 0 0 0 0.24 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: "effect1_dropShadow_2648_1158"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "effect1_dropShadow_2648_1158",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feOffset", { dy: "-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0.813571 0 0 0 0 0.82 0 0 0 0 0.826429 0 0 0 0.32 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect2_innerShadow_2648_1158"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            "filter",
-            {
-              id: "filter1_i_2648_1158",
-              x: "0",
-              y: "18",
-              width: "28",
-              height: "20",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: "BackgroundImageFix",
-                    result: "shape"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feOffset", { dy: "4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feGaussianBlur", { stdDeviation: "2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "shape",
-                    result: "effect1_innerShadow_2648_1158"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("clipPath", { id: "clip0_2648_1158", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { width: "40", height: "40", fill: "white" }) })
-        ] })
-      ]
+      width: "19",
+      height: "10",
+      viewBox: "0 0 19 10",
+      fill: "none",
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        "path",
+        {
+          d: "M18.6992 8.5C18.6992 8.9125 18.3617 9.25 17.9492 9.25H1.44922C1.03672 9.25 0.699219 8.9125 0.699219 8.5V1C0.699219 0.5875 1.03672 0.25 1.44922 0.25H17.9492C18.3617 0.25 18.6992 0.5875 18.6992 1V8.5Z",
+          fill: "#FF4B34"
+        }
+      )
     }
   );
 };
@@ -7108,28 +6747,28 @@ var VideoIcon = () => {
     {
       xmlns: "http://www.w3.org/2000/svg",
       width: "22",
-      height: "21",
-      viewBox: "0 0 22 21",
+      height: "20",
+      viewBox: "0 0 22 20",
       fill: "none",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "path",
           {
-            d: "M22.0001 2.10859L22.0001 18.8914C22.0001 19.7798 21.2799 20.5 20.3915 20.5H1.61054C0.722142 20.5 0.00195312 19.7798 0.00195312 18.8914V2.10859C0.00195312 1.22019 0.722143 0.5 1.61054 0.5H20.3915C21.2799 0.5 22.0001 1.22019 22.0001 2.10859Z",
+            d: "M22.0001 1.60859L22.0001 18.3914C22.0001 19.2798 21.2799 20 20.3915 20H1.61054C0.722142 20 0.00195312 19.2798 0.00195312 18.3914V1.60859C0.00195312 0.720189 0.722143 0 1.61054 0H20.3915C21.2799 0 22.0001 0.720189 22.0001 1.60859Z",
             fill: "#435E88"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "path",
           {
-            d: "M21.9974 2.10515L21.9981 18.8914C21.9981 19.7782 21.2797 20.5 20.3895 20.5H1.60863C0.721846 20.5 0 19.7782 0 18.8914L20.3888 0.5C21.2791 0.5 21.9974 1.21832 21.9974 2.10515Z",
+            d: "M21.9974 1.60515L21.9981 18.3914C21.9981 19.2782 21.2797 20 20.3895 20H1.60863C0.721846 20 0 19.2782 0 18.3914L20.3888 0C21.2791 0 21.9974 0.718322 21.9974 1.60515Z",
             fill: "#33527D"
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "path",
           {
-            d: "M3.96875 14.8779C4.15191 14.8782 4.30078 15.0267 4.30078 15.21V17.123C4.30078 17.3063 4.15191 17.4549 3.96875 17.4551H2.05469C1.87133 17.4551 1.72266 17.3064 1.72266 17.123V15.21C1.72266 15.0266 1.87133 14.8779 2.05469 14.8779H3.96875ZM19.9492 14.8779C20.1326 14.8779 20.2812 15.0266 20.2812 15.21V17.123C20.2812 17.3064 20.1326 17.4551 19.9492 17.4551H18.0361C17.8528 17.4551 17.7041 17.3064 17.7041 17.123V15.21C17.7041 15.0266 17.8528 14.8779 18.0361 14.8779H19.9492ZM8.59473 7.55566C8.59499 7.0953 9.10791 6.82103 9.49121 7.07617L14.1484 10.1758C14.4914 10.4041 14.4914 10.9084 14.1484 11.1367L9.49121 14.2363C9.10788 14.4915 8.59493 14.2173 8.59473 13.7568V7.55566ZM3.96875 10.6592C4.15175 10.6594 4.30052 10.8072 4.30078 10.9902V12.9043C4.30078 13.0875 4.15191 13.2361 3.96875 13.2363H2.05469C1.87133 13.2363 1.72266 13.0877 1.72266 12.9043V10.9902C1.72292 10.8071 1.87149 10.6592 2.05469 10.6592H3.96875ZM19.9492 10.6592C20.1324 10.6592 20.281 10.8071 20.2812 10.9902V12.9043C20.2812 13.0877 20.1326 13.2363 19.9492 13.2363H18.0361C17.8528 13.2363 17.7041 13.0877 17.7041 12.9043V10.9902C17.7044 10.8071 17.8529 10.6592 18.0361 10.6592H19.9492ZM3.96875 6.4375C4.15177 6.43773 4.30055 6.58651 4.30078 6.76953V8.68359C4.30078 8.86681 4.15191 9.0154 3.96875 9.01562H2.05469C1.87133 9.01562 1.72266 8.86695 1.72266 8.68359V6.76953C1.72289 6.58637 1.87147 6.4375 2.05469 6.4375H3.96875ZM19.9492 6.4375C20.1324 6.4375 20.281 6.58637 20.2812 6.76953V8.68359C20.2812 8.86695 20.1326 9.01562 19.9492 9.01562H18.0361C17.8528 9.01562 17.7041 8.86695 17.7041 8.68359V6.76953C17.7043 6.58637 17.8529 6.4375 18.0361 6.4375H19.9492ZM3.96875 2.21875C4.15181 2.21898 4.3006 2.36771 4.30078 2.55078V4.46484C4.30078 4.64806 4.15191 4.79665 3.96875 4.79688H2.05469C1.87133 4.79688 1.72266 4.6482 1.72266 4.46484V2.55078C1.72283 2.36757 1.87144 2.21875 2.05469 2.21875H3.96875ZM19.9492 2.21875C20.1325 2.21875 20.2811 2.36757 20.2812 2.55078V4.46484C20.2812 4.6482 20.1326 4.79688 19.9492 4.79688H18.0361C17.8528 4.79688 17.7041 4.6482 17.7041 4.46484V2.55078C17.7043 2.36757 17.8529 2.21875 18.0361 2.21875H19.9492Z",
+            d: "M3.96875 14.3779C4.15191 14.3782 4.30078 14.5267 4.30078 14.71V16.623C4.30078 16.8063 4.15191 16.9549 3.96875 16.9551H2.05469C1.87133 16.9551 1.72266 16.8064 1.72266 16.623V14.71C1.72266 14.5266 1.87133 14.3779 2.05469 14.3779H3.96875ZM19.9492 14.3779C20.1326 14.3779 20.2812 14.5266 20.2812 14.71V16.623C20.2812 16.8064 20.1326 16.9551 19.9492 16.9551H18.0361C17.8528 16.9551 17.7041 16.8064 17.7041 16.623V14.71C17.7041 14.5266 17.8528 14.3779 18.0361 14.3779H19.9492ZM8.59473 7.05566C8.59499 6.5953 9.10791 6.32103 9.49121 6.57617L14.1484 9.67578C14.4914 9.90408 14.4914 10.4084 14.1484 10.6367L9.49121 13.7363C9.10788 13.9915 8.59493 13.7173 8.59473 13.2568V7.05566ZM3.96875 10.1592C4.15175 10.1594 4.30052 10.3072 4.30078 10.4902V12.4043C4.30078 12.5875 4.15191 12.7361 3.96875 12.7363H2.05469C1.87133 12.7363 1.72266 12.5877 1.72266 12.4043V10.4902C1.72292 10.3071 1.87149 10.1592 2.05469 10.1592H3.96875ZM19.9492 10.1592C20.1324 10.1592 20.281 10.3071 20.2812 10.4902V12.4043C20.2812 12.5877 20.1326 12.7363 19.9492 12.7363H18.0361C17.8528 12.7363 17.7041 12.5877 17.7041 12.4043V10.4902C17.7044 10.3071 17.8529 10.1592 18.0361 10.1592H19.9492ZM3.96875 5.9375C4.15177 5.93773 4.30055 6.08651 4.30078 6.26953V8.18359C4.30078 8.36681 4.15191 8.5154 3.96875 8.51562H2.05469C1.87133 8.51562 1.72266 8.36695 1.72266 8.18359V6.26953C1.72289 6.08637 1.87147 5.9375 2.05469 5.9375H3.96875ZM19.9492 5.9375C20.1324 5.9375 20.281 6.08637 20.2812 6.26953V8.18359C20.2812 8.36695 20.1326 8.51562 19.9492 8.51562H18.0361C17.8528 8.51562 17.7041 8.36695 17.7041 8.18359V6.26953C17.7043 6.08637 17.8529 5.9375 18.0361 5.9375H19.9492ZM3.96875 1.71875C4.15181 1.71898 4.3006 1.86771 4.30078 2.05078V3.96484C4.30078 4.14806 4.15191 4.29665 3.96875 4.29688H2.05469C1.87133 4.29688 1.72266 4.1482 1.72266 3.96484V2.05078C1.72283 1.86757 1.87144 1.71875 2.05469 1.71875H3.96875ZM19.9492 1.71875C20.1325 1.71875 20.2811 1.86757 20.2812 2.05078V3.96484C20.2812 4.1482 20.1326 4.29688 19.9492 4.29688H18.0361C17.8528 4.29688 17.7041 4.1482 17.7041 3.96484V2.05078C17.7043 1.86757 17.8529 1.71875 18.0361 1.71875H19.9492Z",
             fill: "white"
           }
         )
@@ -16552,213 +16191,12 @@ var LoadingSmall = () => {
   )) }) }) }) });
 };
 
-// src/widgets/common/render-files.tsx
-var import_react27 = require("react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
-var FileItem = (props) => {
-  const {
-    filename,
-    index: index4,
-    handleRemoveFile,
-    handleFileDownload,
-    src,
-    mimetype,
-    size: size4,
-    id,
-    envFile,
-    accessToken
-  } = props;
-  const [name2, ext] = filename.split(".");
-  const shortName = name2.length > 12 ? name2.slice(0, 6) : name2;
-  const [isOpen, setIsOpen] = (0, import_react27.useState)(false);
-  const tooltipRef = (0, import_react27.useRef)(null);
-  (0, import_react27.useEffect)(() => {
-    const handleClickOutside = (event) => {
-      if (tooltipRef.current && !tooltipRef.current.contains(event.target)) {
-        setIsOpen(false);
-      }
-    };
-    if (isOpen) {
-      document.addEventListener("mousedown", handleClickOutside);
-    } else {
-      document.removeEventListener("mousedown", handleClickOutside);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isOpen]);
-  const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ExcelIcon, {}),
-    "image/png": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ImageIcon, {}),
-    "video/mp4": /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(VideoIcon, {})
-  };
-  const renderFile = () => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-      "div",
-      {
-        onClick: (e3) => {
-          if (accessToken) {
-            e3?.stopPropagation();
-            downloadFile(
-              `${envFile}api/v2/web/content/${id}?download=true`,
-              filename,
-              accessToken
-            );
-          }
-        },
-        style: { backgroundColor: "#E5E7EB", cursor: "pointer" },
-        className: "flex  items-center p-2 gap-2 overflow-hidden rounded-lg",
-        children: [
-          fileTypeIcon[mimetype],
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { ref: tooltipRef, className: "relative w-fit", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-              "p",
-              {
-                className: "text-[#060606] font-medium text-[14px] cursor-pointer",
-                onClick: () => setIsOpen((prev2) => !prev2),
-                "data-tooltip-id": `field-help-${id}`,
-                "data-tooltip-content": filename,
-                children: [
-                  shortName + "...",
-                  ".",
-                  ext
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-              M,
-              {
-                id: `field-help-${id}`,
-                isOpen,
-                place: "top",
-                positionStrategy: "fixed",
-                style: {
-                  padding: "6px 12px",
-                  fontSize: "12px",
-                  borderRadius: "4px",
-                  maxWidth: "200%",
-                  whiteSpace: "wrap",
-                  fontWeight: 400,
-                  textTransform: "none",
-                  zIndex: 999
-                }
-              }
-            ),
-            size4 && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-[12px] font-semibold text-[#666666]", children: formatFileSize(size4) })
-          ] })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
-    "div",
-    {
-      className: "flex relative items-center  justify-between group rounded-md w-fit",
-      children: [
-        renderFile(),
-        handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-          "div",
-          {
-            style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              backgroundColor: "rgba(0,0,0,0.2)"
-            },
-            onClick: () => handleRemoveFile(index4),
-            className: "cursor-pointer p-2 hidden group-hover:block",
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DeleteIcon, {})
-          }
-        ),
-        !handleRemoveFile && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-          "span",
-          {
-            style: {
-              position: "absolute",
-              top: 0,
-              right: 0,
-              backgroundColor: "rgba(0,0,0,0.2)",
-              zIndex: 10
-            },
-            onClick: (e3) => handleFileDownload(e3, src, filename),
-            className: "hidden group-hover:block cursor-pointer p-2 text-white ",
-            children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DownloadIcon, {})
-          }
-        )
-      ]
-    },
-    index4
-  );
-};
-var downloadFile = async (url, filename, accessToken) => {
-  try {
-    const response = accessToken ? await fetch(url, {
-      method: "GET",
-      headers: {
-        Authorization: `Bearer ${accessToken}`
-      }
-    }) : await fetch(url);
-    if (response.ok) {
-      const blob = await response.blob();
-      const urlBlob = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = urlBlob;
-      link.download = filename || "downloaded-file";
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(urlBlob);
-    } else {
-      console.error("File download failed:", response.statusText);
-    }
-  } catch (error2) {
-    console.error("File download failed:", error2);
-  }
-};
-var RenderFiles = ({
-  selectedFiles,
-  setSelectedFiles,
-  envFile,
-  accessToken
-}) => {
-  const handleRemoveFile = (index4) => {
-    if (setSelectedFiles) {
-      const files = selectedFiles.filter((_2, i3) => i3 !== index4);
-      setSelectedFiles(files);
-    }
-  };
-  const handleFileDownload = (e3, url, name2) => {
-    e3.stopPropagation();
-    downloadFile(url, name2);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex flex-wrap w-full gap-2", children: selectedFiles.map((file, index4) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "relative group/file", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-      FileItem,
-      {
-        ...file,
-        src: file?.datas,
-        filename: file?.display_name ?? file?.name ?? file?.filename,
-        id: file?.id,
-        index: index4,
-        handleRemoveFile: setSelectedFiles && handleRemoveFile,
-        handleFileDownload,
-        envFile,
-        accessToken
-      }
-    ) }, file?.id ?? index4);
-  }) });
-};
-
 // node_modules/react-toastify/dist/index.mjs
-var import_react28 = require("react");
-var import_react29 = __toESM(require("react"), 1);
-var import_react30 = require("react");
+var import_react27 = require("react");
+var import_react28 = __toESM(require("react"), 1);
+var import_react29 = require("react");
+var import_react30 = __toESM(require("react"), 1);
 var import_react31 = __toESM(require("react"), 1);
-var import_react32 = __toESM(require("react"), 1);
 
 // node_modules/clsx/dist/clsx.mjs
 function r3(e3) {
@@ -16776,12 +16214,12 @@ function clsx() {
 }
 
 // node_modules/react-toastify/dist/index.mjs
-var import_react33 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
+var import_react33 = require("react");
 var import_react34 = require("react");
 var import_react35 = require("react");
-var import_react36 = require("react");
+var import_react36 = __toESM(require("react"), 1);
 var import_react37 = __toESM(require("react"), 1);
-var import_react38 = __toESM(require("react"), 1);
 function Mt(t3) {
   if (!t3 || typeof document == "undefined") return;
   let o3 = document.head || document.getElementsByTagName("head")[0], e3 = document.createElement("style");
@@ -16793,7 +16231,7 @@ var L2 = (t3) => typeof t3 == "number" && !isNaN(t3);
 var N2 = (t3) => typeof t3 == "string";
 var P = (t3) => typeof t3 == "function";
 var mt = (t3) => N2(t3) || L2(t3);
-var z3 = (t3) => (0, import_react28.isValidElement)(t3) || N2(t3) || P(t3) || L2(t3);
+var z3 = (t3) => (0, import_react27.isValidElement)(t3) || N2(t3) || P(t3) || L2(t3);
 function Z(t3, o3, e3 = 300) {
   let { scrollHeight: r4, style: s4 } = t3;
   requestAnimationFrame(() => {
@@ -16804,22 +16242,22 @@ function Z(t3, o3, e3 = 300) {
 }
 function $2({ enter: t3, exit: o3, appendPosition: e3 = false, collapse: r4 = true, collapseDuration: s4 = 300 }) {
   return function({ children: a2, position: d, preventExitTransition: c2, done: T2, nodeRef: g, isIn: v, playToast: x2 }) {
-    let C2 = e3 ? `${t3}--${d}` : t3, S2 = e3 ? `${o3}--${d}` : o3, E2 = (0, import_react29.useRef)(0);
-    return (0, import_react29.useLayoutEffect)(() => {
+    let C2 = e3 ? `${t3}--${d}` : t3, S2 = e3 ? `${o3}--${d}` : o3, E2 = (0, import_react28.useRef)(0);
+    return (0, import_react28.useLayoutEffect)(() => {
       let f = g.current, p = C2.split(" "), b2 = (n4) => {
         n4.target === g.current && (x2(), f.removeEventListener("animationend", b2), f.removeEventListener("animationcancel", b2), E2.current === 0 && n4.type !== "animationcancel" && f.classList.remove(...p));
       };
       (() => {
         f.classList.add(...p), f.addEventListener("animationend", b2), f.addEventListener("animationcancel", b2);
       })();
-    }, []), (0, import_react29.useEffect)(() => {
+    }, []), (0, import_react28.useEffect)(() => {
       let f = g.current, p = () => {
         f.removeEventListener("animationend", p), r4 ? Z(f, T2, s4) : T2();
       };
       v || (c2 ? p() : (() => {
         E2.current = 1, f.className += ` ${S2}`, f.addEventListener("animationend", p);
       })());
-    }, [v]), import_react29.default.createElement(import_react29.default.Fragment, null, a2);
+    }, [v]), import_react28.default.createElement(import_react28.default.Fragment, null, a2);
   };
 }
 var Xt = 1;
@@ -16939,7 +16377,7 @@ var po = $2(K("zoom"));
 var uo = $2(K("flip"));
 
 // src/widgets/common/select-files.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var ButtonSelectFiles = ({
   fileInputRef,
   selectedFiles,
@@ -17043,8 +16481,8 @@ var ButtonSelectFiles = ({
       await handleUpload(formData, serivce, xNode);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_jsx_runtime70.Fragment, { children: [
-    isPending ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    isPending ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "text-sm text-gray-500", children: t3("\u0110ang t\u1EA3i l\xEAn...") }) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
       "button",
       {
         type: "button",
@@ -17052,12 +16490,12 @@ var ButtonSelectFiles = ({
         className: `w-fit h-[24px] flex gap-2 items-center text-black rounded-full overflow-hidden transition-all ${isPending ? "cursor-not-allowed" : "cursor-pointer"}`,
         onClick: () => fileInputRef.current.click(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(AttachIcon, {}),
-          isText && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { children: t3("upload_file_placeholder") })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AttachIcon, {}),
+          isText && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: t3("upload_file_placeholder") })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       "input",
       {
         type: "file",
@@ -17072,11 +16510,11 @@ var ButtonSelectFiles = ({
 };
 
 // src/widgets/common/video-player.tsx
-var import_react39 = require("react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_react38 = require("react");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var VideoPlayer = ({ src }) => {
-  const [isPlaying, setIsPlaying] = (0, import_react39.useState)(false);
-  const videoRef = (0, import_react39.useRef)(null);
+  const [isPlaying, setIsPlaying] = (0, import_react38.useState)(false);
+  const videoRef = (0, import_react38.useRef)(null);
   const handlePlayPause = () => {
     if (videoRef.current) {
       if (isPlaying) {
@@ -17100,8 +16538,8 @@ var VideoPlayer = ({ src }) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "relative flex aspect-square h-[120px] w-[120px] items-center justify-center overflow-hidden rounded-lg max-sm:h-auto max-sm:w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       "video",
       {
         ref: videoRef,
@@ -17113,13 +16551,13 @@ var VideoPlayer = ({ src }) => {
         children: "Your browser does not support the video tag."
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "absolute left-[50%] top-[50%] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#FFFFFF33] p-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(PlayIcon, {}) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50 p-2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "absolute left-[50%] top-[50%] flex h-8 w-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full bg-[#FFFFFF33] p-[6px]", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("button", { type: "button", onClick: handleFullScreen, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PlayIcon, {}) }) })
   ] });
 };
 
 // src/widgets/basic/avatar-field/avatar.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var AvatarField = (props) => {
   const {
     isForm = false,
@@ -17143,8 +16581,8 @@ var AvatarField = (props) => {
     color: textColor,
     fontSize: `${size4 / 2.5}px`
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-    isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+    isForm && allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       ModalDetail,
       {
         idToolTip: `avatar-widget-id-${id}`,
@@ -17155,7 +16593,7 @@ var AvatarField = (props) => {
         place: "top-start"
       }
     ),
-    allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    allowShowDetail && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       M,
       {
         id: `avatar-widget-id-${id}`,
@@ -17164,7 +16602,7 @@ var AvatarField = (props) => {
         className: "z-20"
       }
     ),
-    avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "img",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17172,7 +16610,7 @@ var AvatarField = (props) => {
         className: "uppercase font-medium rounded-md flex items-center justify-center cursor-pointer size-[26px]",
         alt: "Avatar"
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         "data-tooltip-id": `avatar-widget-id-${id}`,
@@ -17185,7 +16623,7 @@ var AvatarField = (props) => {
 };
 
 // src/widgets/basic/binary-field/binary.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var BinaryField = (props) => {
   const {
     name: name2,
@@ -17208,7 +16646,7 @@ var BinaryField = (props) => {
     image
   } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -17218,13 +16656,13 @@ var BinaryField = (props) => {
       },
       render: ({ field }) => {
         const renderImage = initialImage || selectedImage;
-        return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
           "div",
           {
             ref: binaryRef,
             className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
-            children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "relative group", children: [
-              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+            children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "relative group", children: [
+              renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "img",
                 {
                   style: {
@@ -17235,7 +16673,7 @@ var BinaryField = (props) => {
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              ) : renderImage ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "img",
                 {
                   style: {
@@ -17246,17 +16684,17 @@ var BinaryField = (props) => {
                   alt: "Selected",
                   className: "h-32 w-32 max-w-fit rounded-lg object-contain"
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PlaceHolderIcon, {}),
-              !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(PlaceHolderIcon, {}),
+              !isInsideTable && !readonly && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                 "button",
                 {
                   type: "button",
                   onClick: () => handleRemoveImage(field.onChange),
                   className: "hidden group-hover:block absolute right-0 bottom-0 mr-1 mb-1 rounded-full bg-white p-1 transition-colors duration-300 hover:bg-red-600",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DeleteIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DeleteIcon, {})
                 }
               )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
               "label",
               {
                 htmlFor: inputId,
@@ -17266,7 +16704,7 @@ var BinaryField = (props) => {
                 },
                 className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "input",
                     {
                       id: inputId,
@@ -17278,8 +16716,8 @@ var BinaryField = (props) => {
                       className: "hidden z-10 relative"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                     "div",
                     {
                       className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
@@ -17288,7 +16726,7 @@ var BinaryField = (props) => {
                         left: "-8px",
                         boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -17296,7 +16734,7 @@ var BinaryField = (props) => {
                           height: "14",
                           viewBox: "0 0 14 14",
                           fill: "none",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                             "path",
                             {
                               "fill-rule": "evenodd",
@@ -17320,7 +16758,7 @@ var BinaryField = (props) => {
 };
 
 // src/widgets/basic/button-badge-field/button-badge.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var typeStyles = {
   primary: {
     backgroundColor: "#3b82f6",
@@ -17395,11 +16833,11 @@ var ButtonBadgeField = (props) => {
     return item && type === "selection" && Array.isArray(item) ? item[1] : item;
   };
   const label = getLabel(defaultValue ?? value);
-  return label ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
+  return label ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { style: { ...baseStyle, ...getType() }, children: label }) : null;
 };
 
 // src/widgets/basic/button-field/button.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var ButtonField = (props) => {
   const {
     func,
@@ -17410,7 +16848,7 @@ var ButtonField = (props) => {
     type = "submit"
   } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: !loading ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "button",
     {
       type,
@@ -17419,7 +16857,7 @@ var ButtonField = (props) => {
       onClick: func,
       children: t3(content)
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "button",
     {
       type,
@@ -17428,15 +16866,15 @@ var ButtonField = (props) => {
       children: [
         t3("loading"),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LoadingIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(LoadingIcon, {})
       ]
     }
   ) });
 };
 
 // src/widgets/basic/char-field/char.tsx
-var import_react40 = require("react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react39 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
@@ -17464,9 +16902,9 @@ var CharField = (props) => {
   } = props;
   if (!isForm && !isEditTable) {
     const propValue = value || defaultValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -17494,12 +16932,12 @@ var CharField = (props) => {
         fieldState: { error: error2, isDirty }
       }) => {
         const { setError, clearErrors } = methods;
-        (0, import_react40.useEffect)(() => {
+        (0, import_react39.useEffect)(() => {
           if (value2) {
             clearErrors(name2);
           }
         }, [value2, clearErrors, name2]);
-        (0, import_react40.useEffect)(() => {
+        (0, import_react39.useEffect)(() => {
           if (widget !== WIDGET_AUTO_COMPUTE_DEPEND) return;
           const depValue = formValues?.[options2?.depend_field]?.[options2?.field_name];
           const currentValue = methods?.getValues(name2);
@@ -17508,7 +16946,7 @@ var CharField = (props) => {
           }
         }, [widget, formValues]);
         const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
-        const displayValue = (0, import_react40.useMemo)(() => {
+        const displayValue = (0, import_react39.useMemo)(() => {
           if ((widget === "access_token" || widget === "refresh_token") && typeof realValue === "string" && !isDirty) {
             return "*".repeat(realValue.length);
           }
@@ -17520,8 +16958,8 @@ var CharField = (props) => {
           }
           return "";
         }, [widget, formValues]);
-        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
             "input",
             {
               value: displayValue ?? "",
@@ -17582,7 +17020,7 @@ var CharField = (props) => {
                 `
             }
           ),
-          isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
+          isEditTable ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: error2 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message }) })
         ] });
       }
     }
@@ -17590,7 +17028,7 @@ var CharField = (props) => {
 };
 
 // src/widgets/basic/checkbox-field/checkbox.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var CheckboxField = (props) => {
   const {
     name: name2,
@@ -17605,9 +17043,9 @@ var CheckboxField = (props) => {
   } = props;
   if (!isForm) {
     if (name2 === "is_active" || name2 === "active") {
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ActiveBadgeField, { type: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ActiveBadgeField, { type: value });
     } else {
-      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "input",
         {
           type: "checkbox",
@@ -17618,12 +17056,12 @@ var CheckboxField = (props) => {
       );
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "div",
         {
           className: "flex items-center gap-2",
@@ -17636,7 +17074,7 @@ var CheckboxField = (props) => {
               onChange2(name2 ?? "", checked);
             }
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
             "input",
             {
               ...field,
@@ -17663,24 +17101,24 @@ var CheckboxField = (props) => {
 };
 
 // src/widgets/basic/color-field/color-wrapper.tsx
-var import_react41 = require("react");
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_react40 = require("react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var ColorWrapper = (props) => {
   const {
     colors: colors2,
     defaultColor,
     savePickColor
   } = props;
-  const [selectedColor, setSelectedColor] = (0, import_react41.useState)(colors2[defaultColor]);
-  const [showFullColors, setIsShowFullColor] = (0, import_react41.useState)(false);
-  const pickColorsRef = (0, import_react41.useRef)(null);
-  (0, import_react41.useEffect)(() => {
+  const [selectedColor, setSelectedColor] = (0, import_react40.useState)(colors2[defaultColor]);
+  const [showFullColors, setIsShowFullColor] = (0, import_react40.useState)(false);
+  const pickColorsRef = (0, import_react40.useRef)(null);
+  (0, import_react40.useEffect)(() => {
     setSelectedColor(colors2[defaultColor]);
   }, [defaultColor]);
   const handleShowFullColors = () => {
     setIsShowFullColor(!showFullColors);
   };
-  (0, import_react41.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (pickColorsRef.current && !pickColorsRef.current.contains(event.target)) {
         setIsShowFullColor(false);
@@ -17691,8 +17129,8 @@ var ColorWrapper = (props) => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref: pickColorsRef, children: showFullColors ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "flex gap-2", children: COLORS.map((color) => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "button",
       {
         "data-tooltip-id": `${color?.color}${color?.id}`,
@@ -17706,7 +17144,7 @@ var ColorWrapper = (props) => {
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       M,
       {
         className: "",
@@ -17715,8 +17153,8 @@ var ColorWrapper = (props) => {
         content: i18n_default.t(color?.name)
       }
     )
-  ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  ] }, color?.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       "button",
       {
         "data-tooltip-id": `${selectedColor?.id}${selectedColor?.name}`,
@@ -17729,7 +17167,7 @@ var ColorWrapper = (props) => {
         style: { backgroundColor: selectedColor?.color }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
       M,
       {
         place: "top",
@@ -17741,13 +17179,13 @@ var ColorWrapper = (props) => {
 };
 
 // src/widgets/basic/color-field/color.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ColorField = (props) => {
   const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
   if (!isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
+    return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -17757,7 +17195,7 @@ var ColorField = (props) => {
           field.onChange(color?.id);
           onChange2 && onChange2(name2 ?? "", color?.id);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
           ColorWrapper,
           {
             savePickColor: handlePickColorChange,
@@ -17771,8 +17209,8 @@ var ColorField = (props) => {
 };
 
 // src/widgets/basic/copy-link-buttton/copy-link.tsx
-var import_react42 = require("react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_react41 = require("react");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
@@ -17791,9 +17229,9 @@ var CopyLinkButtonField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "truncate max-w-[300px]", children: propValue && typeof propValue === "object" ? propValue.display_name : propValue });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -17806,13 +17244,13 @@ var CopyLinkButtonField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        (0, import_react42.useEffect)(() => {
+        (0, import_react41.useEffect)(() => {
           if (value) {
             clearErrors(name2);
           }
         }, [value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
             "div",
             {
               "aria-disabled": readonly,
@@ -17821,7 +17259,7 @@ var CopyLinkButtonField = (props) => {
                   ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
                  ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747]  hover:border-b-[1px] hover:border-[#de4747]"}`,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   "input",
                   {
                     value: typeof value === "string" || typeof value === "number" ? String(value) : "",
@@ -17862,19 +17300,19 @@ var CopyLinkButtonField = (props) => {
                 `
                   }
                 ),
-                readonly && value && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                readonly && value && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   "button",
                   {
                     className: "cursor-pointer",
                     type: "button",
                     onClick: () => handleCopyToClipboard(propValue),
-                    children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(CopyIcon, {})
+                    children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CheckIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(CopyIcon, {})
                   }
                 )
               ]
             }
           ),
-          error2 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -17882,10 +17320,10 @@ var CopyLinkButtonField = (props) => {
 };
 
 // src/widgets/basic/date-field/date.tsx
-var import_react55 = require("react");
+var import_react54 = require("react");
 
 // node_modules/react-datepicker/dist/index.es.js
-var import_react45 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 
 // node_modules/date-fns/constants.js
 var daysInYear = 365.2425;
@@ -21787,11 +21225,11 @@ var React8 = __toESM(require("react"), 1);
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.utils.mjs
 var React6 = __toESM(require("react"), 1);
-var import_react43 = require("react");
+var import_react42 = require("react");
 var isClient = typeof document !== "undefined";
 var noop2 = function noop3() {
 };
-var index = isClient ? import_react43.useLayoutEffect : noop2;
+var index = isClient ? import_react42.useLayoutEffect : noop2;
 var SafeReact = {
   ...React6
 };
@@ -21815,17 +21253,17 @@ function useEffectEvent(callback) {
 }
 
 // node_modules/react-datepicker/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var ReactDOM2 = __toESM(require("react-dom"), 1);
 
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
 var React7 = __toESM(require("react"), 1);
-var import_react44 = require("react");
+var import_react43 = require("react");
 var ReactDOM = __toESM(require("react-dom"), 1);
 var isClient2 = typeof document !== "undefined";
 var noop4 = function noop5() {
 };
-var index2 = isClient2 ? import_react44.useLayoutEffect : noop4;
+var index2 = isClient2 ? import_react43.useLayoutEffect : noop4;
 function deepEqual2(a2, b2) {
   if (a2 === b2) {
     return true;
@@ -22213,7 +21651,7 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
     bottom: isCustomShape ? "" : "rotate(180deg)",
     right: isCustomShape ? "rotate(-90deg)" : "rotate(90deg)"
   }[side];
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("svg", {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("svg", {
     ...rest,
     "aria-hidden": true,
     ref,
@@ -22229,18 +21667,18 @@ var FloatingArrow = /* @__PURE__ */ React8.forwardRef(function FloatingArrow2(pr
       transform: [rotation, transform].filter((t3) => !!t3).join(" "),
       ...restStyle
     },
-    children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", {
+    children: [computedStrokeWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
       clipPath: "url(#" + clipPathId + ")",
       fill: "none",
       stroke,
       strokeWidth: computedStrokeWidth + (d ? 0 : 1),
       d: dValue
-    }), /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", {
+    }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("path", {
       stroke: computedStrokeWidth && !d ? rest.fill : "none",
       d: dValue
-    }), /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("clipPath", {
+    }), /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("clipPath", {
       id: clipPathId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("rect", {
+      children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("rect", {
         x: -halfStrokeWidth,
         y: halfStrokeWidth * (isCustomShape ? -1 : 1),
         width: width + computedStrokeWidth,
@@ -22452,13 +21890,13 @@ function __spreadArray(to2, from2, pack) {
 var CalendarContainer = function(_a2) {
   var _b = _a2.showTimeSelectOnly, showTimeSelectOnly = _b === void 0 ? false : _b, _c = _a2.showTime, showTime = _c === void 0 ? false : _c, className = _a2.className, children = _a2.children;
   var ariaLabel = showTimeSelectOnly ? "Choose Time" : "Choose Date".concat(showTime ? " and Time" : "");
-  return import_react45.default.createElement("div", { className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children);
+  return import_react44.default.createElement("div", { className, role: "dialog", "aria-label": ariaLabel, "aria-modal": "true" }, children);
 };
 var useDetectClickOutside = function(onClickOutside, ignoreClass) {
-  var ref = (0, import_react45.useRef)(null);
-  var onClickOutsideRef = (0, import_react45.useRef)(onClickOutside);
+  var ref = (0, import_react44.useRef)(null);
+  var onClickOutsideRef = (0, import_react44.useRef)(onClickOutside);
   onClickOutsideRef.current = onClickOutside;
-  var handleClickOutside = (0, import_react45.useCallback)(function(event) {
+  var handleClickOutside = (0, import_react44.useCallback)(function(event) {
     var _a2;
     var target = event.composed && event.composedPath && event.composedPath().find(function(eventTarget) {
       return eventTarget instanceof Node;
@@ -22469,7 +21907,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
       }
     }
   }, [ignoreClass]);
-  (0, import_react45.useEffect)(function() {
+  (0, import_react44.useEffect)(function() {
     document.addEventListener("mousedown", handleClickOutside);
     return function() {
       document.removeEventListener("mousedown", handleClickOutside);
@@ -22480,7 +21918,7 @@ var useDetectClickOutside = function(onClickOutside, ignoreClass) {
 var ClickOutsideWrapper = function(_a2) {
   var children = _a2.children, onClickOutside = _a2.onClickOutside, className = _a2.className, containerRef = _a2.containerRef, style = _a2.style, ignoreClass = _a2.ignoreClass;
   var detectRef = useDetectClickOutside(onClickOutside, ignoreClass);
-  return import_react45.default.createElement("div", { className, style, ref: function(node2) {
+  return import_react44.default.createElement("div", { className, style, ref: function(node2) {
     detectRef.current = node2;
     if (containerRef) {
       containerRef.current = node2;
@@ -23076,7 +22514,7 @@ var InputTime = (
     __extends(InputTime2, _super);
     function InputTime2(props) {
       var _this = _super.call(this, props) || this;
-      _this.inputRef = import_react45.default.createRef();
+      _this.inputRef = import_react44.default.createRef();
       _this.onTimeChange = function(time) {
         var _a2, _b;
         _this.setState({ time });
@@ -23094,13 +22532,13 @@ var InputTime = (
         var time = _this.state.time;
         var _a2 = _this.props, date = _a2.date, timeString = _a2.timeString, customTimeInput = _a2.customTimeInput;
         if (customTimeInput) {
-          return (0, import_react45.cloneElement)(customTimeInput, {
+          return (0, import_react44.cloneElement)(customTimeInput, {
             date,
             value: time,
             onChange: _this.onTimeChange
           });
         }
-        return import_react45.default.createElement("input", { type: "time", className: "react-datepicker-time__input", placeholder: "Time", name: "time-input", ref: _this.inputRef, onClick: function() {
+        return import_react44.default.createElement("input", { type: "time", className: "react-datepicker-time__input", placeholder: "Time", name: "time-input", ref: _this.inputRef, onClick: function() {
           var _a3;
           (_a3 = _this.inputRef.current) === null || _a3 === void 0 ? void 0 : _a3.focus();
         }, required: true, value: time, onChange: function(event) {
@@ -23121,19 +22559,19 @@ var InputTime = (
       return null;
     };
     InputTime2.prototype.render = function() {
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         "div",
         { className: "react-datepicker__input-time-container" },
-        import_react45.default.createElement("div", { className: "react-datepicker-time__caption" }, this.props.timeInputLabel),
-        import_react45.default.createElement(
+        import_react44.default.createElement("div", { className: "react-datepicker-time__caption" }, this.props.timeInputLabel),
+        import_react44.default.createElement(
           "div",
           { className: "react-datepicker-time__input-container" },
-          import_react45.default.createElement("div", { className: "react-datepicker-time__input" }, this.renderTimeInput())
+          import_react44.default.createElement("div", { className: "react-datepicker-time__input" }, this.renderTimeInput())
         )
       );
     };
     return InputTime2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var Day = (
   /** @class */
@@ -23141,7 +22579,7 @@ var Day = (
     __extends(Day2, _super);
     function Day2() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.dayEl = (0, import_react45.createRef)();
+      _this.dayEl = (0, import_react44.createRef)();
       _this.handleClick = function(event) {
         if (!_this.isDisabled() && _this.props.onClick) {
           _this.props.onClick(event);
@@ -23376,11 +22814,11 @@ var Day = (
       _this.render = function() {
         return (
           // TODO: Use <option> instead of the "option" role to ensure accessibility across all devices.
-          import_react45.default.createElement(
+          import_react44.default.createElement(
             "div",
             { ref: _this.dayEl, className: _this.getClassNames(_this.props.day), onKeyDown: _this.handleOnKeyDown, onClick: _this.handleClick, onMouseEnter: !_this.props.usePointerEvent ? _this.handleMouseEnter : void 0, onPointerEnter: _this.props.usePointerEvent ? _this.handleMouseEnter : void 0, tabIndex: _this.getTabIndex(), "aria-label": _this.getAriaLabel(), role: "option", title: _this.getTitle(), "aria-disabled": _this.isDisabled(), "aria-current": _this.isCurrentDay() ? "date" : void 0, "aria-selected": _this.isSelected() || _this.isInRange() },
             _this.renderDayContents(),
-            _this.getTitle() !== "" && import_react45.default.createElement("span", { className: "overlay" }, _this.getTitle())
+            _this.getTitle() !== "" && import_react44.default.createElement("span", { className: "overlay" }, _this.getTitle())
           )
         );
       };
@@ -23421,7 +22859,7 @@ var Day = (
       );
     };
     return Day2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var WeekNumber = (
   /** @class */
@@ -23429,7 +22867,7 @@ var WeekNumber = (
     __extends(WeekNumber2, _super);
     function WeekNumber2() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
-      _this.weekNumberEl = (0, import_react45.createRef)();
+      _this.weekNumberEl = (0, import_react44.createRef)();
       _this.handleClick = function(event) {
         if (_this.props.onClick) {
           _this.props.onClick(event);
@@ -23489,10 +22927,10 @@ var WeekNumber = (
         "react-datepicker__week-number--clickable": !!onClick && !isWeekDisabled,
         "react-datepicker__week-number--selected": !!onClick && isSameDay2(this.props.date, this.props.selected)
       };
-      return import_react45.default.createElement("div", { ref: this.weekNumberEl, className: clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex() }, weekNumber);
+      return import_react44.default.createElement("div", { ref: this.weekNumberEl, className: clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex() }, weekNumber);
     };
     return WeekNumber2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var Week = (
   /** @class */
@@ -23566,11 +23004,11 @@ var Week = (
         var weekNumber = _this.formatWeekNumber(startOfWeek2);
         if (_this.props.showWeekNumber) {
           var onClickAction = _this.props.onWeekSelect || _this.props.showWeekPicker ? _this.handleWeekClick.bind(_this, startOfWeek2, weekNumber) : void 0;
-          days.push(import_react45.default.createElement(WeekNumber, _assign({ key: "W" }, Week2.defaultProps, _this.props, { weekNumber, isWeekDisabled: _this.isWeekDisabled(), date: startOfWeek2, onClick: onClickAction })));
+          days.push(import_react44.default.createElement(WeekNumber, _assign({ key: "W" }, Week2.defaultProps, _this.props, { weekNumber, isWeekDisabled: _this.isWeekDisabled(), date: startOfWeek2, onClick: onClickAction })));
         }
         return days.concat([0, 1, 2, 3, 4, 5, 6].map(function(offset4) {
           var day = addDays(startOfWeek2, offset4);
-          return import_react45.default.createElement(Day, _assign({}, Week2.defaultProps, _this.props, { ariaLabelPrefixWhenEnabled: _this.props.chooseDayAriaLabelPrefix, ariaLabelPrefixWhenDisabled: _this.props.disabledDayAriaLabelPrefix, key: day.valueOf(), day, onClick: _this.handleDayClick.bind(_this, day), onMouseEnter: _this.handleDayMouseEnter.bind(_this, day) }));
+          return import_react44.default.createElement(Day, _assign({}, Week2.defaultProps, _this.props, { ariaLabelPrefixWhenEnabled: _this.props.chooseDayAriaLabelPrefix, ariaLabelPrefixWhenDisabled: _this.props.disabledDayAriaLabelPrefix, key: day.valueOf(), day, onClick: _this.handleDayClick.bind(_this, day), onMouseEnter: _this.handleDayMouseEnter.bind(_this, day) }));
         }));
       };
       _this.startOfWeek = function() {
@@ -23596,10 +23034,10 @@ var Week = (
         "react-datepicker__week--selected": isSameDay2(this.startOfWeek(), this.props.selected),
         "react-datepicker__week--keyboard-selected": this.isKeyboardSelected()
       };
-      return import_react45.default.createElement("div", { className: clsx(weekNumberClasses) }, this.renderDays());
+      return import_react44.default.createElement("div", { className: clsx(weekNumberClasses) }, this.renderDays());
     };
     return Week2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var _a;
 var FIXED_HEIGHT_STANDARD_WEEK_COUNT = 6;
@@ -23651,10 +23089,10 @@ var Month = (
     function Month2() {
       var _this = _super !== null && _super.apply(this, arguments) || this;
       _this.MONTH_REFS = __spreadArray([], Array(12), true).map(function() {
-        return (0, import_react45.createRef)();
+        return (0, import_react44.createRef)();
       });
       _this.QUARTER_REFS = __spreadArray([], Array(4), true).map(function() {
-        return (0, import_react45.createRef)();
+        return (0, import_react44.createRef)();
       });
       _this.isDisabled = function(day) {
         return isDayDisabled(day, {
@@ -23824,7 +23262,7 @@ var Month = (
         var selected = _this.props.selected ? isSelected(_this.props.selected) : void 0;
         var preSelection = _this.props.preSelection ? isPreSelected(_this.props.preSelection) : void 0;
         while (true) {
-          weeks.push(import_react45.default.createElement(Week, _assign({}, _this.props, { ariaLabelPrefix: _this.props.weekAriaLabelPrefix, key: i3, day: currentWeekStart, month: getMonth(_this.props.day), onDayClick: _this.handleDayClick, onDayMouseEnter: _this.handleDayMouseEnter, selected, preSelection, showWeekNumber: _this.props.showWeekNumbers })));
+          weeks.push(import_react44.default.createElement(Week, _assign({}, _this.props, { ariaLabelPrefix: _this.props.weekAriaLabelPrefix, key: i3, day: currentWeekStart, month: getMonth(_this.props.day), onDayClick: _this.handleDayClick, onDayMouseEnter: _this.handleDayMouseEnter, selected, preSelection, showWeekNumber: _this.props.showWeekNumbers })));
           if (breakAfterNextPush)
             break;
           i3++;
@@ -24093,8 +23531,8 @@ var Month = (
         var _b = _this.props, showTwoColumnMonthYearPicker = _b.showTwoColumnMonthYearPicker, showFourColumnMonthYearPicker = _b.showFourColumnMonthYearPicker, day = _b.day, selected = _b.selected;
         var monthColumns = (_a2 = MONTH_COLUMNS[getMonthColumnsLayout(showFourColumnMonthYearPicker, showTwoColumnMonthYearPicker)]) === null || _a2 === void 0 ? void 0 : _a2.grid;
         return monthColumns === null || monthColumns === void 0 ? void 0 : monthColumns.map(function(month, i3) {
-          return import_react45.default.createElement("div", { className: "react-datepicker__month-wrapper", key: i3 }, month.map(function(m, j) {
-            return import_react45.default.createElement("div", { ref: _this.MONTH_REFS[m], key: j, onClick: function(event) {
+          return import_react44.default.createElement("div", { className: "react-datepicker__month-wrapper", key: i3 }, month.map(function(m, j) {
+            return import_react44.default.createElement("div", { ref: _this.MONTH_REFS[m], key: j, onClick: function(event) {
               _this.onMonthClick(event, m);
             }, onKeyDown: function(event) {
               if (isSpaceKeyDown(event)) {
@@ -24113,8 +23551,8 @@ var Month = (
       _this.renderQuarters = function() {
         var _a2 = _this.props, day = _a2.day, selected = _a2.selected;
         var quarters = [1, 2, 3, 4];
-        return import_react45.default.createElement("div", { className: "react-datepicker__quarter-wrapper" }, quarters.map(function(q3, j) {
-          return import_react45.default.createElement("div", { key: j, ref: _this.QUARTER_REFS[j], role: "option", onClick: function(event) {
+        return import_react44.default.createElement("div", { className: "react-datepicker__quarter-wrapper" }, quarters.map(function(q3, j) {
+          return import_react44.default.createElement("div", { key: j, ref: _this.QUARTER_REFS[j], role: "option", onClick: function(event) {
             _this.onQuarterClick(event, q3);
           }, onKeyDown: function(event) {
             _this.onQuarterKeyDown(event, q3);
@@ -24146,10 +23584,10 @@ var Month = (
     Month2.prototype.render = function() {
       var _a2 = this.props, showMonthYearPicker = _a2.showMonthYearPicker, showQuarterYearPicker = _a2.showQuarterYearPicker, day = _a2.day, _b = _a2.ariaLabelPrefix, ariaLabelPrefix = _b === void 0 ? "Month " : _b;
       var formattedAriaLabelPrefix = ariaLabelPrefix ? ariaLabelPrefix.trim() + " " : "";
-      return import_react45.default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : void 0, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : void 0, "aria-label": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), role: "listbox" }, showMonthYearPicker ? this.renderMonths() : showQuarterYearPicker ? this.renderQuarters() : this.renderWeeks());
+      return import_react44.default.createElement("div", { className: this.getClassNames(), onMouseLeave: !this.props.usePointerEvent ? this.handleMouseLeave : void 0, onPointerLeave: this.props.usePointerEvent ? this.handleMouseLeave : void 0, "aria-label": "".concat(formattedAriaLabelPrefix).concat(formatDate(day, "MMMM, yyyy", this.props.locale)), role: "listbox" }, showMonthYearPicker ? this.renderMonths() : showQuarterYearPicker ? this.renderQuarters() : this.renderWeeks());
     };
     return Month2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var MonthDropdownOptions = (
   /** @class */
@@ -24162,10 +23600,10 @@ var MonthDropdownOptions = (
       };
       _this.renderOptions = function() {
         return _this.props.monthNames.map(function(month, i3) {
-          return import_react45.default.createElement(
+          return import_react44.default.createElement(
             "div",
             { className: _this.isSelectedMonth(i3) ? "react-datepicker__month-option react-datepicker__month-option--selected_month" : "react-datepicker__month-option", key: month, onClick: _this.onChange.bind(_this, i3), "aria-selected": _this.isSelectedMonth(i3) ? "true" : void 0 },
-            _this.isSelectedMonth(i3) ? import_react45.default.createElement("span", { className: "react-datepicker__month-option--selected" }, "\u2713") : "",
+            _this.isSelectedMonth(i3) ? import_react44.default.createElement("span", { className: "react-datepicker__month-option--selected" }, "\u2713") : "",
             month
           );
         });
@@ -24179,10 +23617,10 @@ var MonthDropdownOptions = (
       return _this;
     }
     MonthDropdownOptions2.prototype.render = function() {
-      return import_react45.default.createElement(ClickOutsideWrapper, { className: "react-datepicker__month-dropdown", onClickOutside: this.handleClickOutside }, this.renderOptions());
+      return import_react44.default.createElement(ClickOutsideWrapper, { className: "react-datepicker__month-dropdown", onClickOutside: this.handleClickOutside }, this.renderOptions());
     };
     return MonthDropdownOptions2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var MonthDropdown = (
   /** @class */
@@ -24195,24 +23633,24 @@ var MonthDropdown = (
       };
       _this.renderSelectOptions = function(monthNames) {
         return monthNames.map(function(m, i3) {
-          return import_react45.default.createElement("option", { key: m, value: i3 }, m);
+          return import_react44.default.createElement("option", { key: m, value: i3 }, m);
         });
       };
       _this.renderSelectMode = function(monthNames) {
-        return import_react45.default.createElement("select", { value: _this.props.month, className: "react-datepicker__month-select", onChange: function(e3) {
+        return import_react44.default.createElement("select", { value: _this.props.month, className: "react-datepicker__month-select", onChange: function(e3) {
           return _this.onChange(parseInt(e3.target.value));
         } }, _this.renderSelectOptions(monthNames));
       };
       _this.renderReadView = function(visible, monthNames) {
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { key: "read", style: { visibility: visible ? "visible" : "hidden" }, className: "react-datepicker__month-read-view", onClick: _this.toggleDropdown },
-          import_react45.default.createElement("span", { className: "react-datepicker__month-read-view--down-arrow" }),
-          import_react45.default.createElement("span", { className: "react-datepicker__month-read-view--selected-month" }, monthNames[_this.props.month])
+          import_react44.default.createElement("span", { className: "react-datepicker__month-read-view--down-arrow" }),
+          import_react44.default.createElement("span", { className: "react-datepicker__month-read-view--selected-month" }, monthNames[_this.props.month])
         );
       };
       _this.renderDropdown = function(monthNames) {
-        return import_react45.default.createElement(MonthDropdownOptions, _assign({ key: "dropdown" }, _this.props, { monthNames, onChange: _this.onChange, onCancel: _this.toggleDropdown }));
+        return import_react44.default.createElement(MonthDropdownOptions, _assign({ key: "dropdown" }, _this.props, { monthNames, onChange: _this.onChange, onCancel: _this.toggleDropdown }));
       };
       _this.renderScrollMode = function(monthNames) {
         var dropdownVisible = _this.state.dropdownVisible;
@@ -24251,10 +23689,10 @@ var MonthDropdown = (
           renderedDropdown = this.renderSelectMode(monthNames);
           break;
       }
-      return import_react45.default.createElement("div", { className: "react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
+      return import_react44.default.createElement("div", { className: "react-datepicker__month-dropdown-container react-datepicker__month-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
     };
     return MonthDropdown2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 function generateMonthYears(minDate, maxDate) {
   var list = [];
@@ -24276,10 +23714,10 @@ var MonthYearDropdownOptions = (
         return _this.state.monthYearsList.map(function(monthYear) {
           var monthYearPoint = getTime(monthYear);
           var isSameMonthYear = isSameYear2(_this.props.date, monthYear) && isSameMonth2(_this.props.date, monthYear);
-          return import_react45.default.createElement(
+          return import_react44.default.createElement(
             "div",
             { className: isSameMonthYear ? "react-datepicker__month-year-option--selected_month-year" : "react-datepicker__month-year-option", key: monthYearPoint, onClick: _this.onChange.bind(_this, monthYearPoint), "aria-selected": isSameMonthYear ? "true" : void 0 },
-            isSameMonthYear ? import_react45.default.createElement("span", { className: "react-datepicker__month-year-option--selected" }, "\u2713") : "",
+            isSameMonthYear ? import_react44.default.createElement("span", { className: "react-datepicker__month-year-option--selected" }, "\u2713") : "",
             formatDate(monthYear, _this.props.dateFormat, _this.props.locale)
           );
         });
@@ -24300,10 +23738,10 @@ var MonthYearDropdownOptions = (
         "react-datepicker__month-year-dropdown": true,
         "react-datepicker__month-year-dropdown--scrollable": this.props.scrollableMonthYearDropdown
       });
-      return import_react45.default.createElement(ClickOutsideWrapper, { className: dropdownClass, onClickOutside: this.handleClickOutside }, this.renderOptions());
+      return import_react44.default.createElement(ClickOutsideWrapper, { className: dropdownClass, onClickOutside: this.handleClickOutside }, this.renderOptions());
     };
     return MonthYearDropdownOptions2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var MonthYearDropdown = (
   /** @class */
@@ -24320,7 +23758,7 @@ var MonthYearDropdown = (
         var options2 = [];
         while (!isAfter(currDate, lastDate)) {
           var timePoint = getTime(currDate);
-          options2.push(import_react45.default.createElement("option", { key: timePoint, value: timePoint }, formatDate(currDate, _this.props.dateFormat, _this.props.locale)));
+          options2.push(import_react44.default.createElement("option", { key: timePoint, value: timePoint }, formatDate(currDate, _this.props.dateFormat, _this.props.locale)));
           currDate = addMonths(currDate, 1);
         }
         return options2;
@@ -24329,19 +23767,19 @@ var MonthYearDropdown = (
         _this.onChange(parseInt(event.target.value));
       };
       _this.renderSelectMode = function() {
-        return import_react45.default.createElement("select", { value: getTime(getStartOfMonth(_this.props.date)), className: "react-datepicker__month-year-select", onChange: _this.onSelectChange }, _this.renderSelectOptions());
+        return import_react44.default.createElement("select", { value: getTime(getStartOfMonth(_this.props.date)), className: "react-datepicker__month-year-select", onChange: _this.onSelectChange }, _this.renderSelectOptions());
       };
       _this.renderReadView = function(visible) {
         var yearMonth = formatDate(_this.props.date, _this.props.dateFormat, _this.props.locale);
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { key: "read", style: { visibility: visible ? "visible" : "hidden" }, className: "react-datepicker__month-year-read-view", onClick: _this.toggleDropdown },
-          import_react45.default.createElement("span", { className: "react-datepicker__month-year-read-view--down-arrow" }),
-          import_react45.default.createElement("span", { className: "react-datepicker__month-year-read-view--selected-month-year" }, yearMonth)
+          import_react44.default.createElement("span", { className: "react-datepicker__month-year-read-view--down-arrow" }),
+          import_react44.default.createElement("span", { className: "react-datepicker__month-year-read-view--selected-month-year" }, yearMonth)
         );
       };
       _this.renderDropdown = function() {
-        return import_react45.default.createElement(MonthYearDropdownOptions, _assign({ key: "dropdown" }, _this.props, { onChange: _this.onChange, onCancel: _this.toggleDropdown }));
+        return import_react44.default.createElement(MonthYearDropdownOptions, _assign({ key: "dropdown" }, _this.props, { onChange: _this.onChange, onCancel: _this.toggleDropdown }));
       };
       _this.renderScrollMode = function() {
         var dropdownVisible = _this.state.dropdownVisible;
@@ -24376,10 +23814,10 @@ var MonthYearDropdown = (
           renderedDropdown = this.renderSelectMode();
           break;
       }
-      return import_react45.default.createElement("div", { className: "react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
+      return import_react44.default.createElement("div", { className: "react-datepicker__month-year-dropdown-container react-datepicker__month-year-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
     };
     return MonthYearDropdown2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var Time = (
   /** @class */
@@ -24474,7 +23912,7 @@ var Time = (
           return prev2;
         }, times[0]);
         return times.map(function(time) {
-          return import_react45.default.createElement("li", { key: time.valueOf(), onClick: _this.handleClick.bind(_this, time), className: _this.liClasses(time), ref: function(li) {
+          return import_react44.default.createElement("li", { key: time.valueOf(), onClick: _this.handleClick.bind(_this, time), className: _this.liClasses(time), ref: function(li) {
             if (time === timeToFocus) {
               _this.centerLi = li;
             }
@@ -24485,14 +23923,14 @@ var Time = (
       };
       _this.renderTimeCaption = function() {
         if (_this.props.showTimeCaption === false) {
-          return import_react45.default.createElement(import_react45.default.Fragment, null);
+          return import_react44.default.createElement(import_react44.default.Fragment, null);
         }
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { className: "react-datepicker__header react-datepicker__header--time ".concat(_this.props.showTimeSelectOnly ? "react-datepicker__header--time--only" : ""), ref: function(header) {
             _this.header = header;
           } },
-          import_react45.default.createElement("div", { className: "react-datepicker-time__header" }, _this.props.timeCaption)
+          import_react44.default.createElement("div", { className: "react-datepicker-time__header" }, _this.props.timeCaption)
         );
       };
       return _this;
@@ -24539,17 +23977,17 @@ var Time = (
       var _this = this;
       var _a2;
       var height = this.state.height;
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         "div",
         { className: "react-datepicker__time-container ".concat(((_a2 = this.props.todayButton) !== null && _a2 !== void 0 ? _a2 : Time2.defaultProps.todayButton) ? "react-datepicker__time-container--with-today-button" : "") },
         this.renderTimeCaption(),
-        import_react45.default.createElement(
+        import_react44.default.createElement(
           "div",
           { className: "react-datepicker__time" },
-          import_react45.default.createElement(
+          import_react44.default.createElement(
             "div",
             { className: "react-datepicker__time-box" },
-            import_react45.default.createElement("ul", { className: "react-datepicker__time-list", ref: function(list) {
+            import_react44.default.createElement("ul", { className: "react-datepicker__time-list", ref: function(list) {
               _this.list = list;
             }, style: height ? { height } : {}, role: "listbox", "aria-label": this.props.timeCaption }, this.renderTimes())
           )
@@ -24560,7 +23998,7 @@ var Time = (
       return centerLiRef.offsetTop - (listHeight / 2 - centerLiRef.clientHeight / 2);
     };
     return Time2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var VERTICAL_NAVIGATION_OFFSET = 3;
 var Year = (
@@ -24570,7 +24008,7 @@ var Year = (
     function Year2(props) {
       var _this = _super.call(this, props) || this;
       _this.YEAR_REFS = __spreadArray([], Array(_this.props.yearItemNumber), true).map(function() {
-        return (0, import_react45.createRef)();
+        return (0, import_react44.createRef)();
       });
       _this.isDisabled = function(date) {
         return isDayDisabled(date, {
@@ -24807,7 +24245,7 @@ var Year = (
       }
       var _b = getYearsPeriod(date, yearItemNumber), startPeriod = _b.startPeriod, endPeriod = _b.endPeriod;
       var _loop_1 = function(y4) {
-        yearsList.push(import_react45.default.createElement("div", { ref: this_1.YEAR_REFS[y4 - startPeriod], onClick: function(event) {
+        yearsList.push(import_react44.default.createElement("div", { ref: this_1.YEAR_REFS[y4 - startPeriod], onClick: function(event) {
           _this.onYearClick(event, y4);
         }, onKeyDown: function(event) {
           if (isSpaceKeyDown(event)) {
@@ -24829,14 +24267,14 @@ var Year = (
       for (var y3 = startPeriod; y3 <= endPeriod; y3++) {
         _loop_1(y3);
       }
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         "div",
         { className: "react-datepicker__year" },
-        import_react45.default.createElement("div", { className: "react-datepicker__year-wrapper", onMouseLeave: !this.props.usePointerEvent ? this.props.clearSelectingDate : void 0, onPointerLeave: this.props.usePointerEvent ? this.props.clearSelectingDate : void 0 }, yearsList)
+        import_react44.default.createElement("div", { className: "react-datepicker__year-wrapper", onMouseLeave: !this.props.usePointerEvent ? this.props.clearSelectingDate : void 0, onPointerLeave: this.props.usePointerEvent ? this.props.clearSelectingDate : void 0 }, yearsList)
       );
     };
     return Year2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 function generateYears(year, noOfYear, minDate, maxDate) {
   var list = [];
@@ -24864,10 +24302,10 @@ var YearDropdownOptions = (
       _this.renderOptions = function() {
         var selectedYear = _this.props.year;
         var options2 = _this.state.yearsList.map(function(year) {
-          return import_react45.default.createElement(
+          return import_react44.default.createElement(
             "div",
             { className: selectedYear === year ? "react-datepicker__year-option react-datepicker__year-option--selected_year" : "react-datepicker__year-option", key: year, onClick: _this.onChange.bind(_this, year), "aria-selected": selectedYear === year ? "true" : void 0 },
-            selectedYear === year ? import_react45.default.createElement("span", { className: "react-datepicker__year-option--selected" }, "\u2713") : "",
+            selectedYear === year ? import_react44.default.createElement("span", { className: "react-datepicker__year-option--selected" }, "\u2713") : "",
             year
           );
         });
@@ -24876,19 +24314,19 @@ var YearDropdownOptions = (
         if (!maxYear || !_this.state.yearsList.find(function(year) {
           return year === maxYear;
         })) {
-          options2.unshift(import_react45.default.createElement(
+          options2.unshift(import_react44.default.createElement(
             "div",
             { className: "react-datepicker__year-option", key: "upcoming", onClick: _this.incrementYears },
-            import_react45.default.createElement("a", { className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming" })
+            import_react44.default.createElement("a", { className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-upcoming" })
           ));
         }
         if (!minYear || !_this.state.yearsList.find(function(year) {
           return year === minYear;
         })) {
-          options2.push(import_react45.default.createElement(
+          options2.push(import_react44.default.createElement(
             "div",
             { className: "react-datepicker__year-option", key: "previous", onClick: _this.decrementYears },
-            import_react45.default.createElement("a", { className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous" })
+            import_react44.default.createElement("a", { className: "react-datepicker__navigation react-datepicker__navigation--years react-datepicker__navigation--years-previous" })
           ));
         }
         return options2;
@@ -24918,7 +24356,7 @@ var YearDropdownOptions = (
       _this.state = {
         yearsList: generateYears(_this.props.year, noOfYear, _this.props.minDate, _this.props.maxDate)
       };
-      _this.dropdownRef = (0, import_react45.createRef)();
+      _this.dropdownRef = (0, import_react44.createRef)();
       return _this;
     }
     YearDropdownOptions2.prototype.componentDidMount = function() {
@@ -24936,10 +24374,10 @@ var YearDropdownOptions = (
         "react-datepicker__year-dropdown": true,
         "react-datepicker__year-dropdown--scrollable": this.props.scrollableYearDropdown
       });
-      return import_react45.default.createElement(ClickOutsideWrapper, { className: dropdownClass, containerRef: this.dropdownRef, onClickOutside: this.handleClickOutside }, this.renderOptions());
+      return import_react44.default.createElement(ClickOutsideWrapper, { className: dropdownClass, containerRef: this.dropdownRef, onClickOutside: this.handleClickOutside }, this.renderOptions());
     };
     return YearDropdownOptions2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var YearDropdown = (
   /** @class */
@@ -24955,7 +24393,7 @@ var YearDropdown = (
         var maxYear = _this.props.maxDate ? getYear(_this.props.maxDate) : 2100;
         var options2 = [];
         for (var i3 = minYear; i3 <= maxYear; i3++) {
-          options2.push(import_react45.default.createElement("option", { key: i3, value: i3 }, i3));
+          options2.push(import_react44.default.createElement("option", { key: i3, value: i3 }, i3));
         }
         return options2;
       };
@@ -24963,20 +24401,20 @@ var YearDropdown = (
         _this.onChange(parseInt(event.target.value));
       };
       _this.renderSelectMode = function() {
-        return import_react45.default.createElement("select", { value: _this.props.year, className: "react-datepicker__year-select", onChange: _this.onSelectChange }, _this.renderSelectOptions());
+        return import_react44.default.createElement("select", { value: _this.props.year, className: "react-datepicker__year-select", onChange: _this.onSelectChange }, _this.renderSelectOptions());
       };
       _this.renderReadView = function(visible) {
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { key: "read", style: { visibility: visible ? "visible" : "hidden" }, className: "react-datepicker__year-read-view", onClick: function(event) {
             return _this.toggleDropdown(event);
           } },
-          import_react45.default.createElement("span", { className: "react-datepicker__year-read-view--down-arrow" }),
-          import_react45.default.createElement("span", { className: "react-datepicker__year-read-view--selected-year" }, _this.props.year)
+          import_react44.default.createElement("span", { className: "react-datepicker__year-read-view--down-arrow" }),
+          import_react44.default.createElement("span", { className: "react-datepicker__year-read-view--selected-year" }, _this.props.year)
         );
       };
       _this.renderDropdown = function() {
-        return import_react45.default.createElement(YearDropdownOptions, _assign({ key: "dropdown" }, _this.props, { onChange: _this.onChange, onCancel: _this.toggleDropdown }));
+        return import_react44.default.createElement(YearDropdownOptions, _assign({ key: "dropdown" }, _this.props, { onChange: _this.onChange, onCancel: _this.toggleDropdown }));
       };
       _this.renderScrollMode = function() {
         var dropdownVisible = _this.state.dropdownVisible;
@@ -25026,10 +24464,10 @@ var YearDropdown = (
           renderedDropdown = this.renderSelectMode();
           break;
       }
-      return import_react45.default.createElement("div", { className: "react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
+      return import_react44.default.createElement("div", { className: "react-datepicker__year-dropdown-container react-datepicker__year-dropdown-container--".concat(this.props.dropdownMode) }, renderedDropdown);
     };
     return YearDropdown2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var DROPDOWN_FOCUS_CLASSNAMES = [
   "react-datepicker__year-select",
@@ -25200,13 +24638,13 @@ var Calendar = (
         var startOfWeek2 = getStartOfWeek(date, _this.props.locale, _this.props.calendarStartDay);
         var dayNames = [];
         if (_this.props.showWeekNumbers) {
-          dayNames.push(import_react45.default.createElement("div", { key: "W", className: "react-datepicker__day-name" }, _this.props.weekLabel || "#"));
+          dayNames.push(import_react44.default.createElement("div", { key: "W", className: "react-datepicker__day-name" }, _this.props.weekLabel || "#"));
         }
         return dayNames.concat([0, 1, 2, 3, 4, 5, 6].map(function(offset4) {
           var day = addDays(startOfWeek2, offset4);
           var weekDayName = _this.formatWeekday(day, _this.props.locale);
           var weekDayClassName = _this.props.weekDayClassName ? _this.props.weekDayClassName(day) : void 0;
-          return import_react45.default.createElement("div", { key: offset4, "aria-label": formatDate(day, "EEEE", _this.props.locale), className: clsx("react-datepicker__day-name", weekDayClassName) }, weekDayName);
+          return import_react44.default.createElement("div", { key: offset4, "aria-label": formatDate(day, "EEEE", _this.props.locale), className: clsx("react-datepicker__day-name", weekDayClassName) }, weekDayName);
         }));
       };
       _this.formatWeekday = function(day, locale) {
@@ -25275,10 +24713,10 @@ var Calendar = (
         var isForYear = _this.props.showMonthYearPicker || _this.props.showQuarterYearPicker || _this.props.showYearPicker;
         var _d = _this.props, _e = _d.previousMonthButtonLabel, previousMonthButtonLabel = _e === void 0 ? Calendar2.defaultProps.previousMonthButtonLabel : _e, _f = _d.previousYearButtonLabel, previousYearButtonLabel = _f === void 0 ? Calendar2.defaultProps.previousYearButtonLabel : _f;
         var _g = _this.props, _h = _g.previousMonthAriaLabel, previousMonthAriaLabel = _h === void 0 ? typeof previousMonthButtonLabel === "string" ? previousMonthButtonLabel : "Previous Month" : _h, _j = _g.previousYearAriaLabel, previousYearAriaLabel = _j === void 0 ? typeof previousYearButtonLabel === "string" ? previousYearButtonLabel : "Previous Year" : _j;
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "button",
           { type: "button", className: classes.join(" "), onClick: clickHandler, onKeyDown: _this.props.handleOnKeyDown, "aria-label": isForYear ? previousYearAriaLabel : previousMonthAriaLabel },
-          import_react45.default.createElement("span", { className: iconClasses.join(" ") }, isForYear ? previousYearButtonLabel : previousMonthButtonLabel)
+          import_react44.default.createElement("span", { className: iconClasses.join(" ") }, isForYear ? previousYearButtonLabel : previousMonthButtonLabel)
         );
       };
       _this.increaseYear = function() {
@@ -25340,10 +24778,10 @@ var Calendar = (
         var isForYear = _this.props.showMonthYearPicker || _this.props.showQuarterYearPicker || _this.props.showYearPicker;
         var _b = _this.props, _c = _b.nextMonthButtonLabel, nextMonthButtonLabel = _c === void 0 ? Calendar2.defaultProps.nextMonthButtonLabel : _c, _d = _b.nextYearButtonLabel, nextYearButtonLabel = _d === void 0 ? Calendar2.defaultProps.nextYearButtonLabel : _d;
         var _e = _this.props, _f = _e.nextMonthAriaLabel, nextMonthAriaLabel = _f === void 0 ? typeof nextMonthButtonLabel === "string" ? nextMonthButtonLabel : "Next Month" : _f, _g = _e.nextYearAriaLabel, nextYearAriaLabel = _g === void 0 ? typeof nextYearButtonLabel === "string" ? nextYearButtonLabel : "Next Year" : _g;
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "button",
           { type: "button", className: classes.join(" "), onClick: clickHandler, onKeyDown: _this.props.handleOnKeyDown, "aria-label": isForYear ? nextYearAriaLabel : nextMonthAriaLabel },
-          import_react45.default.createElement("span", { className: iconClasses.join(" ") }, isForYear ? nextYearButtonLabel : nextMonthButtonLabel)
+          import_react44.default.createElement("span", { className: iconClasses.join(" ") }, isForYear ? nextYearButtonLabel : nextMonthButtonLabel)
         );
       };
       _this.renderCurrentMonth = function(date) {
@@ -25360,7 +24798,7 @@ var Calendar = (
         if (_this.props.showMonthYearDropdown) {
           classes.push("react-datepicker__current-month--hasMonthYearDropdown");
         }
-        return import_react45.default.createElement("h2", { className: classes.join(" ") }, formatDate(date, _this.props.dateFormat, _this.props.locale));
+        return import_react44.default.createElement("h2", { className: classes.join(" ") }, formatDate(date, _this.props.dateFormat, _this.props.locale));
       };
       _this.renderYearDropdown = function(overrideHide) {
         if (overrideHide === void 0) {
@@ -25369,7 +24807,7 @@ var Calendar = (
         if (!_this.props.showYearDropdown || overrideHide) {
           return;
         }
-        return import_react45.default.createElement(YearDropdown, _assign({}, Calendar2.defaultProps, _this.props, { date: _this.state.date, onChange: _this.changeYear, year: getYear(_this.state.date) }));
+        return import_react44.default.createElement(YearDropdown, _assign({}, Calendar2.defaultProps, _this.props, { date: _this.state.date, onChange: _this.changeYear, year: getYear(_this.state.date) }));
       };
       _this.renderMonthDropdown = function(overrideHide) {
         if (overrideHide === void 0) {
@@ -25378,7 +24816,7 @@ var Calendar = (
         if (!_this.props.showMonthDropdown || overrideHide) {
           return;
         }
-        return import_react45.default.createElement(MonthDropdown, _assign({}, Calendar2.defaultProps, _this.props, { month: getMonth(_this.state.date), onChange: _this.changeMonth }));
+        return import_react44.default.createElement(MonthDropdown, _assign({}, Calendar2.defaultProps, _this.props, { month: getMonth(_this.state.date), onChange: _this.changeMonth }));
       };
       _this.renderMonthYearDropdown = function(overrideHide) {
         if (overrideHide === void 0) {
@@ -25387,7 +24825,7 @@ var Calendar = (
         if (!_this.props.showMonthYearDropdown || overrideHide) {
           return;
         }
-        return import_react45.default.createElement(MonthYearDropdown, _assign({}, Calendar2.defaultProps, _this.props, { date: _this.state.date, onChange: _this.changeMonthYear }));
+        return import_react44.default.createElement(MonthYearDropdown, _assign({}, Calendar2.defaultProps, _this.props, { date: _this.state.date, onChange: _this.changeMonthYear }));
       };
       _this.handleTodayButtonClick = function(event) {
         _this.props.onSelect(getStartOfToday(), event);
@@ -25397,22 +24835,22 @@ var Calendar = (
         if (!_this.props.todayButton || _this.props.showTimeSelectOnly) {
           return;
         }
-        return import_react45.default.createElement("div", { className: "react-datepicker__today-button", onClick: _this.handleTodayButtonClick }, _this.props.todayButton);
+        return import_react44.default.createElement("div", { className: "react-datepicker__today-button", onClick: _this.handleTodayButtonClick }, _this.props.todayButton);
       };
       _this.renderDefaultHeader = function(_a2) {
         var monthDate = _a2.monthDate, i3 = _a2.i;
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { className: "react-datepicker__header ".concat(_this.props.showTimeSelect ? "react-datepicker__header--has-time-select" : "") },
           _this.renderCurrentMonth(monthDate),
-          import_react45.default.createElement(
+          import_react44.default.createElement(
             "div",
             { className: "react-datepicker__header__dropdown react-datepicker__header__dropdown--".concat(_this.props.dropdownMode), onFocus: _this.handleDropdownFocus },
             _this.renderMonthDropdown(i3 !== 0),
             _this.renderMonthYearDropdown(i3 !== 0),
             _this.renderYearDropdown(i3 !== 0)
           ),
-          import_react45.default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate))
+          import_react44.default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate))
         );
       };
       _this.renderCustomHeader = function(headerArgs) {
@@ -25426,18 +24864,18 @@ var Calendar = (
         var prevYearButtonDisabled = yearDisabledBefore(_this.state.date, _this.props);
         var nextYearButtonDisabled = yearDisabledAfter(_this.state.date, _this.props);
         var showDayNames = !_this.props.showMonthYearPicker && !_this.props.showQuarterYearPicker && !_this.props.showYearPicker;
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           { className: "react-datepicker__header react-datepicker__header--custom", onFocus: _this.props.onDropdownFocus },
           (_b = (_a2 = _this.props).renderCustomHeader) === null || _b === void 0 ? void 0 : _b.call(_a2, _assign(_assign({}, _this.state), { customHeaderCount: i3, monthDate, changeMonth: _this.changeMonth, changeYear: _this.changeYear, decreaseMonth: _this.decreaseMonth, increaseMonth: _this.increaseMonth, decreaseYear: _this.decreaseYear, increaseYear: _this.increaseYear, prevMonthButtonDisabled, nextMonthButtonDisabled, prevYearButtonDisabled, nextYearButtonDisabled })),
-          showDayNames && import_react45.default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate))
+          showDayNames && import_react44.default.createElement("div", { className: "react-datepicker__day-names" }, _this.header(monthDate))
         );
       };
       _this.renderYearHeader = function(_a2) {
         var monthDate = _a2.monthDate;
         var _b = _this.props, showYearPicker = _b.showYearPicker, _c = _b.yearItemNumber, yearItemNumber = _c === void 0 ? Calendar2.defaultProps.yearItemNumber : _c;
         var _d = getYearsPeriod(monthDate, yearItemNumber), startPeriod = _d.startPeriod, endPeriod = _d.endPeriod;
-        return import_react45.default.createElement("div", { className: "react-datepicker__header react-datepicker-year-header" }, showYearPicker ? "".concat(startPeriod, " - ").concat(endPeriod) : getYear(monthDate));
+        return import_react44.default.createElement("div", { className: "react-datepicker__header react-datepicker-year-header" }, showYearPicker ? "".concat(startPeriod, " - ").concat(endPeriod) : getYear(monthDate));
       };
       _this.renderHeader = function(_a2) {
         var monthDate = _a2.monthDate, _b = _a2.i, i3 = _b === void 0 ? 0 : _b;
@@ -25467,13 +24905,13 @@ var Calendar = (
           var monthKey = "month-".concat(i3);
           var monthShowsDuplicateDaysEnd = i3 < monthsShown - 1;
           var monthShowsDuplicateDaysStart = i3 > 0;
-          monthList.push(import_react45.default.createElement(
+          monthList.push(import_react44.default.createElement(
             "div",
             { key: monthKey, ref: function(div) {
               _this.monthContainer = div !== null && div !== void 0 ? div : void 0;
             }, className: "react-datepicker__month-container" },
             _this.renderHeader({ monthDate, i: i3 }),
-            import_react45.default.createElement(Month, _assign({}, Calendar2.defaultProps, _this.props, { containerRef: _this.containerRef, ariaLabelPrefix: _this.props.monthAriaLabelPrefix, day: monthDate, onDayClick: _this.handleDayClick, handleOnKeyDown: _this.props.handleOnDayKeyDown, handleOnMonthKeyDown: _this.props.handleOnKeyDown, onDayMouseEnter: _this.handleDayMouseEnter, onMouseLeave: _this.handleMonthMouseLeave, orderInDisplay: i3, selectingDate: _this.state.selectingDate, monthShowsDuplicateDaysEnd, monthShowsDuplicateDaysStart }))
+            import_react44.default.createElement(Month, _assign({}, Calendar2.defaultProps, _this.props, { containerRef: _this.containerRef, ariaLabelPrefix: _this.props.monthAriaLabelPrefix, day: monthDate, onDayClick: _this.handleDayClick, handleOnKeyDown: _this.props.handleOnDayKeyDown, handleOnMonthKeyDown: _this.props.handleOnKeyDown, onDayMouseEnter: _this.handleDayMouseEnter, onMouseLeave: _this.handleMonthMouseLeave, orderInDisplay: i3, selectingDate: _this.state.selectingDate, monthShowsDuplicateDaysEnd, monthShowsDuplicateDaysStart }))
           ));
         }
         return monthList;
@@ -25483,18 +24921,18 @@ var Calendar = (
           return;
         }
         if (_this.props.showYearPicker) {
-          return import_react45.default.createElement(
+          return import_react44.default.createElement(
             "div",
             { className: "react-datepicker__year--container" },
             _this.renderHeader({ monthDate: _this.state.date }),
-            import_react45.default.createElement(Year, _assign({}, Calendar2.defaultProps, _this.props, { selectingDate: _this.state.selectingDate, date: _this.state.date, onDayClick: _this.handleDayClick, clearSelectingDate: _this.clearSelectingDate, onYearMouseEnter: _this.handleYearMouseEnter, onYearMouseLeave: _this.handleYearMouseLeave }))
+            import_react44.default.createElement(Year, _assign({}, Calendar2.defaultProps, _this.props, { selectingDate: _this.state.selectingDate, date: _this.state.date, onDayClick: _this.handleDayClick, clearSelectingDate: _this.clearSelectingDate, onYearMouseEnter: _this.handleYearMouseEnter, onYearMouseLeave: _this.handleYearMouseLeave }))
           );
         }
         return;
       };
       _this.renderTimeSection = function() {
         if (_this.props.showTimeSelect && (_this.state.monthContainer || _this.props.showTimeSelectOnly)) {
-          return import_react45.default.createElement(Time, _assign({}, Calendar2.defaultProps, _this.props, { onChange: _this.props.onTimeChange, format: _this.props.timeFormat, intervals: _this.props.timeIntervals, monthRef: _this.state.monthContainer }));
+          return import_react44.default.createElement(Time, _assign({}, Calendar2.defaultProps, _this.props, { onChange: _this.props.onTimeChange, format: _this.props.timeFormat, intervals: _this.props.timeIntervals, monthRef: _this.state.monthContainer }));
         }
         return;
       };
@@ -25503,7 +24941,7 @@ var Calendar = (
         var timeValid = time && isValid2(time) && Boolean(_this.props.selected);
         var timeString = timeValid ? "".concat(addZero(time.getHours()), ":").concat(addZero(time.getMinutes())) : "";
         if (_this.props.showTimeInput) {
-          return import_react45.default.createElement(InputTime, _assign({}, Calendar2.defaultProps, _this.props, { date: time, timeString, onChange: _this.props.onTimeChange }));
+          return import_react44.default.createElement(InputTime, _assign({}, Calendar2.defaultProps, _this.props, { date: time, timeString, onChange: _this.props.onTimeChange }));
         }
         return;
       };
@@ -25518,15 +24956,15 @@ var Calendar = (
         } else {
           ariaLiveMessage = "".concat(getMonthInLocale(getMonth(_this.state.date), _this.props.locale), " ").concat(getYear(_this.state.date));
         }
-        return import_react45.default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, _this.state.isRenderAriaLiveMessage && ariaLiveMessage);
+        return import_react44.default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, _this.state.isRenderAriaLiveMessage && ariaLiveMessage);
       };
       _this.renderChildren = function() {
         if (_this.props.children) {
-          return import_react45.default.createElement("div", { className: "react-datepicker__children-container" }, _this.props.children);
+          return import_react44.default.createElement("div", { className: "react-datepicker__children-container" }, _this.props.children);
         }
         return;
       };
-      _this.containerRef = (0, import_react45.createRef)();
+      _this.containerRef = (0, import_react44.createRef)();
       _this.state = {
         date: _this.getDateInView(),
         selectingDate: void 0,
@@ -25576,13 +25014,13 @@ var Calendar = (
     };
     Calendar2.prototype.render = function() {
       var Container = this.props.container || CalendarContainer;
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         ClickOutsideWrapper,
         { onClickOutside: this.handleClickOutside, style: { display: "contents" }, ignoreClass: this.props.outsideClickIgnoreClass },
-        import_react45.default.createElement(
+        import_react44.default.createElement(
           "div",
           { style: { display: "contents" }, ref: this.containerRef },
-          import_react45.default.createElement(
+          import_react44.default.createElement(
             Container,
             { className: clsx("react-datepicker", this.props.className, {
               "react-datepicker--time-only": this.props.showTimeSelectOnly
@@ -25601,17 +25039,17 @@ var Calendar = (
       );
     };
     return Calendar2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var CalendarIcon2 = function(_a2) {
   var icon = _a2.icon, _b = _a2.className, className = _b === void 0 ? "" : _b, onClick = _a2.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
   if (typeof icon === "string") {
-    return import_react45.default.createElement("i", { className: "".concat(defaultClass, " ").concat(icon, " ").concat(className), "aria-hidden": "true", onClick });
+    return import_react44.default.createElement("i", { className: "".concat(defaultClass, " ").concat(icon, " ").concat(className), "aria-hidden": "true", onClick });
   }
-  if (import_react45.default.isValidElement(icon)) {
+  if (import_react44.default.isValidElement(icon)) {
     var iconElement_1 = icon;
-    return import_react45.default.cloneElement(iconElement_1, {
+    return import_react44.default.cloneElement(iconElement_1, {
       className: "".concat(iconElement_1.props.className || "", " ").concat(defaultClass, " ").concat(className),
       onClick: function(event) {
         if (typeof iconElement_1.props.onClick === "function") {
@@ -25623,10 +25061,10 @@ var CalendarIcon2 = function(_a2) {
       }
     });
   }
-  return import_react45.default.createElement(
+  return import_react44.default.createElement(
     "svg",
     { className: "".concat(defaultClass, " ").concat(className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", onClick },
-    import_react45.default.createElement("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z" })
+    import_react44.default.createElement("path", { d: "M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z" })
   );
 };
 var Portal = (
@@ -25657,7 +25095,7 @@ var Portal = (
       return import_react_dom5.default.createPortal(this.props.children, this.el);
     };
     return Portal2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var focusableElementsSelector = "[tabindex], a, button, input, select, textarea";
 var focusableFilter = function(node2) {
@@ -25684,7 +25122,7 @@ var TabLoop = (
         var tabChildren = _this.getTabChildren();
         tabChildren && tabChildren.length > 1 && tabChildren[0].focus();
       };
-      _this.tabLoopRef = (0, import_react45.createRef)();
+      _this.tabLoopRef = (0, import_react44.createRef)();
       return _this;
     }
     TabLoop2.prototype.render = function() {
@@ -25692,32 +25130,32 @@ var TabLoop = (
       if (!((_a2 = this.props.enableTabLoop) !== null && _a2 !== void 0 ? _a2 : TabLoop2.defaultProps.enableTabLoop)) {
         return this.props.children;
       }
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         "div",
         { className: "react-datepicker__tab-loop", ref: this.tabLoopRef },
-        import_react45.default.createElement("div", { className: "react-datepicker__tab-loop__start", tabIndex: 0, onFocus: this.handleFocusStart }),
+        import_react44.default.createElement("div", { className: "react-datepicker__tab-loop__start", tabIndex: 0, onFocus: this.handleFocusStart }),
         this.props.children,
-        import_react45.default.createElement("div", { className: "react-datepicker__tab-loop__end", tabIndex: 0, onFocus: this.handleFocusEnd })
+        import_react44.default.createElement("div", { className: "react-datepicker__tab-loop__end", tabIndex: 0, onFocus: this.handleFocusEnd })
       );
     };
     TabLoop2.defaultProps = {
       enableTabLoop: true
     };
     return TabLoop2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 function withFloating(Component3) {
   var WithFloating = function(props) {
     var _a2;
     var hidePopper = typeof props.hidePopper === "boolean" ? props.hidePopper : true;
-    var arrowRef = (0, import_react45.useRef)(null);
+    var arrowRef = (0, import_react44.useRef)(null);
     var floatingProps = useFloating2(_assign({ open: !hidePopper, whileElementsMounted: autoUpdate, placement: props.popperPlacement, middleware: __spreadArray([
       flip3({ padding: 15 }),
       offset3(10),
       arrow3({ element: arrowRef })
     ], (_a2 = props.popperModifiers) !== null && _a2 !== void 0 ? _a2 : [], true) }, props.popperProps));
     var componentProps = _assign(_assign({}, props), { hidePopper, popperProps: _assign(_assign({}, floatingProps), { arrowRef }) });
-    return import_react45.default.createElement(Component3, _assign({}, componentProps));
+    return import_react44.default.createElement(Component3, _assign({}, componentProps));
   };
   return WithFloating;
 }
@@ -25742,33 +25180,33 @@ var PopperComponent = (
       var popper = void 0;
       if (!hidePopper) {
         var classes = clsx("react-datepicker-popper", className);
-        popper = import_react45.default.createElement(
+        popper = import_react44.default.createElement(
           TabLoop,
           { enableTabLoop },
-          import_react45.default.createElement(
+          import_react44.default.createElement(
             "div",
             { ref: popperProps.refs.setFloating, style: popperProps.floatingStyles, className: classes, "data-placement": popperProps.placement, onKeyDown: popperOnKeyDown },
             popperComponent,
-            showArrow && import_react45.default.createElement(FloatingArrow, { ref: popperProps.arrowRef, context: popperProps.context, fill: "currentColor", strokeWidth: 1, height: 8, width: 16, style: { transform: "translateY(-1px)" }, className: "react-datepicker__triangle" })
+            showArrow && import_react44.default.createElement(FloatingArrow, { ref: popperProps.arrowRef, context: popperProps.context, fill: "currentColor", strokeWidth: 1, height: 8, width: 16, style: { transform: "translateY(-1px)" }, className: "react-datepicker__triangle" })
           )
         );
       }
       if (this.props.popperContainer) {
-        popper = (0, import_react45.createElement)(this.props.popperContainer, {}, popper);
+        popper = (0, import_react44.createElement)(this.props.popperContainer, {}, popper);
       }
       if (portalId && !hidePopper) {
-        popper = import_react45.default.createElement(Portal, { portalId, portalHost }, popper);
+        popper = import_react44.default.createElement(Portal, { portalId, portalHost }, popper);
       }
       var wrapperClasses = clsx("react-datepicker-wrapper", wrapperClassName);
-      return import_react45.default.createElement(
-        import_react45.default.Fragment,
+      return import_react44.default.createElement(
+        import_react44.default.Fragment,
         null,
-        import_react45.default.createElement("div", { ref: popperProps.refs.setReference, className: wrapperClasses }, targetComponent),
+        import_react44.default.createElement("div", { ref: popperProps.refs.setReference, className: wrapperClasses }, targetComponent),
         popper
       );
     };
     return PopperComponent2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var PopperComponent$1 = withFloating(PopperComponent);
 var outsideClickIgnoreClass = "react-datepicker-ignore-onclickoutside";
@@ -26382,7 +25820,7 @@ var DatePicker = (
         if (!_this.props.inline && !_this.isCalendarOpen()) {
           return null;
         }
-        return import_react45.default.createElement(Calendar, _assign({ showMonthYearDropdown: void 0, ref: function(elem) {
+        return import_react44.default.createElement(Calendar, _assign({ showMonthYearDropdown: void 0, ref: function(elem) {
           _this.calendar = elem;
         } }, _this.props, _this.state, { setOpen: _this.setOpen, dateFormat: (_a2 = _this.props.dateFormatCalendar) !== null && _a2 !== void 0 ? _a2 : DatePicker2.defaultProps.dateFormatCalendar, onSelect: _this.handleSelect, onClickOutside: _this.handleCalendarClickOutside, holidays: getHolidaysMap(_this.modifyHolidays()), outsideClickIgnoreClass, onDropdownFocus: _this.handleDropdownFocus, onTimeChange: _this.handleTimeChange, className: _this.props.calendarClassName, container: _this.props.calendarContainer, handleOnKeyDown: _this.props.onKeyDown, handleOnDayKeyDown: _this.onDayKeyDown, setPreSelection: _this.setPreSelection, dropdownMode: (_b = _this.props.dropdownMode) !== null && _b !== void 0 ? _b : DatePicker2.defaultProps.dropdownMode }), _this.props.children);
       };
@@ -26418,13 +25856,13 @@ var DatePicker = (
             }));
           }
         }
-        return import_react45.default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, ariaLiveMessage);
+        return import_react44.default.createElement("span", { role: "alert", "aria-live": "polite", className: "react-datepicker__aria-live" }, ariaLiveMessage);
       };
       _this.renderDateInput = function() {
         var _a2, _b;
         var _c;
         var className = clsx(_this.props.className, (_a2 = {}, _a2[outsideClickIgnoreClass] = _this.state.open, _a2));
-        var customInput = _this.props.customInput || import_react45.default.createElement("input", { type: "text" });
+        var customInput = _this.props.customInput || import_react44.default.createElement("input", { type: "text" });
         var customInputRef = _this.props.customInputRef || "ref";
         var _d = _this.props, _e = _d.dateFormat, dateFormat = _e === void 0 ? DatePicker2.defaultProps.dateFormat : _e, locale = _d.locale;
         var inputValue = typeof _this.props.value === "string" ? _this.props.value : typeof _this.state.inputValue === "string" ? _this.state.inputValue : _this.props.selectsRange ? safeDateRangeFormat(_this.props.startDate, _this.props.endDate, {
@@ -26437,14 +25875,14 @@ var DatePicker = (
           dateFormat,
           locale
         });
-        return (0, import_react45.cloneElement)(customInput, (_b = {}, _b[customInputRef] = function(input) {
+        return (0, import_react44.cloneElement)(customInput, (_b = {}, _b[customInputRef] = function(input) {
           _this.input = input;
         }, _b.value = inputValue, _b.onBlur = _this.handleBlur, _b.onChange = _this.handleChange, _b.onClick = _this.onInputClick, _b.onFocus = _this.handleFocus, _b.onKeyDown = _this.onInputKeyDown, _b.id = _this.props.id, _b.name = _this.props.name, _b.form = _this.props.form, _b.autoFocus = _this.props.autoFocus, _b.placeholder = _this.props.placeholderText, _b.disabled = _this.props.disabled, _b.autoComplete = _this.props.autoComplete, _b.className = clsx(customInput.props.className, className), _b.title = _this.props.title, _b.readOnly = _this.props.readOnly, _b.required = _this.props.required, _b.tabIndex = _this.props.tabIndex, _b["aria-describedby"] = _this.props.ariaDescribedBy, _b["aria-invalid"] = _this.props.ariaInvalid, _b["aria-labelledby"] = _this.props.ariaLabelledBy, _b["aria-required"] = _this.props.ariaRequired, _b));
       };
       _this.renderClearButton = function() {
         var _a2 = _this.props, isClearable = _a2.isClearable, disabled = _a2.disabled, selected = _a2.selected, startDate = _a2.startDate, endDate = _a2.endDate, clearButtonTitle = _a2.clearButtonTitle, _b = _a2.clearButtonClassName, clearButtonClassName = _b === void 0 ? "" : _b, _c = _a2.ariaLabelClose, ariaLabelClose = _c === void 0 ? "Close" : _c, selectedDates = _a2.selectedDates, readOnly = _a2.readOnly;
         if (isClearable && !readOnly && (selected != null || startDate != null || endDate != null || (selectedDates === null || selectedDates === void 0 ? void 0 : selectedDates.length))) {
-          return import_react45.default.createElement("button", { type: "button", className: clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 });
+          return import_react44.default.createElement("button", { type: "button", className: clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 });
         } else {
           return null;
         }
@@ -26545,10 +25983,10 @@ var DatePicker = (
       if (calendarIconClassname) {
         console.warn("calendarIconClassname props is deprecated. should use calendarIconClassName props.");
       }
-      return import_react45.default.createElement(
+      return import_react44.default.createElement(
         "div",
         { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-        showIcon && import_react45.default.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
+        showIcon && import_react44.default.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
           onClick: this.toggleCalendar
         } : null)),
         this.state.isRenderAriaLiveMessage && this.renderAriaLiveRegion(),
@@ -26561,25 +25999,25 @@ var DatePicker = (
       if (this.props.inline)
         return calendar;
       if (this.props.withPortal) {
-        var portalContainer = this.state.open ? import_react45.default.createElement(
+        var portalContainer = this.state.open ? import_react44.default.createElement(
           TabLoop,
           { enableTabLoop: this.props.enableTabLoop },
-          import_react45.default.createElement("div", { className: "react-datepicker__portal", tabIndex: -1, onKeyDown: this.onPortalKeyDown }, calendar)
+          import_react44.default.createElement("div", { className: "react-datepicker__portal", tabIndex: -1, onKeyDown: this.onPortalKeyDown }, calendar)
         ) : null;
         if (this.state.open && this.props.portalId) {
-          portalContainer = import_react45.default.createElement(Portal, _assign({ portalId: this.props.portalId }, this.props), portalContainer);
+          portalContainer = import_react44.default.createElement(Portal, _assign({ portalId: this.props.portalId }, this.props), portalContainer);
         }
-        return import_react45.default.createElement(
+        return import_react44.default.createElement(
           "div",
           null,
           this.renderInputContainer(),
           portalContainer
         );
       }
-      return import_react45.default.createElement(PopperComponent$1, _assign({}, this.props, { className: this.props.popperClassName, hidePopper: !this.isCalendarOpen(), targetComponent: this.renderInputContainer(), popperComponent: calendar, popperOnKeyDown: this.onPopperKeyDown, showArrow: this.props.showPopperArrow }));
+      return import_react44.default.createElement(PopperComponent$1, _assign({}, this.props, { className: this.props.popperClassName, hidePopper: !this.isCalendarOpen(), targetComponent: this.renderInputContainer(), popperComponent: calendar, popperOnKeyDown: this.onPopperKeyDown, showArrow: this.props.showPopperArrow }));
     };
     return DatePicker2;
-  }(import_react45.Component)
+  }(import_react44.Component)
 );
 var PRESELECT_CHANGE_VIA_INPUT = "input";
 var PRESELECT_CHANGE_VIA_NAVIGATE = "navigate";
@@ -26722,33 +26160,33 @@ function _objectWithoutProperties(e3, t3) {
 }
 
 // node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
-var import_react47 = require("react");
+var import_react46 = require("react");
 var _excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function useStateManager(_ref3) {
   var _ref$defaultInputValu = _ref3.defaultInputValue, defaultInputValue = _ref$defaultInputValu === void 0 ? "" : _ref$defaultInputValu, _ref$defaultMenuIsOpe = _ref3.defaultMenuIsOpen, defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe, _ref$defaultValue = _ref3.defaultValue, defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue, propsInputValue = _ref3.inputValue, propsMenuIsOpen = _ref3.menuIsOpen, propsOnChange = _ref3.onChange, propsOnInputChange = _ref3.onInputChange, propsOnMenuClose = _ref3.onMenuClose, propsOnMenuOpen = _ref3.onMenuOpen, propsValue = _ref3.value, restSelectProps = _objectWithoutProperties(_ref3, _excluded);
-  var _useState = (0, import_react47.useState)(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
-  var _useState3 = (0, import_react47.useState)(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
-  var _useState5 = (0, import_react47.useState)(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
-  var onChange2 = (0, import_react47.useCallback)(function(value2, actionMeta) {
+  var _useState = (0, import_react46.useState)(propsInputValue !== void 0 ? propsInputValue : defaultInputValue), _useState2 = _slicedToArray(_useState, 2), stateInputValue = _useState2[0], setStateInputValue = _useState2[1];
+  var _useState3 = (0, import_react46.useState)(propsMenuIsOpen !== void 0 ? propsMenuIsOpen : defaultMenuIsOpen), _useState4 = _slicedToArray(_useState3, 2), stateMenuIsOpen = _useState4[0], setStateMenuIsOpen = _useState4[1];
+  var _useState5 = (0, import_react46.useState)(propsValue !== void 0 ? propsValue : defaultValue), _useState6 = _slicedToArray(_useState5, 2), stateValue = _useState6[0], setStateValue = _useState6[1];
+  var onChange2 = (0, import_react46.useCallback)(function(value2, actionMeta) {
     if (typeof propsOnChange === "function") {
       propsOnChange(value2, actionMeta);
     }
     setStateValue(value2);
   }, [propsOnChange]);
-  var onInputChange = (0, import_react47.useCallback)(function(value2, actionMeta) {
+  var onInputChange = (0, import_react46.useCallback)(function(value2, actionMeta) {
     var newValue;
     if (typeof propsOnInputChange === "function") {
       newValue = propsOnInputChange(value2, actionMeta);
     }
     setStateInputValue(newValue !== void 0 ? newValue : value2);
   }, [propsOnInputChange]);
-  var onMenuOpen = (0, import_react47.useCallback)(function() {
+  var onMenuOpen = (0, import_react46.useCallback)(function() {
     if (typeof propsOnMenuOpen === "function") {
       propsOnMenuOpen();
     }
     setStateMenuIsOpen(true);
   }, [propsOnMenuOpen]);
-  var onMenuClose = (0, import_react47.useCallback)(function() {
+  var onMenuClose = (0, import_react46.useCallback)(function() {
     if (typeof propsOnMenuClose === "function") {
       propsOnMenuClose();
     }
@@ -26781,7 +26219,7 @@ function _extends() {
 
 // node_modules/react-select/dist/react-select.esm.js
 var React14 = __toESM(require("react"));
-var import_react54 = require("react");
+var import_react53 = require("react");
 
 // node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(a2, n4) {
@@ -26889,11 +26327,11 @@ function _toConsumableArray(r4) {
 
 // node_modules/react-select/dist/Select-ef7c0426.esm.js
 var React13 = __toESM(require("react"));
-var import_react52 = require("react");
+var import_react51 = require("react");
 
 // node_modules/@emotion/react/dist/emotion-element-d59e098f.esm.js
 var React11 = __toESM(require("react"));
-var import_react48 = require("react");
+var import_react47 = require("react");
 
 // node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
 var isDevelopment = false;
@@ -28081,15 +27519,15 @@ var EmotionCacheContext = /* @__PURE__ */ React11.createContext(
 );
 var CacheProvider = EmotionCacheContext.Provider;
 var withEmotionCache = function withEmotionCache2(func) {
-  return /* @__PURE__ */ (0, import_react48.forwardRef)(function(props, ref) {
-    var cache = (0, import_react48.useContext)(EmotionCacheContext);
+  return /* @__PURE__ */ (0, import_react47.forwardRef)(function(props, ref) {
+    var cache = (0, import_react47.useContext)(EmotionCacheContext);
     return func(props, cache, ref);
   });
 };
 if (!isBrowser4) {
   withEmotionCache = function withEmotionCache3(func) {
     return function(props) {
-      var cache = (0, import_react48.useContext)(EmotionCacheContext);
+      var cache = (0, import_react47.useContext)(EmotionCacheContext);
       if (cache === null) {
         cache = createCache({
           key: "css"
@@ -28173,7 +27611,7 @@ var Emotion$1 = Emotion;
 var React12 = __toESM(require("react"));
 var import_extends2 = __toESM(require_extends());
 var import_hoist_non_react_statics = __toESM(require_hoist_non_react_statics_cjs());
-var jsx82 = function jsx83(type, props) {
+var jsx81 = function jsx82(type, props) {
   var args = arguments;
   if (props == null || !hasOwn.call(props, "css")) {
     return React12.createElement.apply(void 0, args);
@@ -28191,7 +27629,7 @@ var jsx82 = function jsx83(type, props) {
   var JSX;
   /* @__PURE__ */ (function(_JSX) {
   })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx82 || (jsx82 = {}));
+})(jsx81 || (jsx81 = {}));
 function css() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -28221,15 +27659,15 @@ function _taggedTemplateLiteral(e3, t3) {
 }
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
-var import_react51 = require("react");
+var import_react50 = require("react");
 var import_react_dom6 = require("react-dom");
 
 // node_modules/use-isomorphic-layout-effect/dist/use-isomorphic-layout-effect.esm.js
-var import_react49 = require("react");
+var import_react48 = require("react");
 var isClient3 = typeof document !== "undefined";
 var noop6 = function noop7() {
 };
-var index3 = isClient3 ? import_react49.useLayoutEffect : noop6;
+var index3 = isClient3 ? import_react48.useLayoutEffect : noop6;
 
 // node_modules/react-select/dist/index-641ee5b8.esm.js
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
@@ -28563,13 +28001,13 @@ var menuCSS = function menuCSS2(_ref23, unstyled) {
     marginTop: spacing2.menuGutter
   });
 };
-var PortalPlacementContext = /* @__PURE__ */ (0, import_react51.createContext)(null);
+var PortalPlacementContext = /* @__PURE__ */ (0, import_react50.createContext)(null);
 var MenuPlacer = function MenuPlacer2(props) {
   var children = props.children, minMenuHeight = props.minMenuHeight, maxMenuHeight = props.maxMenuHeight, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition, menuShouldScrollIntoView = props.menuShouldScrollIntoView, theme = props.theme;
-  var _ref3 = (0, import_react51.useContext)(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
-  var ref = (0, import_react51.useRef)(null);
-  var _useState = (0, import_react51.useState)(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
-  var _useState3 = (0, import_react51.useState)(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
+  var _ref3 = (0, import_react50.useContext)(PortalPlacementContext) || {}, setPortalPlacement = _ref3.setPortalPlacement;
+  var ref = (0, import_react50.useRef)(null);
+  var _useState = (0, import_react50.useState)(maxMenuHeight), _useState2 = _slicedToArray(_useState, 2), maxHeight = _useState2[0], setMaxHeight = _useState2[1];
+  var _useState3 = (0, import_react50.useState)(null), _useState4 = _slicedToArray(_useState3, 2), placement = _useState4[0], setPlacement = _useState4[1];
   var controlHeight2 = theme.spacing.controlHeight;
   index3(function() {
     var menuEl = ref.current;
@@ -28599,7 +28037,7 @@ var MenuPlacer = function MenuPlacer2(props) {
 };
 var Menu = function Menu2(props) {
   var children = props.children, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "menu", {
+  return jsx81("div", _extends({}, getStyleProps(props, "menu", {
     menu: true
   }), {
     ref: innerRef
@@ -28621,7 +28059,7 @@ var menuListCSS = function menuListCSS2(_ref4, unstyled) {
 };
 var MenuList = function MenuList2(props) {
   var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, isMulti = props.isMulti;
-  return jsx82("div", _extends({}, getStyleProps(props, "menuList", {
+  return jsx81("div", _extends({}, getStyleProps(props, "menuList", {
     "menu-list": true,
     "menu-list--is-multi": isMulti
   }), {
@@ -28641,7 +28079,7 @@ var noOptionsMessageCSS = noticeCSS;
 var loadingMessageCSS = noticeCSS;
 var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
   var _ref6$children = _ref6.children, children = _ref6$children === void 0 ? "No options" : _ref6$children, innerProps = _ref6.innerProps, restProps = _objectWithoutProperties(_ref6, _excluded$3);
-  return jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "noOptionsMessage", {
@@ -28651,7 +28089,7 @@ var NoOptionsMessage = function NoOptionsMessage2(_ref6) {
 };
 var LoadingMessage = function LoadingMessage2(_ref7) {
   var _ref7$children = _ref7.children, children = _ref7$children === void 0 ? "Loading..." : _ref7$children, innerProps = _ref7.innerProps, restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children,
     innerProps
   }), "loadingMessage", {
@@ -28671,16 +28109,16 @@ var menuPortalCSS = function menuPortalCSS2(_ref8) {
 };
 var MenuPortal = function MenuPortal2(props) {
   var appendTo = props.appendTo, children = props.children, controlElement = props.controlElement, innerProps = props.innerProps, menuPlacement = props.menuPlacement, menuPosition = props.menuPosition;
-  var menuPortalRef = (0, import_react51.useRef)(null);
-  var cleanupRef = (0, import_react51.useRef)(null);
-  var _useState5 = (0, import_react51.useState)(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
-  var portalPlacementContext = (0, import_react51.useMemo)(function() {
+  var menuPortalRef = (0, import_react50.useRef)(null);
+  var cleanupRef = (0, import_react50.useRef)(null);
+  var _useState5 = (0, import_react50.useState)(coercePlacement(menuPlacement)), _useState6 = _slicedToArray(_useState5, 2), placement = _useState6[0], setPortalPlacement = _useState6[1];
+  var portalPlacementContext = (0, import_react50.useMemo)(function() {
     return {
       setPortalPlacement
     };
   }, []);
-  var _useState7 = (0, import_react51.useState)(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
-  var updateComputedPosition = (0, import_react51.useCallback)(function() {
+  var _useState7 = (0, import_react50.useState)(null), _useState8 = _slicedToArray(_useState7, 2), computedPosition = _useState8[0], setComputedPosition = _useState8[1];
+  var updateComputedPosition = (0, import_react50.useCallback)(function() {
     if (!controlElement) return;
     var rect = getBoundingClientObj(controlElement);
     var scrollDistance = menuPosition === "fixed" ? 0 : window.pageYOffset;
@@ -28695,7 +28133,7 @@ var MenuPortal = function MenuPortal2(props) {
   index3(function() {
     updateComputedPosition();
   }, [updateComputedPosition]);
-  var runAutoUpdate = (0, import_react51.useCallback)(function() {
+  var runAutoUpdate = (0, import_react50.useCallback)(function() {
     if (typeof cleanupRef.current === "function") {
       cleanupRef.current();
       cleanupRef.current = null;
@@ -28709,12 +28147,12 @@ var MenuPortal = function MenuPortal2(props) {
   index3(function() {
     runAutoUpdate();
   }, [runAutoUpdate]);
-  var setMenuPortalElement = (0, import_react51.useCallback)(function(menuPortalElement) {
+  var setMenuPortalElement = (0, import_react50.useCallback)(function(menuPortalElement) {
     menuPortalRef.current = menuPortalElement;
     runAutoUpdate();
   }, [runAutoUpdate]);
   if (!appendTo && menuPosition !== "fixed" || !computedPosition) return null;
-  var menuWrapper = jsx82("div", _extends({
+  var menuWrapper = jsx81("div", _extends({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -28723,7 +28161,7 @@ var MenuPortal = function MenuPortal2(props) {
   }), "menuPortal", {
     "menu-portal": true
   }), innerProps), children);
-  return jsx82(PortalPlacementContext.Provider, {
+  return jsx81(PortalPlacementContext.Provider, {
     value: portalPlacementContext
   }, appendTo ? /* @__PURE__ */ (0, import_react_dom6.createPortal)(menuWrapper, appendTo) : menuWrapper);
 };
@@ -28739,7 +28177,7 @@ var containerCSS = function containerCSS2(_ref3) {
 };
 var SelectContainer = function SelectContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isDisabled = props.isDisabled, isRtl = props.isRtl;
-  return jsx82("div", _extends({}, getStyleProps(props, "container", {
+  return jsx81("div", _extends({}, getStyleProps(props, "container", {
     "--is-disabled": isDisabled,
     "--is-rtl": isRtl
   }), innerProps), children);
@@ -28760,7 +28198,7 @@ var valueContainerCSS = function valueContainerCSS2(_ref23, unstyled) {
 };
 var ValueContainer = function ValueContainer2(props) {
   var children = props.children, innerProps = props.innerProps, isMulti = props.isMulti, hasValue = props.hasValue;
-  return jsx82("div", _extends({}, getStyleProps(props, "valueContainer", {
+  return jsx81("div", _extends({}, getStyleProps(props, "valueContainer", {
     "value-container": true,
     "value-container--is-multi": isMulti,
     "value-container--has-value": hasValue
@@ -28776,7 +28214,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS2() {
 };
 var IndicatorsContainer = function IndicatorsContainer2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
+  return jsx81("div", _extends({}, getStyleProps(props, "indicatorsContainer", {
     indicators: true
   }), innerProps), children);
 };
@@ -28797,7 +28235,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 var Svg = function Svg2(_ref3) {
   var size4 = _ref3.size, props = _objectWithoutProperties(_ref3, _excluded$2);
-  return jsx82("svg", _extends({
+  return jsx81("svg", _extends({
     height: size4,
     width: size4,
     viewBox: "0 0 20 20",
@@ -28807,16 +28245,16 @@ var Svg = function Svg2(_ref3) {
   }, props));
 };
 var CrossIcon = function CrossIcon2(props) {
-  return jsx82(Svg, _extends({
+  return jsx81(Svg, _extends({
     size: 20
-  }, props), jsx82("path", {
+  }, props), jsx81("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron2(props) {
-  return jsx82(Svg, _extends({
+  return jsx81(Svg, _extends({
     size: 20
-  }, props), jsx82("path", {
+  }, props), jsx81("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
   }));
 };
@@ -28837,18 +28275,18 @@ var baseCSS = function baseCSS2(_ref3, unstyled) {
 var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
+  return jsx81("div", _extends({}, getStyleProps(props, "dropdownIndicator", {
     indicator: true,
     "dropdown-indicator": true
-  }), innerProps), children || jsx82(DownChevron, null));
+  }), innerProps), children || jsx81(DownChevron, null));
 };
 var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "clearIndicator", {
+  return jsx81("div", _extends({}, getStyleProps(props, "clearIndicator", {
     indicator: true,
     "clear-indicator": true
-  }), innerProps), children || jsx82(CrossIcon, null));
+  }), innerProps), children || jsx81(CrossIcon, null));
 };
 var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
   var isDisabled = _ref4.isDisabled, _ref4$theme = _ref4.theme, baseUnit2 = _ref4$theme.spacing.baseUnit, colors2 = _ref4$theme.colors;
@@ -28864,7 +28302,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS2(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator2(props) {
   var innerProps = props.innerProps;
-  return jsx82("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
+  return jsx81("span", _extends({}, innerProps, getStyleProps(props, "indicatorSeparator", {
     "indicator-separator": true
   })));
 };
@@ -28888,7 +28326,7 @@ var loadingIndicatorCSS = function loadingIndicatorCSS2(_ref5, unstyled) {
 };
 var LoadingDot = function LoadingDot2(_ref6) {
   var delay = _ref6.delay, offset4 = _ref6.offset;
-  return jsx82("span", {
+  return jsx81("span", {
     css: /* @__PURE__ */ css({
       animation: "".concat(loadingDotAnimations, " 1s ease-in-out ").concat(delay, "ms infinite;"),
       backgroundColor: "currentColor",
@@ -28903,20 +28341,20 @@ var LoadingDot = function LoadingDot2(_ref6) {
 };
 var LoadingIndicator = function LoadingIndicator2(_ref7) {
   var innerProps = _ref7.innerProps, isRtl = _ref7.isRtl, _ref7$size = _ref7.size, size4 = _ref7$size === void 0 ? 4 : _ref7$size, restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx82("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx81("div", _extends({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps,
     isRtl,
     size: size4
   }), "loadingIndicator", {
     indicator: true,
     "loading-indicator": true
-  }), innerProps), jsx82(LoadingDot, {
+  }), innerProps), jsx81(LoadingDot, {
     delay: 0,
     offset: isRtl
-  }), jsx82(LoadingDot, {
+  }), jsx81(LoadingDot, {
     delay: 160,
     offset: true
-  }), jsx82(LoadingDot, {
+  }), jsx81(LoadingDot, {
     delay: 320,
     offset: !isRtl
   }));
@@ -28948,7 +28386,7 @@ var css$1 = function css2(_ref3, unstyled) {
 };
 var Control = function Control2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, innerRef = props.innerRef, innerProps = props.innerProps, menuIsOpen = props.menuIsOpen;
-  return jsx82("div", _extends({
+  return jsx81("div", _extends({
     ref: innerRef
   }, getStyleProps(props, "control", {
     control: true,
@@ -28970,15 +28408,15 @@ var groupCSS = function groupCSS2(_ref3, unstyled) {
 };
 var Group = function Group2(props) {
   var children = props.children, cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, Heading = props.Heading, headingProps = props.headingProps, innerProps = props.innerProps, label = props.label, theme = props.theme, selectProps = props.selectProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "group", {
+  return jsx81("div", _extends({}, getStyleProps(props, "group", {
     group: true
-  }), innerProps), jsx82(Heading, _extends({}, headingProps, {
+  }), innerProps), jsx81(Heading, _extends({}, headingProps, {
     selectProps,
     theme,
     getStyles,
     getClassNames,
     cx
-  }), label), jsx82("div", null, children));
+  }), label), jsx81("div", null, children));
 };
 var groupHeadingCSS = function groupHeadingCSS2(_ref23, unstyled) {
   var _ref2$theme = _ref23.theme, colors2 = _ref2$theme.colors, spacing2 = _ref2$theme.spacing;
@@ -29000,7 +28438,7 @@ var GroupHeading = function GroupHeading2(props) {
   var _cleanCommonProps = cleanCommonProps(props);
   _cleanCommonProps.data;
   var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1);
-  return jsx82("div", _extends({}, getStyleProps(props, "groupHeading", {
+  return jsx81("div", _extends({}, getStyleProps(props, "groupHeading", {
     "group-heading": true
   }), innerProps));
 };
@@ -29052,11 +28490,11 @@ var inputStyle = function inputStyle2(isHidden) {
 var Input = function Input2(props) {
   var cx = props.cx, value = props.value;
   var _cleanCommonProps = cleanCommonProps(props), innerRef = _cleanCommonProps.innerRef, isDisabled = _cleanCommonProps.isDisabled, isHidden = _cleanCommonProps.isHidden, inputClassName = _cleanCommonProps.inputClassName, innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded3);
-  return jsx82("div", _extends({}, getStyleProps(props, "input", {
+  return jsx81("div", _extends({}, getStyleProps(props, "input", {
     "input-container": true
   }), {
     "data-value": value || ""
-  }), jsx82("input", _extends({
+  }), jsx81("input", _extends({
     className: cx({
       input: true
     }, inputClassName),
@@ -29110,35 +28548,35 @@ var multiValueRemoveCSS = function multiValueRemoveCSS2(_ref3, unstyled) {
 };
 var MultiValueGeneric = function MultiValueGeneric2(_ref4) {
   var children = _ref4.children, innerProps = _ref4.innerProps;
-  return jsx82("div", innerProps, children);
+  return jsx81("div", innerProps, children);
 };
 var MultiValueContainer = MultiValueGeneric;
 var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children, innerProps = _ref5.innerProps;
-  return jsx82("div", _extends({
+  return jsx81("div", _extends({
     role: "button"
-  }, innerProps), children || jsx82(CrossIcon, {
+  }, innerProps), children || jsx81(CrossIcon, {
     size: 14
   }));
 }
 var MultiValue = function MultiValue2(props) {
   var children = props.children, components2 = props.components, data = props.data, innerProps = props.innerProps, isDisabled = props.isDisabled, removeProps3 = props.removeProps, selectProps = props.selectProps;
   var Container = components2.Container, Label = components2.Label, Remove = components2.Remove;
-  return jsx82(Container, {
+  return jsx81(Container, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValue", {
       "multi-value": true,
       "multi-value--is-disabled": isDisabled
     })), innerProps),
     selectProps
-  }, jsx82(Label, {
+  }, jsx81(Label, {
     data,
     innerProps: _objectSpread2({}, getStyleProps(props, "multiValueLabel", {
       "multi-value__label": true
     })),
     selectProps
-  }, children), jsx82(Remove, {
+  }, children), jsx81(Remove, {
     data,
     innerProps: _objectSpread2(_objectSpread2({}, getStyleProps(props, "multiValueRemove", {
       "multi-value__remove": true
@@ -29171,7 +28609,7 @@ var optionCSS = function optionCSS2(_ref3, unstyled) {
 };
 var Option = function Option2(props) {
   var children = props.children, isDisabled = props.isDisabled, isFocused = props.isFocused, isSelected = props.isSelected, innerRef = props.innerRef, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "option", {
+  return jsx81("div", _extends({}, getStyleProps(props, "option", {
     option: true,
     "option--is-disabled": isDisabled,
     "option--is-focused": isFocused,
@@ -29195,7 +28633,7 @@ var placeholderCSS = function placeholderCSS2(_ref3, unstyled) {
 };
 var Placeholder = function Placeholder2(props) {
   var children = props.children, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "placeholder", {
+  return jsx81("div", _extends({}, getStyleProps(props, "placeholder", {
     placeholder: true
   }), innerProps), children);
 };
@@ -29217,7 +28655,7 @@ var css3 = function css4(_ref3, unstyled) {
 };
 var SingleValue = function SingleValue2(props) {
   var children = props.children, isDisabled = props.isDisabled, innerProps = props.innerProps;
-  return jsx82("div", _extends({}, getStyleProps(props, "singleValue", {
+  return jsx81("div", _extends({}, getStyleProps(props, "singleValue", {
     "single-value": true,
     "single-value--is-disabled": isDisabled
   }), innerProps), children);
@@ -29319,7 +28757,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText2(props) {
-  return jsx82("span", _extends({
+  return jsx81("span", _extends({
     css: _ref
   }, props));
 };
@@ -29380,10 +28818,10 @@ var LiveRegion = function LiveRegion2(props) {
   var ariaLiveMessages = selectProps.ariaLiveMessages, getOptionLabel4 = selectProps.getOptionLabel, inputValue = selectProps.inputValue, isMulti = selectProps.isMulti, isOptionDisabled3 = selectProps.isOptionDisabled, isSearchable = selectProps.isSearchable, menuIsOpen = selectProps.menuIsOpen, options2 = selectProps.options, screenReaderStatus2 = selectProps.screenReaderStatus, tabSelectsValue = selectProps.tabSelectsValue, isLoading = selectProps.isLoading;
   var ariaLabel = selectProps["aria-label"];
   var ariaLive = selectProps["aria-live"];
-  var messages = (0, import_react52.useMemo)(function() {
+  var messages = (0, import_react51.useMemo)(function() {
     return _objectSpread2(_objectSpread2({}, defaultAriaLiveMessages), ariaLiveMessages || {});
   }, [ariaLiveMessages]);
-  var ariaSelected = (0, import_react52.useMemo)(function() {
+  var ariaSelected = (0, import_react51.useMemo)(function() {
     var message2 = "";
     if (ariaSelection && messages.onChange) {
       var option = ariaSelection.option, selectedOptions = ariaSelection.options, removedValue = ariaSelection.removedValue, removedValues = ariaSelection.removedValues, value = ariaSelection.value;
@@ -29405,7 +28843,7 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return message2;
   }, [ariaSelection, messages, isOptionDisabled3, selectValue, getOptionLabel4]);
-  var ariaFocused = (0, import_react52.useMemo)(function() {
+  var ariaFocused = (0, import_react51.useMemo)(function() {
     var focusMsg = "";
     var focused = focusedOption || focusedValue;
     var isSelected = !!(focusedOption && selectValue && selectValue.includes(focusedOption));
@@ -29424,7 +28862,7 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return focusMsg;
   }, [focusedOption, focusedValue, getOptionLabel4, isOptionDisabled3, messages, focusableOptions, selectValue, isAppleDevice2]);
-  var ariaResults = (0, import_react52.useMemo)(function() {
+  var ariaResults = (0, import_react51.useMemo)(function() {
     var resultsMsg = "";
     if (menuIsOpen && options2.length && !isLoading && messages.onFilter) {
       var resultsMessage = screenReaderStatus2({
@@ -29438,7 +28876,7 @@ var LiveRegion = function LiveRegion2(props) {
     return resultsMsg;
   }, [focusableOptions, inputValue, menuIsOpen, messages, options2, screenReaderStatus2, isLoading]);
   var isInitialFocus = (ariaSelection === null || ariaSelection === void 0 ? void 0 : ariaSelection.action) === "initial-input-focus";
-  var ariaGuidance = (0, import_react52.useMemo)(function() {
+  var ariaGuidance = (0, import_react51.useMemo)(function() {
     var guidanceMsg = "";
     if (messages.guidance) {
       var context = focusedValue ? "value" : menuIsOpen ? "menu" : "input";
@@ -29454,18 +28892,18 @@ var LiveRegion = function LiveRegion2(props) {
     }
     return guidanceMsg;
   }, [ariaLabel, focusedOption, focusedValue, isMulti, isOptionDisabled3, isSearchable, menuIsOpen, messages, selectValue, tabSelectsValue, isInitialFocus]);
-  var ScreenReaderText = jsx82(import_react52.Fragment, null, jsx82("span", {
+  var ScreenReaderText = jsx81(import_react51.Fragment, null, jsx81("span", {
     id: "aria-selection"
-  }, ariaSelected), jsx82("span", {
+  }, ariaSelected), jsx81("span", {
     id: "aria-focused"
-  }, ariaFocused), jsx82("span", {
+  }, ariaFocused), jsx81("span", {
     id: "aria-results"
-  }, ariaResults), jsx82("span", {
+  }, ariaResults), jsx81("span", {
     id: "aria-guidance"
   }, ariaGuidance));
-  return jsx82(import_react52.Fragment, null, jsx82(A11yText$1, {
+  return jsx81(import_react51.Fragment, null, jsx81(A11yText$1, {
     id
-  }, isInitialFocus && ScreenReaderText), jsx82(A11yText$1, {
+  }, isInitialFocus && ScreenReaderText), jsx81(A11yText$1, {
     "aria-live": ariaLive,
     "aria-atomic": "false",
     "aria-relevant": "additions text",
@@ -29778,7 +29216,7 @@ var _excluded4 = ["innerRef"];
 function DummyInput(_ref3) {
   var innerRef = _ref3.innerRef, props = _objectWithoutProperties(_ref3, _excluded4);
   var filteredProps = removeProps(props, "onExited", "in", "enter", "exit", "appear");
-  return jsx82("input", _extends({
+  return jsx81("input", _extends({
     ref: innerRef
   }, filteredProps, {
     css: /* @__PURE__ */ css({
@@ -29810,11 +29248,11 @@ var cancelScroll = function cancelScroll2(event) {
 };
 function useScrollCapture(_ref3) {
   var isEnabled = _ref3.isEnabled, onBottomArrive = _ref3.onBottomArrive, onBottomLeave = _ref3.onBottomLeave, onTopArrive = _ref3.onTopArrive, onTopLeave = _ref3.onTopLeave;
-  var isBottom = (0, import_react52.useRef)(false);
-  var isTop = (0, import_react52.useRef)(false);
-  var touchStart = (0, import_react52.useRef)(0);
-  var scrollTarget = (0, import_react52.useRef)(null);
-  var handleEventDelta = (0, import_react52.useCallback)(function(event, delta) {
+  var isBottom = (0, import_react51.useRef)(false);
+  var isTop = (0, import_react51.useRef)(false);
+  var touchStart = (0, import_react51.useRef)(0);
+  var scrollTarget = (0, import_react51.useRef)(null);
+  var handleEventDelta = (0, import_react51.useCallback)(function(event, delta) {
     if (scrollTarget.current === null) return;
     var _scrollTarget$current = scrollTarget.current, scrollTop = _scrollTarget$current.scrollTop, scrollHeight = _scrollTarget$current.scrollHeight, clientHeight = _scrollTarget$current.clientHeight;
     var target = scrollTarget.current;
@@ -29848,17 +29286,17 @@ function useScrollCapture(_ref3) {
       cancelScroll(event);
     }
   }, [onBottomArrive, onBottomLeave, onTopArrive, onTopLeave]);
-  var onWheel = (0, import_react52.useCallback)(function(event) {
+  var onWheel = (0, import_react51.useCallback)(function(event) {
     handleEventDelta(event, event.deltaY);
   }, [handleEventDelta]);
-  var onTouchStart = (0, import_react52.useCallback)(function(event) {
+  var onTouchStart = (0, import_react51.useCallback)(function(event) {
     touchStart.current = event.changedTouches[0].clientY;
   }, []);
-  var onTouchMove = (0, import_react52.useCallback)(function(event) {
+  var onTouchMove = (0, import_react51.useCallback)(function(event) {
     var deltaY = touchStart.current - event.changedTouches[0].clientY;
     handleEventDelta(event, deltaY);
   }, [handleEventDelta]);
-  var startListening = (0, import_react52.useCallback)(function(el) {
+  var startListening = (0, import_react51.useCallback)(function(el) {
     if (!el) return;
     var notPassive = supportsPassiveEvents ? {
       passive: false
@@ -29867,13 +29305,13 @@ function useScrollCapture(_ref3) {
     el.addEventListener("touchstart", onTouchStart, notPassive);
     el.addEventListener("touchmove", onTouchMove, notPassive);
   }, [onTouchMove, onTouchStart, onWheel]);
-  var stopListening = (0, import_react52.useCallback)(function(el) {
+  var stopListening = (0, import_react51.useCallback)(function(el) {
     if (!el) return;
     el.removeEventListener("wheel", onWheel, false);
     el.removeEventListener("touchstart", onTouchStart, false);
     el.removeEventListener("touchmove", onTouchMove, false);
   }, [onTouchMove, onTouchStart, onWheel]);
-  (0, import_react52.useEffect)(function() {
+  (0, import_react51.useEffect)(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     startListening(element);
@@ -29920,9 +29358,9 @@ var listenerOptions = {
 };
 function useScrollLock(_ref3) {
   var isEnabled = _ref3.isEnabled, _ref$accountForScroll = _ref3.accountForScrollbars, accountForScrollbars = _ref$accountForScroll === void 0 ? true : _ref$accountForScroll;
-  var originalStyles = (0, import_react52.useRef)({});
-  var scrollTarget = (0, import_react52.useRef)(null);
-  var addScrollLock = (0, import_react52.useCallback)(function(touchScrollTarget) {
+  var originalStyles = (0, import_react51.useRef)({});
+  var scrollTarget = (0, import_react51.useRef)(null);
+  var addScrollLock = (0, import_react51.useCallback)(function(touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
     var targetStyle = target && target.style;
@@ -29955,7 +29393,7 @@ function useScrollLock(_ref3) {
     }
     activeScrollLocks += 1;
   }, [accountForScrollbars]);
-  var removeScrollLock = (0, import_react52.useCallback)(function(touchScrollTarget) {
+  var removeScrollLock = (0, import_react51.useCallback)(function(touchScrollTarget) {
     if (!canUseDOM) return;
     var target = document.body;
     var targetStyle = target && target.style;
@@ -29976,7 +29414,7 @@ function useScrollLock(_ref3) {
       }
     }
   }, [accountForScrollbars]);
-  (0, import_react52.useEffect)(function() {
+  (0, import_react51.useEffect)(function() {
     if (!isEnabled) return;
     var element = scrollTarget.current;
     addScrollLock(element);
@@ -30020,7 +29458,7 @@ function ScrollManager(_ref3) {
     setScrollCaptureTarget(element);
     setScrollLockTarget(element);
   };
-  return jsx82(import_react52.Fragment, null, lockEnabled && jsx82("div", {
+  return jsx81(import_react51.Fragment, null, lockEnabled && jsx81("div", {
     onClick: blurSelectInput,
     css: _ref2$1
   }), children(targetRef));
@@ -30039,7 +29477,7 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
 };
 var RequiredInput = function RequiredInput2(_ref3) {
   var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
-  return jsx82("input", {
+  return jsx81("input", {
     required: true,
     name: name2,
     tabIndex: -1,
@@ -31603,7 +31041,7 @@ var Select = /* @__PURE__ */ function(_Component) {
     }
   }]);
   return Select2;
-}(import_react52.Component);
+}(import_react51.Component);
 Select.defaultProps = defaultProps;
 
 // node_modules/react-select/dist/react-select.esm.js
@@ -31619,7 +31057,7 @@ var import_typeof5 = __toESM(require_typeof());
 var import_taggedTemplateLiteral2 = __toESM(require_taggedTemplateLiteral());
 var import_defineProperty3 = __toESM(require_defineProperty());
 var import_react_dom7 = require("react-dom");
-var StateManagedSelect = /* @__PURE__ */ (0, import_react54.forwardRef)(function(props, ref) {
+var StateManagedSelect = /* @__PURE__ */ (0, import_react53.forwardRef)(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React14.createElement(Select, _extends({
     ref
@@ -31629,7 +31067,7 @@ var StateManagedSelect$1 = StateManagedSelect;
 
 // src/widgets/basic/date-field/date.tsx
 var import_moment2 = __toESM(require_moment());
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var DateField = (props) => {
   const {
     name: name2,
@@ -31656,9 +31094,9 @@ var DateField = (props) => {
     context
   } = props;
   const { t: t3 } = useI18n();
-  const InputDateCustom = (0, import_react55.forwardRef)(
-    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("label", { className: `flex ${className}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  const InputDateCustom = (0, import_react54.forwardRef)(
+    ({ onClick, className, onChange: onChange2, isForm: isForm2, defaultValue }, ref) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: `flex ${className}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "input",
         {
           className: `bg-transparent w-full focus-visible:outline-none outline-none border-none ${readonly && "cursor-not-allowed"}`,
@@ -31672,13 +31110,13 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CalendarIcon, {})
+      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
       Controller,
       {
         name: name2 || "",
@@ -31694,14 +31132,14 @@ var DateField = (props) => {
         },
         render: ({ field, fieldState: { error: error2 } }) => {
           const { setError, clearErrors } = methods;
-          (0, import_react55.useEffect)(() => {
+          (0, import_react54.useEffect)(() => {
             if (value) {
               clearErrors(name2);
             }
           }, [value, clearErrors, name2]);
           const selectedDate = !methods ? value && (0, import_moment2.default)(value, formatDateParse).isValid() ? (0, import_moment2.default)(value, formatDateParse).add(7, "hours").toDate() : null : field?.value && (0, import_moment2.default)(field.value, formatDateParse).isValid() ? (0, import_moment2.default)(field.value, formatDateParse).add(7, "hours").toDate() : null;
-          return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
               DatePicker,
               {
                 selected: selectedDate,
@@ -31749,7 +31187,7 @@ var DateField = (props) => {
                 minDate: typeof minNowValue === "boolean" && minNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(minNowValue) ? minNowValue.toDate() : void 0,
                 maxDate: typeof maxNowValue === "boolean" && maxNowValue === true ? (0, import_moment2.default)(/* @__PURE__ */ new Date()).toDate() : import_moment2.default.isMoment(maxNowValue) ? maxNowValue.toDate() : void 0,
                 showTimeInput: showTime,
-                customInput: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                customInput: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                   InputDateCustom,
                   {
                     isForm,
@@ -31767,7 +31205,7 @@ var DateField = (props) => {
                   increaseMonth,
                   prevMonthButtonDisabled,
                   nextMonthButtonDisabled
-                }) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+                }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                   "div",
                   {
                     style: {
@@ -31776,7 +31214,7 @@ var DateField = (props) => {
                       justifyContent: "center"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         "button",
                         {
                           onClick: decreaseMonth,
@@ -31784,7 +31222,7 @@ var DateField = (props) => {
                           children: "<"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31810,7 +31248,7 @@ var DateField = (props) => {
                           autoFocus: true
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         StateManagedSelect$1,
                         {
                           classNames: {
@@ -31838,7 +31276,7 @@ var DateField = (props) => {
                           }))
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         "button",
                         {
                           onClick: increaseMonth,
@@ -31851,7 +31289,7 @@ var DateField = (props) => {
                 )
               }
             ),
-            !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -31860,26 +31298,26 @@ var DateField = (props) => {
 };
 
 // src/widgets/basic/download-binary-field/download-binary.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var DownLoadBinaryField = (props) => {
   const { handleFileDownload } = props;
   const { t: t3 } = useI18n();
-  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
     "button",
     {
       type: "button",
       onClick: handleFileDownload,
       className: "download-binary-field flex items-center gap-1 text-blue-700 my-auto",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DownloadIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DownloadIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm italic underline text-primary", children: t3("download_file") })
       ]
     }
   );
 };
 
 // src/widgets/basic/download-file-field/download-file.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var DownloadFileField = (props) => {
   const {
     readonly,
@@ -31891,15 +31329,15 @@ var DownloadFileField = (props) => {
     handleFileChange,
     handleFileDownload
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
       "label",
       {
         htmlFor: inputId,
         className: "flex cursor-pointer items-center justify-center rounded-lg border-2 border-gray-300 bg-white px-3 py-2 transition-colors duration-300 hover:bg-gray-200",
         children: [
-          file ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+          file ? /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "cursor-pointer text-lg", children: file.name }) }) : /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("span", { className: "cursor-pointer text-lg", children: placeholder || "Upload File" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
             "input",
             {
               id: inputId,
@@ -31913,7 +31351,7 @@ var DownloadFileField = (props) => {
         ]
       }
     ),
-    file && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    file && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       "button",
       {
         onClick: handleFileDownload,
@@ -31926,8 +31364,8 @@ var DownloadFileField = (props) => {
 };
 
 // src/widgets/basic/dropdown-field/dropdown.tsx
-var import_react56 = require("react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var DropdownField = (props) => {
   const {
     options: options2,
@@ -31939,32 +31377,32 @@ var DropdownField = (props) => {
     dropdownClassName = "",
     useClickOutside: useClickOutside2
   } = props;
-  const [open, setOpen] = (0, import_react56.useState)(false);
+  const [open, setOpen] = (0, import_react55.useState)(false);
   const dropdownRef = useClickOutside2({ handler: () => setOpen(false) });
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "div",
     {
       ref: dropdownRef,
       className: `relative ${className}`,
       onClick: () => setOpen(!open),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
           "div",
           {
             className: `flex items-center gap-2 px-3 py-1 bg-white border rounded-lg cursor-pointer ${buttonClassName}`,
             children: [
               selectedValue?.icon,
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: selectedValue?.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: selectedValue?.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChevronBottomIcon, { className: "h-4 w-4" })
             ]
           }
         ),
-        open && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        open && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
           "div",
           {
             className: `absolute left-0 top-[calc(100%_+_4px)] z-50 bg-white overflow-hidden rounded-lg border border-[#dbe0e6] shadow-md text-sub-600 h-auto !min-h-fit text-xs !leading-5 !font-bold ${dropdownClassName}`,
             onClick: (e3) => e3.stopPropagation(),
-            children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+            children: options2.map((option, index4) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
               "div",
               {
                 onClick: () => {
@@ -31984,7 +31422,7 @@ var DropdownField = (props) => {
 };
 
 // src/widgets/basic/fee-field/fee.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var FeeField = (props) => {
   const { value, formValues } = props;
   const { t: t3 } = useI18n();
@@ -31995,27 +31433,27 @@ var FeeField = (props) => {
     )
   ) + " VND";
   const remaining_amount = formatNumberOnly(parseFloat(formValues?.amount_residual ?? 0)) + " VND";
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
     value?.subtotals?.map((sub) => {
       if (sub?.tax_amount > 0 && sub?.tax_groups?.length > 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
               sub?.name,
               ":"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right font-semibold", children: formatNumberOnly(parseFloat(sub?.base_amount ?? 0)) + " VND" })
           ] }),
-          sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+          sub?.tax_groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
             "div",
             {
               className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
                   group?.group_name,
                   ":"
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
+                /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-[14px] leading-[21px] text-[rgb(73,80,87)] text-right", children: formatNumberOnly(parseFloat(group?.tax_amount ?? 0)) + " VND" })
               ]
             },
             `tax_groups_${group?.id}`
@@ -32023,33 +31461,33 @@ var FeeField = (props) => {
         ] });
       }
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("total"),
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-xl leading-[21px] font-bold text-[rgb(73,80,87)] text-right ", children: totalAmount })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 pt-2 lg:mt-5 lg:pt-5 border-t border-[#c4c4c4ee]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("paid_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: paid_amount })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 min-w-[300px] max-w-fit ml-auto mt-2 lg:mt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "text-[14px] leading-[21px] text-right", children: [
         t3("remanining_amount"),
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right ", children: remaining_amount })
     ] })
   ] });
 };
 
 // src/widgets/basic/file-upload-field/file-upload.tsx
-var import_react57 = require("react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_react56 = require("react");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var RenderFile = ({
   file,
   onDelete,
@@ -32059,16 +31497,16 @@ var RenderFile = ({
     readAs: "all"
   });
   const fileTypeIcon = {
-    "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PdfIcon, {}),
-    "application/zip": /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ZipIcon, {}),
-    "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ZipIcon, {}),
-    "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ExcelIcon, {}),
-    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ExcelIcon, {})
+    "application/pdf": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(PdfIcon, {}),
+    "application/zip": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
+    "application/x-zip-compressed": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ZipIcon, {}),
+    "application/vnd.ms-excel": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {}),
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ExcelIcon, {})
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         "div",
         {
           style: {
@@ -32078,20 +31516,20 @@ var RenderFile = ({
           children: file?.name || file?.display_name || info?.name
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
         "span",
         {
           onClick: () => onDownload && onDownload(
             file?.data,
             file?.name || file?.display_name || info?.name
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DownloadIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DownloadIcon, {})
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DeleteIconDanger, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { onClick: onDelete, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DeleteIconDanger, {}) })
     ] })
   ] });
 };
@@ -32113,10 +31551,10 @@ var FileUploadField = (props) => {
     downloadFunction
   } = props;
   const { t: t3 } = useI18n();
-  const fileInputRef = (0, import_react57.useRef)(null);
-  const [selectedFiles, setSelectedFiles] = (0, import_react57.useState)([]);
-  const [uploadError, setUploadError] = (0, import_react57.useState)();
-  (0, import_react57.useEffect)(() => {
+  const fileInputRef = (0, import_react56.useRef)(null);
+  const [selectedFiles, setSelectedFiles] = (0, import_react56.useState)([]);
+  const [uploadError, setUploadError] = (0, import_react56.useState)();
+  (0, import_react56.useEffect)(() => {
     if (selectedFiles?.length === 0 && value) {
       setSelectedFiles([
         {
@@ -32125,7 +31563,7 @@ var FileUploadField = (props) => {
       ]);
     }
   }, [value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Controller,
     {
       name: name2 || "",
@@ -32134,7 +31572,7 @@ var FileUploadField = (props) => {
         required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
       },
       render: ({ field: { onChange: onChange2 }, fieldState: { error: error2 } }) => {
-        (0, import_react57.useEffect)(() => {
+        (0, import_react56.useEffect)(() => {
           let data = widget === "many2many_binary" ? selectedFiles : selectedFiles?.[0]?.data;
           if (widget !== "many2many_binary" && data && isBase64File(data)) {
             data = data.split(",")[1];
@@ -32150,8 +31588,8 @@ var FileUploadField = (props) => {
             );
           }
         }, [selectedFiles]);
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-          selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
+          selectedFiles?.length > 0 && selectedFiles?.map((fileItem, index4) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             RenderFile,
             {
               file: fileItem,
@@ -32166,8 +31604,8 @@ var FileUploadField = (props) => {
               }
             }
           )),
-          uploadError && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
-          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          uploadError && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-[#de4747]", children: uploadError }),
+          (widget === "many2many_binary" || widget !== "many2many_binary" && selectedFiles?.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
             ButtonSelectFiles,
             {
               fileInputRef,
@@ -32182,7 +31620,7 @@ var FileUploadField = (props) => {
               useUploadFile
             }
           ),
-          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32190,8 +31628,8 @@ var FileUploadField = (props) => {
 };
 
 // src/widgets/basic/float-field/float.tsx
-var import_react58 = require("react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react57 = require("react");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var FloatField = (props) => {
   const {
     name: name2,
@@ -32209,9 +31647,9 @@ var FloatField = (props) => {
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
+    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: formatFloatNumber(propValue ?? defaultValue) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -32222,10 +31660,10 @@ var FloatField = (props) => {
       },
       render: ({ field: { onChange: onChange2, value }, fieldState: { error: error2 } }) => {
         const { setError, clearErrors } = methods;
-        const [inputValue, setInputValue] = (0, import_react58.useState)(
+        const [inputValue, setInputValue] = (0, import_react57.useState)(
           value !== void 0 && value !== null ? formatFloatNumber(value) : ""
         );
-        (0, import_react58.useEffect)(() => {
+        (0, import_react57.useEffect)(() => {
           if (propValue !== void 0 && propValue !== null && propValue !== parseFloat(inputValue?.replace(/,/g, ""))) {
             setInputValue(formatFloatNumber(propValue));
             clearErrors(name2);
@@ -32236,9 +31674,9 @@ var FloatField = (props) => {
             setInputValue("");
           }
         }, [value, name2, clearErrors, propValue]);
-        const isDirtyRef = (0, import_react58.useRef)(false);
-        const inputRef = (0, import_react58.useRef)(null);
-        const lastCommittedValueRef = (0, import_react58.useRef)(null);
+        const isDirtyRef = (0, import_react57.useRef)(false);
+        const inputRef = (0, import_react57.useRef)(null);
+        const lastCommittedValueRef = (0, import_react57.useRef)(null);
         const handleInputChange = (e3) => {
           const newValue = e3.target.value;
           const valueWithoutCommas = newValue.replace(/,/g, "");
@@ -32316,8 +31754,8 @@ var FloatField = (props) => {
           }
           isDirtyRef.current = false;
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
             "input",
             {
               ref: inputRef,
@@ -32337,7 +31775,7 @@ var FloatField = (props) => {
                 `
             }
           ),
-          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && !isEditTable && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32345,8 +31783,8 @@ var FloatField = (props) => {
 };
 
 // src/widgets/basic/float-time-field/float-time.tsx
-var import_react59 = require("react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_react58 = require("react");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var FloatTimeField = (props) => {
   const {
     name: name2,
@@ -32362,9 +31800,9 @@ var FloatTimeField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm) {
     const formatValue = value ?? 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: convertFloatToTime(formatValue) });
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: convertFloatToTime(formatValue) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -32377,11 +31815,11 @@ var FloatTimeField = (props) => {
         field: { onChange: fieldOnChange, onBlur, value: value2 },
         fieldState: { error: error2, isDirty }
       }) => {
-        const [input, setInput] = (0, import_react59.useState)(
+        const [input, setInput] = (0, import_react58.useState)(
           convertFloatToTime(value2 ?? defaultValue)
         );
-        const [formattedTime, setFormattedTime] = (0, import_react59.useState)("");
-        const [errors, setErrors] = (0, import_react59.useState)("");
+        const [formattedTime, setFormattedTime] = (0, import_react58.useState)("");
+        const [errors, setErrors] = (0, import_react58.useState)("");
         const handleInputChange = (e3) => {
           const raw = e3.target.value.replace(/[^\d:]/g, "");
           setInput(raw);
@@ -32426,8 +31864,8 @@ var FloatTimeField = (props) => {
           }
           onBlur();
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
             "input",
             {
               type: "text",
@@ -32459,7 +31897,7 @@ var FloatTimeField = (props) => {
               readOnly: readonly
             }
           ),
-          (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
+          (error2 || errors) && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "text-red-500 text-sm", children: error2?.message || errors })
         ] });
       }
     }
@@ -32467,8 +31905,8 @@ var FloatTimeField = (props) => {
 };
 
 // src/widgets/basic/html-field/html.tsx
-var import_react60 = require("react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_react59 = require("react");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var HtmlField = (props) => {
   const {
     name: name2,
@@ -32480,18 +31918,18 @@ var HtmlField = (props) => {
     value,
     isEditTable
   } = props;
-  const divRef = (0, import_react60.useRef)(null);
+  const divRef = (0, import_react59.useRef)(null);
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { dangerouslySetInnerHTML: { __html: value || defaultValue || "" } });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
       defaultValue,
       render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
-        (0, import_react60.useEffect)(() => {
+        (0, import_react59.useEffect)(() => {
           if (divRef.current && divRef.current.innerHTML !== value2) {
             divRef.current.innerHTML = value2 || "";
           }
@@ -32503,7 +31941,7 @@ var HtmlField = (props) => {
             onChange2(newValue, "");
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           "div",
           {
             ref: divRef,
@@ -32522,28 +31960,28 @@ var HtmlField = (props) => {
 };
 
 // src/widgets/basic/image-field/image.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var ImageField = (props) => {
   const { value, type, name: name2, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-var import_react61 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/widgets/basic/information-field/information.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
   if (!value || Array.isArray(value) && value.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_jsx_runtime91.Fragment, {});
   }
   const inforValues = Array.isArray(value) ? value : [value];
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "group relative flex items-center gap-1 rounded-lg transition-shadow duration-300", children: inforValues.length > 1 ? inforValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     AvatarField,
     {
       id: item.id,
@@ -32552,8 +31990,8 @@ var InfomationField = (props) => {
       stringToColor
     },
     item.id
-  )) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  )) : /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex gap-2 items-center w-max", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       AvatarField,
       {
         avatarSrc: inforValues[0].image_256,
@@ -32563,12 +32001,12 @@ var InfomationField = (props) => {
         stringToColor
       }
     ),
-    showName && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
+    showName && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "capitalize", children: inforValues[0].display_name })
   ] }) });
 };
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
@@ -32577,8 +32015,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       AvatarField,
       {
         id: data?.id,
@@ -32590,8 +32028,8 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
         stringToColor
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "span",
       {
         className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
@@ -32599,7 +32037,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
           e3.stopPropagation();
           props.removeProps.onClick();
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(CloseIcon, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CloseIcon, {})
       }
     )
   ] });
@@ -32608,10 +32046,10 @@ var CustomMenuList = (props) => {
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
   const { t: t3 } = useI18n();
-  const limitedChildren = import_react61.default.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
+  const limitedChildren = import_react60.default.Children.toArray(children).slice(0, 10);
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
       "button",
       {
         type: "button",
@@ -32656,7 +32094,7 @@ var Many2ManyTagField = (props) => {
       value: item.id,
       label: item.name ?? item.display_name
     })) : [];
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       InfomationField,
       {
         value: optionValue || null,
@@ -32665,7 +32103,7 @@ var Many2ManyTagField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -32675,12 +32113,12 @@ var Many2ManyTagField = (props) => {
       },
       render: ({ field, fieldState: { error: error2 } }) => {
         const { clearErrors } = methods;
-        (0, import_react61.useEffect)(() => {
+        (0, import_react60.useEffect)(() => {
           if (field.value) {
             clearErrors(name2);
           }
         }, [field.value]);
-        const filteredValue = (0, import_react61.useMemo)(() => {
+        const filteredValue = (0, import_react60.useMemo)(() => {
           if (!Array.isArray(field?.value)) return null;
           const fieldValueMapped = field.value.map((v) => ({
             value: v?.id,
@@ -32701,8 +32139,8 @@ var Many2ManyTagField = (props) => {
           onChange2?.(name2 ?? "", newValue);
           clearErrors(name2);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "group h-full overflow-y-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             StateManagedSelect$1,
             {
               options: options2,
@@ -32780,7 +32218,7 @@ var Many2ManyTagField = (props) => {
                 })
               },
               components: isUser ? {
-                MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   CustomMultiValue,
                   {
                     ...multiValueProps,
@@ -32789,7 +32227,7 @@ var Many2ManyTagField = (props) => {
                 ),
                 IndicatorSeparator: () => null
               } : {
-                MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+                MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
                   CustomMenuList,
                   {
                     ...menuListProps,
@@ -32800,13 +32238,13 @@ var Many2ManyTagField = (props) => {
                   }
                 ),
                 IndicatorSeparator: () => null,
-                DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(components.DropdownIndicator, { ...props2 }),
-                ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(components.ClearIndicator, { ...props2 })
+                DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.DropdownIndicator, { ...props2 }),
+                ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(components.ClearIndicator, { ...props2 })
               },
               required: !invisible && required
             }
           ),
-          !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32814,8 +32252,8 @@ var Many2ManyTagField = (props) => {
 };
 
 // src/widgets/basic/monetary-field/monetary.tsx
-var import_react62 = require("react");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react61 = require("react");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -32835,26 +32273,26 @@ var MonetaryField = (props) => {
     isEditTable
   } = props;
   if (isForm && name2 === "amount_residual") {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "font-semibold", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "font-semibold", children: [
         string,
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-lg leading-[21px] font-semibold text-[rgb(73,80,87)] text-right", children: `${formatNumberOnly(parseFloat(value ?? defaultValue))} VND` })
     ] });
   }
   if (!isForm) {
     const currencySymbol = widget === "monetary" ? formValues?.currency_id?.symbol : "VND";
     if (widget === "monetary" && !formValues?.currency_id) {
-      return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: `${formatNumberOnly(
+      return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
         parseFloat(String(value ?? defaultValue))
       )} VND` });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { children: `${formatNumberOnly(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: `${formatNumberOnly(
       parseFloat(value ?? defaultValue)
     )} ${currencySymbol}` });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     Controller,
     {
       name: name2 ?? "",
@@ -32868,13 +32306,13 @@ var MonetaryField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        (0, import_react62.useEffect)(() => {
+        (0, import_react61.useEffect)(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
             clearErrors(name2);
           }
         }, [value2]);
-        return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
             "input",
             {
               value: formatNumberOnly(value2),
@@ -32912,7 +32350,7 @@ var MonetaryField = (props) => {
                 `
             }
           ),
-          !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -32920,14 +32358,14 @@ var MonetaryField = (props) => {
 };
 
 // src/widgets/basic/paid-badged-field/paid-badged.tsx
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var PaidBadgedField = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PaidIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "absolute z-[4] right-4 top-4", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(PaidIcon, {}) });
 };
 
 // src/widgets/basic/priority-field/rating-star.tsx
-var import_react63 = __toESM(require("react"));
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_react62 = __toESM(require("react"));
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var RatingStarField = (props) => {
   const {
     label,
@@ -32936,9 +32374,9 @@ var RatingStarField = (props) => {
     onSelectPriority,
     id
   } = props;
-  const [rating, setRating] = (0, import_react63.useState)(defaultValue);
-  const [hover, setHover] = (0, import_react63.useState)(0);
-  (0, import_react63.useEffect)(() => {
+  const [rating, setRating] = (0, import_react62.useState)(defaultValue);
+  const [hover, setHover] = (0, import_react62.useState)(0);
+  (0, import_react62.useEffect)(() => {
     setRating(defaultValue);
   }, [defaultValue]);
   const handleClick = (value) => {
@@ -32962,7 +32400,7 @@ var RatingStarField = (props) => {
     setHover(0);
     setRating(0);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
     "div",
     {
       className: "flex gap-1 cursor-pointer w-fit",
@@ -32972,17 +32410,17 @@ var RatingStarField = (props) => {
         const starValue = index4 + 1;
         const fillColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "white" : rating >= starValue ? "#f3cc00" : "white";
         const strokeColor = hover > 0 ? hover >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)" : rating >= starValue ? "#f3cc00" : "rgba(73,80,87,0.76)";
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react63.default.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react62.default.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             "div",
             {
               onMouseEnter: () => handleHover(starValue),
               onClick: () => handleClick(starValue),
               "data-tooltip-id": `${id}-${starValue}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
+              children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(StarIcon, { fill: fillColor, stroke: strokeColor })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
             M,
             {
               className: "z-50",
@@ -32998,7 +32436,7 @@ var RatingStarField = (props) => {
 };
 
 // src/widgets/basic/priority-field/priority.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var PriorityField = (props) => {
   const {
     isForm,
@@ -33014,7 +32452,7 @@ var PriorityField = (props) => {
   const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
   const defaultPriority = parseInt(value) + 1;
   if (!isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       RatingStarField,
       {
         label,
@@ -33025,7 +32463,7 @@ var PriorityField = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
     Controller,
     {
       name: name ?? "",
@@ -33035,7 +32473,7 @@ var PriorityField = (props) => {
           field.onChange(String(value2 - 1 <= 0 ? 0 : value2 - 1));
           onChange2?.(name ?? "", String(value2 - 1 <= 0 ? 0 : value2 - 1));
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           RatingStarField,
           {
             label,
@@ -33051,8 +32489,8 @@ var PriorityField = (props) => {
 };
 
 // src/widgets/basic/radio-group-field/radio-group.tsx
-var import_react64 = require("react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_react63 = require("react");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var RadioGroupField = (props) => {
   const {
     name: name2,
@@ -33065,19 +32503,19 @@ var RadioGroupField = (props) => {
     onChange: onChange2,
     setValue
   } = props;
-  (0, import_react64.useEffect)(() => {
+  (0, import_react63.useEffect)(() => {
     if (selection?.length > 0) {
       if (setValue) setValue(name2, selection?.[0]?.[0]);
     }
   }, [selection, name2, setValue]);
   if (!methods) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods.control,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
           "input",
           {
             type: "radio",
@@ -33096,7 +32534,7 @@ var RadioGroupField = (props) => {
             className: "custom-radio"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("label", { htmlFor: String(select[0]), children: select[1] })
       ] }, select[0])) })
     }
   );
@@ -33104,7 +32542,7 @@ var RadioGroupField = (props) => {
 
 // src/widgets/basic/remaining-days-field/remaining-days.tsx
 var import_moment3 = __toESM(require_moment());
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var RemainingDaysField = (props) => {
   const {
     value,
@@ -33115,14 +32553,14 @@ var RemainingDaysField = (props) => {
   if (!value) return null;
   const adjustedValue = (0, import_moment3.default)(value).add(7, "hours");
   const isFuture = adjustedValue.isAfter((0, import_moment3.default)());
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: isForm ? "mb-4" : "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(M, { id: `remainingDays_${value}`, place: "top", content: string }),
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "div",
       {
         "data-tooltip-id": `remainingDays_${value}`,
         className: "flex items-center w-fit cursor-context-menu",
-        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           "div",
           {
             className: `text-sm font-semibold ${isFuture ? "text-[rgba(73,80,87,0.76)]" : "text-red-700"}`,
@@ -33135,7 +32573,7 @@ var RemainingDaysField = (props) => {
 };
 
 // src/widgets/basic/select-dropdown-field/select-dropdown.tsx
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -33157,9 +32595,9 @@ var SelectDropdownField = (props) => {
     label: val[1]
   })) : [];
   if (!isForm && !isEditTable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
   } else {
-    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       Controller,
       {
         name: name2 || "",
@@ -33186,8 +32624,8 @@ var SelectDropdownField = (props) => {
             value: defaultValue || null,
             required: !invisible && required
           };
-          return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "group", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
               StateManagedSelect$1,
               {
                 ...commonProps,
@@ -33242,12 +32680,12 @@ var SelectDropdownField = (props) => {
                 menuPortalTarget: typeof window !== "undefined" ? document.body : null,
                 components: {
                   IndicatorSeparator: () => null,
-                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(components.DropdownIndicator, { ...props2 })
+                  DropdownIndicator: (props2) => readonly || !isEditTable ? null : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(components.DropdownIndicator, { ...props2 })
                 },
                 noOptionsMessage: () => t3("no-available")
               }
             ) }),
-            !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+            !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
           ] });
         }
       }
@@ -33256,7 +32694,7 @@ var SelectDropdownField = (props) => {
 };
 
 // src/widgets/basic/textarea-field/textarea.tsx
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var TextAreaField = (props) => {
   const {
     methods,
@@ -33280,9 +32718,9 @@ var TextAreaField = (props) => {
     }
   }) : {};
   if (!isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { children: value && typeof value === "object" ? value.display_name : value });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "textarea",
     {
       ...formProps,
@@ -33298,7 +32736,7 @@ var TextAreaField = (props) => {
 };
 
 // src/widgets/basic/toggle-button-field/toggle-button.tsx
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var ToggleButtonField = (props) => {
   const {
     name: name2,
@@ -33308,13 +32746,13 @@ var ToggleButtonField = (props) => {
     onChange: onChange2,
     methods
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           "input",
           {
             ...field,
@@ -33333,7 +32771,7 @@ var ToggleButtonField = (props) => {
             checked: field.value ?? false
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           "span",
           {
             style: {
@@ -33342,7 +32780,7 @@ var ToggleButtonField = (props) => {
             },
             className: `rounded-full transition duration-300 
                 ${field.value ? "bg-primary" : "bg-gray-300"}`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
               "span",
               {
                 style: {
@@ -33366,8 +32804,8 @@ var ToggleButtonField = (props) => {
 };
 
 // src/widgets/basic/integer-field/integer.tsx
-var import_react65 = require("react");
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_react64 = require("react");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var IntegerField = (props) => {
   const {
     name: name2,
@@ -33386,9 +32824,9 @@ var IntegerField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const displayValue = value ?? defaultValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
+    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { children: typeof displayValue === "object" ? JSON.stringify(displayValue) : formatNumberOnly(displayValue) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     Controller,
     {
       name: name2 || "",
@@ -33402,13 +32840,13 @@ var IntegerField = (props) => {
         fieldState: { error: error2 }
       }) => {
         const { setError, clearErrors } = methods;
-        const isDirtyRef = (0, import_react65.useRef)(false);
-        const inputRef = (0, import_react65.useRef)(null);
-        const lastCommittedValueRef = (0, import_react65.useRef)(null);
-        const [inputValue, setInputValue] = (0, import_react65.useState)(
+        const isDirtyRef = (0, import_react64.useRef)(false);
+        const inputRef = (0, import_react64.useRef)(null);
+        const lastCommittedValueRef = (0, import_react64.useRef)(null);
+        const [inputValue, setInputValue] = (0, import_react64.useState)(
           value2 !== void 0 && value2 !== null ? String(value2) : ""
         );
-        (0, import_react65.useEffect)(() => {
+        (0, import_react64.useEffect)(() => {
           if (value2 !== void 0 && value2 !== null) {
             setInputValue(String(value2));
             clearErrors(name2);
@@ -33466,8 +32904,8 @@ var IntegerField = (props) => {
           inputRef.current?.blur();
           clearErrors(name2);
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(import_jsx_runtime103.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(import_jsx_runtime102.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
             "input",
             {
               ref: inputRef,
@@ -33502,7 +32940,7 @@ var IntegerField = (props) => {
                 `
             }
           ),
-          error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+          error2 && isEditTable && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
         ] });
       }
     }
@@ -33510,7 +32948,7 @@ var IntegerField = (props) => {
 };
 
 // src/widgets/basic/status-dropdown-field/status-dropdown.tsx
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var StatusDropdownField = (props) => {
   const {
     buttonRef,
@@ -33522,13 +32960,13 @@ var StatusDropdownField = (props) => {
     handleClick,
     colors: colors2
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
     "div",
     {
       ref: buttonRef,
       className: isForm ? "absolute top-7 right-6 z-10" : void 0,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
           "button",
           {
             type: "button",
@@ -33536,23 +32974,23 @@ var StatusDropdownField = (props) => {
             className: `transition-all rounded-full size-5 cursor-pointer shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] focus:!shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-[#dbe0e6] ${state == "normal" ? "bg-[#e9ecef]" : state == "done" ? "bg-primary" : "bg-red-500"}`
           }
         ),
-        isOpen && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
+        isOpen && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "absolute w-[200px] top-full bg-white transition-all right-0 flex flex-col rounded-lg z-10 shadow-md border !border-[#dbe0e6] overflow-hidden", children: selection?.map((item, index4) => {
           const isActive = item[0] == state;
-          return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
             "div",
             {
               className: `cursor-pointer relative hover:bg-gray-200 pl-[12px] pr-[20px] py-[5px] flex items-center justify-start gap-2 ${isActive ? "bg-gray-100" : ""}`,
               onClick: () => handleClick(item[0]),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CheckIcon, {}) }),
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className: "w-4 h-4", children: isActive && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(CheckIcon, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
                     "div",
                     {
                       className: `rounded-full size-4 shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)] !border-none ${colors2[item[0]]}`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-sm", children: item[1] })
+                  /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-sm", children: item[1] })
                 ] })
               ]
             },
@@ -33566,8 +33004,8 @@ var StatusDropdownField = (props) => {
 
 // src/widgets/basic/many2many-field/many2many.tsx
 var import_react_dom8 = require("react-dom");
-var import_react66 = require("react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_react65 = require("react");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 var Many2ManyField = (props) => {
   const { t: t3 } = useI18n();
   const {
@@ -33626,7 +33064,7 @@ var Many2ManyField = (props) => {
     clearSearch
   } = searchController;
   const { handleCheckBoxAll, checkedAll, selectedRowKeysRef } = tableHeadController;
-  (0, import_react66.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     const groupItems = Array.isArray(selectedTags) ? selectedTags.filter((item) => item.type === "group_by") : [];
     if (groupItems?.length > 0) {
       typeof setPageLimit === "function" && setPageLimit(80);
@@ -33641,7 +33079,7 @@ var Many2ManyField = (props) => {
     };
   }, [selectedTags]);
   return (0, import_react_dom8.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
       "div",
       {
         style: {
@@ -33649,8 +33087,8 @@ var Many2ManyField = (props) => {
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute inset-0 bg-[rgba(27,27,27,0.48)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "absolute inset-0 overflow-auto px-6 flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
             "div",
             {
               style: {
@@ -33658,12 +33096,12 @@ var Many2ManyField = (props) => {
               },
               className: "relative p-4 flex flex-col gap-2 max-w-full lg:max-w-[1000px] lg:min-w-[1000px] transform rounded-3xl bg-[#FFF] min-h-[90%] max-h-[90%] h-fit",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(CloseIcon, {}) })
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex justify-between items-center border-b border-[rgba(0,0,0,0.1)] pb-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "text-[20px] font-semibold", children: title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("button", { className: "cursor-pointer", onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CloseIcon, {}) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid grid-cols-3 gap-2 items-center py-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "col-span-3 sm:col-span-2 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     Search,
                     {
                       removeSearchItems,
@@ -33697,7 +33135,7 @@ var Many2ManyField = (props) => {
                       groupByList
                     }
                   ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     PaginationView,
                     {
                       className: "pagination-bar col-span-3 sm:col-span-1 justify-end flex-1",
@@ -33714,20 +33152,20 @@ var Many2ManyField = (props) => {
                     }
                   )
                 ] }),
-                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                !isLoading && isFetched || isPlaceholderData ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "relative overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "relative h-full w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                   "div",
                   {
                     className: `border-y h-full border-solid border-[#dbe0e6] rounded-[10px] relative w-full overflow-hidden`,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex flex-col gap-[16px] w-full h-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: `relative w-full h-full`, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                       "div",
                       {
                         className: `flex w-full items-center h-full overflow-auto `,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "w-full h-full max-w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
                           "table",
                           {
                             className: `relative w-full bg-white custom-dropdown `,
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                                 TableHead,
                                 {
                                   columns,
@@ -33737,7 +33175,7 @@ var Many2ManyField = (props) => {
                                   handleCheckBoxAll
                                 }
                               ),
-                              rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                              rows?.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                                 TableBody,
                                 {
                                   tableGroupController,
@@ -33777,16 +33215,16 @@ var Many2ManyField = (props) => {
                                   checkedAll,
                                   context
                                 }
-                              ) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                              ) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                                 "td",
                                 {
                                   className: "w-full",
                                   colSpan: columns?.length + 2,
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                                     "div",
                                     {
                                       className: `flex flex-col items-center justify-center gap-3 py-6`,
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(EmptyTable, {})
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(EmptyTable, {})
                                     }
                                   )
                                 }
@@ -33797,9 +33235,9 @@ var Many2ManyField = (props) => {
                       }
                     ) }) })
                   }
-                ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LayerLoading, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
-                  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LayerLoading, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
+                  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     "button",
                     {
                       disabled: selectedRowKeys?.length === 0,
@@ -33809,7 +33247,7 @@ var Many2ManyField = (props) => {
                       children: t3("choose")
                     }
                   ),
-                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  optionsObject && "no_create" in optionsObject && optionsObject?.no_create === false && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     "button",
                     {
                       type: "button",
@@ -33825,7 +33263,7 @@ var Many2ManyField = (props) => {
                       children: t3("new")
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                     "button",
                     {
                       type: "button",
@@ -33846,16 +33284,16 @@ var Many2ManyField = (props) => {
 };
 
 // src/widgets/basic/many2one-field/many2one.tsx
-var import_react67 = __toESM(require("react"));
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_react66 = __toESM(require("react"));
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var CustomMenuList2 = (props) => {
   const { t: t3 } = useI18n();
   const { options: options2, children, selectProps } = props;
   const { setIsShowModalMany2Many, searchable } = selectProps;
-  const limitedChildren = import_react67.default.Children.toArray(children).slice(0, 10);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
+  const limitedChildren = import_react66.default.Children.toArray(children).slice(0, 10);
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(components.MenuList, { ...props, className: "z-[99]", children: [
     limitedChildren,
-    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+    options2?.length > 0 && (options2?.length > 10 || searchable) && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
       "button",
       {
         type: "button",
@@ -33898,14 +33336,14 @@ var Many2OneField = (props) => {
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
       allowShowDetail && renderDetail({
         idToolTip: String(name2) + Number(index4),
         model: options2?.model ?? relation,
         context: contextObject,
         idForm: id
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
         "span",
         {
           className: "cursor-pointer",
@@ -33916,20 +33354,20 @@ var Many2OneField = (props) => {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
     allowShowDetail && renderDetail({
       idToolTip: String(name2),
       model: options2?.model ?? relation,
       context: contextObject,
       idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       "div",
       {
         id: name2,
         "data-tooltip-id": name2,
         className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           Controller,
           {
             name: name2 ?? "",
@@ -33949,13 +33387,13 @@ var Many2OneField = (props) => {
               const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
                 (option) => option.value === tempSelectedOption?.value
               ) : currentValue ? currentValue : null;
-              (0, import_react67.useEffect)(() => {
+              (0, import_react66.useEffect)(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
                 }
               }, [selectedOption]);
-              return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "h-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "h-full", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                   StateManagedSelect$1,
                   {
                     menuShouldScrollIntoView: false,
@@ -34031,7 +33469,7 @@ var Many2OneField = (props) => {
                       })
                     },
                     components: {
-                      MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+                      MenuList: (menuListProps) => /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                         CustomMenuList2,
                         {
                           ...menuListProps,
@@ -34042,13 +33480,13 @@ var Many2OneField = (props) => {
                         }
                       ),
                       IndicatorSeparator: () => null,
-                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(components.DropdownIndicator, { ...props2 })
+                      DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(components.DropdownIndicator, { ...props2 })
                     },
                     isDisabled: readonly,
                     noOptionsMessage: () => t3(isFetching ? "loading" : "no-available")
                   }
                 ),
-                !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
+                !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
               ] });
             }
           }
@@ -34059,7 +33497,7 @@ var Many2OneField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/duration/duration.tsx
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 var StatusbarDurationField = (props) => {
   const {
     disabled,
@@ -34069,14 +33507,14 @@ var StatusbarDurationField = (props) => {
     defaultValue,
     setModalStatus
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     "div",
     {
       className: `w-full items-center  rounded-[10px] !flex flex-col-reverse justify-center lg:!justify-end lg:!flex-row gap-y-[15px]`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-[24px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex items-center", children: dataResponse && dataResponse?.records?.filter((item) => !item?.fold || item.id == defaultValue)?.map((option, index4) => {
           const value = option?.id === defaultValue;
-          return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
             "label",
             {
               onClick: () => !disabled && handleClick(option.id),
@@ -34086,7 +33524,7 @@ var StatusbarDurationField = (props) => {
                 ${index4 === dataResponse?.records?.length - 1 ? "rounded-r-xl" : "rounded-none"}
               `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   "input",
                   {
                     type: "radio",
@@ -34096,7 +33534,7 @@ var StatusbarDurationField = (props) => {
                   }
                 ),
                 option?.name,
-                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                index4 !== dataResponse?.records?.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   "div",
                   {
                     className: `absolute top-[5px] bg-[#dee2e6] z-[2] -right-4 w-[30px] h-[30px] border-t-4 border-r-4 border-white transform rotate-45 group-hover:bg-[#ced4da]
@@ -34111,14 +33549,14 @@ var StatusbarDurationField = (props) => {
         }) }),
         dataResponse?.records?.some(
           (item) => item?.fold && item.id !== defaultValue
-        ) && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+        ) && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
           "div",
           {
             onClick: () => setModalStatus(!modelStatus),
             className: "w-[24px] h-[24px] cursor-pointer relative",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(MoreIcon, {}),
-              modelStatus && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(MoreIcon, {}),
+              modelStatus && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 "div",
                 {
                   onClick: (e3) => e3.stopPropagation(),
@@ -34127,7 +33565,7 @@ var StatusbarDurationField = (props) => {
                     (item) => item?.fold && item.id !== defaultValue
                   )?.map((option) => {
                     const value = option?.id === defaultValue;
-                    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                       "div",
                       {
                         className: `py-[4px] px-[16px] hover:bg-[#f8f9f9] ${value ? "bg-primary" : "bg-[#F1F6F1]"}`,
@@ -34148,15 +33586,15 @@ var StatusbarDurationField = (props) => {
 };
 
 // src/widgets/basic/status-bar-field/option/option.tsx
-var import_react68 = require("react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_react67 = require("react");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var StatusBarOptionField = (props) => {
   const { selection, defaultValue } = props;
-  const memoizedStatusOptions = (0, import_react68.useMemo)(() => selection, [selection]);
+  const memoizedStatusOptions = (0, import_react67.useMemo)(() => selection, [selection]);
   const indexInProgress = memoizedStatusOptions?.findIndex(
     (option) => option?.[0] === defaultValue
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "div",
     {
       style: {
@@ -34165,8 +33603,8 @@ var StatusBarOptionField = (props) => {
         flexWrap: "wrap"
       },
       children: memoizedStatusOptions?.map((option, index4) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
             "div",
             {
               style: {
@@ -34184,7 +33622,7 @@ var StatusBarOptionField = (props) => {
                 boxShadow: index4 === indexInProgress ? "0 1px 2px 0 rgba(51, 51, 51, 0.04), 0 2px 4px 0 rgba(51, 51, 51, 0.04), 0 4px 8px -2px rgba(51, 51, 51, 0.06), 0 0 0 1px rgba(51, 51, 51, 0.04), 0 -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset" : ""
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                   "span",
                   {
                     style: {
@@ -34196,10 +33634,10 @@ var StatusBarOptionField = (props) => {
                       alignItems: "center",
                       borderRadius: "100%"
                     },
-                    children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ICCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ICMinus, {})
+                    children: index4 < indexInProgress || indexInProgress === memoizedStatusOptions?.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICCheck, {}) : index4 === indexInProgress ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICCircle, {}) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ICMinus, {})
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
                   "span",
                   {
                     style: {
@@ -34212,7 +33650,7 @@ var StatusBarOptionField = (props) => {
             },
             option?.[0]
           ),
-          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          !(index4 === memoizedStatusOptions?.length - 1) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
             "div",
             {
               style: {
@@ -34228,7 +33666,7 @@ var StatusBarOptionField = (props) => {
   );
 };
 var ICMinus = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34236,7 +33674,7 @@ var ICMinus = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         "path",
         {
           d: "M4 8H12",
@@ -34250,7 +33688,7 @@ var ICMinus = () => {
   );
 };
 var ICCircle = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34258,12 +33696,12 @@ var ICCircle = () => {
       height: "8",
       viewBox: "0 0 8 8",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("circle", { cx: "4", cy: "4", r: "4", fill: "white" })
     }
   );
 };
 var ICCheck = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -34271,7 +33709,7 @@ var ICCheck = () => {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         "path",
         {
           d: "M13.3408 5.23535L13.252 5.32324L6.88867 11.6875L6.7998 11.7764L6.71191 11.6875L2.89258 7.86914L2.80469 7.78125L2.89258 7.69238L3.74121 6.84375L3.83008 6.75586L6.7998 9.72559L12.2266 4.29785L12.3154 4.20996L13.3408 5.23535Z",
@@ -34285,7 +33723,7 @@ var ICCheck = () => {
 };
 
 // src/widgets/basic/date-option-field/date-option.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var DateOptionField = (props) => {
   const {
     name: name2,
@@ -34296,19 +33734,19 @@ var DateOptionField = (props) => {
     string,
     onChange: onChange2
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
     Controller,
     {
       name: name2 ?? "",
       control: methods?.control,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
         "label",
         {
           className: `cursor-pointer mr-2 w-[50px] flex items-center justify-center p-[4px] border rounded-md text-sm
                   ${field.value ? "bg-primary text-white border-primary" : "bg-white text-black border-[#f7f7f7]"}
                   ${readonly ? "opacity-50 pointer-events-none" : ""}`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -34409,7 +33847,6 @@ var DateOptionField = (props) => {
   RadioGroupField,
   RatingStarField,
   RemainingDaysField,
-  RenderFiles,
   ResetIcon,
   Row,
   Search,