akeyless-client-commons 1.1.4 → 1.1.6

package/dist/components/index.mjs

@@ -893,6 +893,34 @@ var getFormElementValue = function(form, name) {
     var inputValue = ((_form_elements_namedItem = form.elements.namedItem(name)) === null || _form_elements_namedItem === void 0 ? void 0 : _form_elements_namedItem.value) || "";
     return inputValue.trim();
 };
+var durationToSeconds = function(d) {
+    var safe = clampNegative(d);
+    return ((safe.days * 24 + safe.hours) * 60 + safe.minutes) * 60 + safe.seconds;
+};
+var secondsToDuration = function(total) {
+    var secs = Math.max(0, Math.floor(total));
+    var days = Math.floor(secs / 86400);
+    secs -= days * 86400;
+    var hours = Math.floor(secs / 3600);
+    secs -= hours * 3600;
+    var minutes = Math.floor(secs / 60);
+    secs -= minutes * 60;
+    return {
+        days: days,
+        hours: hours,
+        minutes: minutes,
+        seconds: secs
+    };
+};
+function clampNegative(param) {
+    var days = param.days, hours = param.hours, minutes = param.minutes, seconds = param.seconds;
+    return {
+        days: Math.max(0, days),
+        hours: Math.max(0, hours),
+        minutes: Math.max(0, minutes),
+        seconds: Math.max(0, seconds)
+    };
+}
 // src/lib/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -1077,7 +1105,7 @@ var Loader = function(param) {
     });
 };
 // src/components/utils/global.tsx
-import { jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var Version = function(param) {
     var version = param.version, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
     return /* @__PURE__ */ jsxs2("div", {
@@ -1088,9 +1116,19 @@ var Version = function(param) {
         ]
     });
 };
+var LeftToRightDiv = function(param) {
+    var direction = param.direction, className = param.className, value = param.value;
+    return /* @__PURE__ */ jsx4("div", {
+        style: {
+            direction: "ltr"
+        },
+        className: cn("_ellipsis  ".concat(direction === "rtl" ? "text-right" : "text-left"), className),
+        children: value
+    });
+};
 // src/components/utils/LoginWithGoogle.tsx
 import { useState as useState2 } from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var GoogleSvg = function(param) {
     var _param_width = param.width, width = _param_width === void 0 ? "20px" : _param_width, _param_height = param.height, height = _param_height === void 0 ? "20px" : _param_height, _param_viewBox = param.viewBox, viewBox = _param_viewBox === void 0 ? "0 0 256 266" : _param_viewBox;
     return /* @__PURE__ */ jsxs3("svg", {
@@ -1100,19 +1138,19 @@ var GoogleSvg = function(param) {
         viewBox: viewBox,
         preserveAspectRatio: "xMidYMid",
         children: [
-            /* @__PURE__ */ jsx4("path", {
+            /* @__PURE__ */ jsx5("path", {
                 d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027",
                 fill: "#4285F4"
             }),
-            /* @__PURE__ */ jsx4("path", {
+            /* @__PURE__ */ jsx5("path", {
                 d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1",
                 fill: "#34A853"
             }),
-            /* @__PURE__ */ jsx4("path", {
+            /* @__PURE__ */ jsx5("path", {
                 d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782",
                 fill: "#FBBC05"
             }),
-            /* @__PURE__ */ jsx4("path", {
+            /* @__PURE__ */ jsx5("path", {
                 d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251",
                 fill: "#EB4335"
             })
@@ -1197,7 +1235,7 @@ var LoginWithGoogleButton = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ jsx4("div", {
+    return /* @__PURE__ */ jsx5("div", {
         className: cn("flex justify-center", containerClassName),
         children: /* @__PURE__ */ jsxs3("button", _object_spread_props(_object_spread({}, buttonProps), {
             type: "button",
@@ -1208,7 +1246,7 @@ var LoginWithGoogleButton = function(param) {
             disabled: isLoading,
             children: [
                 label,
-                isLoading ? /* @__PURE__ */ jsx4(Loader, _object_spread({}, loaderProps)) : /* @__PURE__ */ jsx4(GoogleSvg, _object_spread({}, googleSvgProps))
+                isLoading ? /* @__PURE__ */ jsx5(Loader, _object_spread({}, loaderProps)) : /* @__PURE__ */ jsx5(GoogleSvg, _object_spread({}, googleSvgProps))
             ]
         }))
     });
@@ -1216,7 +1254,7 @@ var LoginWithGoogleButton = function(param) {
 // src/components/table/components.tsx
 import { memo, useEffect as useEffect7, useMemo as useMemo6 } from "react";
 // src/assets/svg.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var RedXSvg = function(param) {
     var height = param.height, width = param.width, viewBox = param.viewBox;
     return /* @__PURE__ */ jsxs4("svg", {
@@ -1226,11 +1264,11 @@ var RedXSvg = function(param) {
         viewBox: viewBox || "0 0 32 32",
         fill: "none",
         children: [
-            /* @__PURE__ */ jsx5("path", {
+            /* @__PURE__ */ jsx6("path", {
                 d: "M21.0801 10.3C20.6101 9.80996 19.8301 9.79996 19.3401 10.27L15.6101 13.89L11.8801 10.27C11.3901 9.79996 10.6101 9.80996 10.1401 10.3C9.67008 10.79 9.68008 11.57 10.1701 12.04L13.8501 15.61L10.1701 19.18C9.68008 19.65 9.67008 20.43 10.1401 20.92C10.6101 21.41 11.3901 21.42 11.8801 20.95L15.6101 17.33L19.3401 20.95C19.5701 21.17 19.8801 21.3 20.2001 21.3C20.8801 21.29 21.4301 20.73 21.4201 20.04C21.4201 19.72 21.2901 19.41 21.0601 19.19L17.3801 15.62L21.0601 12.05C21.5501 11.58 21.5601 10.8 21.0901 10.31L21.0801 10.3Z",
                 fill: "#FF4C2B"
             }),
-            /* @__PURE__ */ jsx5("path", {
+            /* @__PURE__ */ jsx6("path", {
                 d: "M15.61 0C6.99 0 0 6.99 0 15.61C0.86 36.32 30.36 36.31 31.22 15.61C31.21 6.99 24.23 0 15.61 0ZM15.61 28.76C8.35 28.76 2.47 22.87 2.46 15.61C3.18 -1.84 28.04 -1.83 28.76 15.61C28.76 22.87 22.87 28.75 15.61 28.76Z",
                 fill: "#FF4C2B"
             })
@@ -1239,20 +1277,20 @@ var RedXSvg = function(param) {
 };
 var RedXSvg2 = function(param) {
     var height = param.height, width = param.width, viewBox = param.viewBox;
-    return /* @__PURE__ */ jsx5("svg", {
+    return /* @__PURE__ */ jsx6("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: width || "18px",
         height: height || "18px",
         viewBox: viewBox || "0,0,256,256",
         fillRule: "nonzero",
-        children: /* @__PURE__ */ jsx5("g", {
+        children: /* @__PURE__ */ jsx6("g", {
             fill: "#e90404",
             fillRule: "nonzero",
             stroke: "none",
             strokeWidth: "1",
-            children: /* @__PURE__ */ jsx5("g", {
+            children: /* @__PURE__ */ jsx6("g", {
                 transform: "scale(10.66667,10.66667)",
-                children: /* @__PURE__ */ jsx5("path", {
+                children: /* @__PURE__ */ jsx6("path", {
                     d: "M4.99023,3.99023c-0.40692,0.00011 -0.77321,0.24676 -0.92633,0.62377c-0.15312,0.37701 -0.06255,0.80921 0.22907,1.09303l6.29297,6.29297l-6.29297,6.29297c-0.26124,0.25082 -0.36647,0.62327 -0.27511,0.97371c0.09136,0.35044 0.36503,0.62411 0.71547,0.71547c0.35044,0.09136 0.72289,-0.01388 0.97371,-0.27511l6.29297,-6.29297l6.29297,6.29297c0.25082,0.26124 0.62327,0.36648 0.97371,0.27512c0.35044,-0.09136 0.62411,-0.36503 0.71547,-0.71547c0.09136,-0.35044 -0.01388,-0.72289 -0.27512,-0.97371l-6.29297,-6.29297l6.29297,-6.29297c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-6.29297,6.29297l-6.29297,-6.29297c-0.18827,-0.19353 -0.4468,-0.30272 -0.7168,-0.30273z"
                 })
             })
@@ -1268,11 +1306,11 @@ var GreenVSvg = function(param) {
         viewBox: viewBox || "0 0 32 32",
         fill: "none",
         children: [
-            /* @__PURE__ */ jsx5("path", {
+            /* @__PURE__ */ jsx6("path", {
                 d: "M15.61 0C6.99 0 0.01 6.99 0 15.61C0.86 36.32 30.36 36.31 31.22 15.61C31.21 6.99 24.23 0 15.61 0ZM15.61 28.76C8.35 28.76 2.47 22.87 2.46 15.61C3.18 -1.84 28.04 -1.83 28.76 15.61C28.76 22.87 22.87 28.75 15.61 28.76Z",
                 fill: "#3B8F08"
             }),
-            /* @__PURE__ */ jsx5("path", {
+            /* @__PURE__ */ jsx6("path", {
                 d: "M21.66 10.15L13.37 18.44L9.58003 14.54C9.10003 14.06 8.32003 14.07 7.84003 14.54C7.38003 15.01 7.36003 15.76 7.82003 16.24L12.48 21.03C12.96 21.52 13.74 21.52 14.23 21.05L23.41 11.87C23.88 11.38 23.87 10.6 23.38 10.13C22.9 9.67003 22.15 9.67003 21.68 10.13L21.66 10.15Z",
                 fill: "#3B8F08"
             })
@@ -1280,7 +1318,7 @@ var GreenVSvg = function(param) {
     });
 };
 // src/assets/table.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var sortSvg = function(upside_down) {
     return /* @__PURE__ */ jsxs5("svg", {
         style: upside_down ? {
@@ -1301,7 +1339,7 @@ var sortSvg = function(upside_down) {
                 stroke: "none",
                 children: [
                     " ",
-                    /* @__PURE__ */ jsx6("path", {
+                    /* @__PURE__ */ jsx7("path", {
                         d: "M6465 15350 c3 -5 -27 -25 -68 -44 -40 -19 -103 -57 -140 -86 -37 -28 -584 -569 -1215 -1203 -631 -633 -1699 -1705 -2374 -2382 -674 -676 -1237 -1243 -1249 -1260 -13 -16 -37 -46 -53 -65 -36 -41 -108 -185 -126 -250 -32 -119 -30 -352 3 -465 35 -120 102 -231 197 -325 132 -133 288 -208 479 -231 214 -26 418 31 596 166 39 29 703 685 1477 1458 774 772 1432 1421 1461 1441 105 73 239 71 347 -3 52 -36 70 -57 107 -131 17 -33 18 -252 24 -4710 6 -4979 3 -4715 49 -4855 118 -363 507 -605 876 -545 77 13 201 53 245 79 19 12 45 26 59 31 41 18 157 119 206 179 43 53 113 173 127 217 3 11 16 51 29 89 l22 70 6 4690 c5 4887 4 4736 43 4784 6 7 16 23 22 34 20 42 116 103 188 120 42 10 75 13 85 8 10 -5 34 -11 55 -15 20 -4 59 -21 85 -38 26 -17 686 -671 1467 -1453 781 -782 1443 -1439 1470 -1459 68 -49 178 -106 245 -128 30 -10 100 -24 155 -32 87 -12 114 -12 200 1 128 18 187 39 360 131 37 19 178 162 211 212 36 56 94 176 94 194 0 7 7 31 16 52 23 55 23 352 0 406 -9 21 -16 46 -16 56 0 30 -83 185 -130 242 -80 98 -4793 4810 -4865 4865 -66 50 -182 111 -250 132 -16 5 -29 15 -27 21 1 9 -62 12 -249 12 -157 0 -248 -4 -244 -10z"
                     }),
                     " "
@@ -1312,7 +1350,7 @@ var sortSvg = function(upside_down) {
     });
 };
 var emptyFilterSvg = function(solid) {
-    return /* @__PURE__ */ jsx6(Fragment, {
+    return /* @__PURE__ */ jsx7(Fragment, {
         children: solid ? /* @__PURE__ */ jsxs5("svg", {
             version: "1.0",
             xmlns: "http://www.w3.org/2000/svg",
@@ -1328,7 +1366,7 @@ var emptyFilterSvg = function(solid) {
                     stroke: "none",
                     children: [
                         " ",
-                        /* @__PURE__ */ jsx6("path", {
+                        /* @__PURE__ */ jsx7("path", {
                             d: "M382 8980 c-7 -11 -19 -20 -27 -20 -46 0 -166 -99 -196 -162 -46 -95 -51 -115 -47 -199 3 -70 9 -95 37 -149 42 -85 45 -90 118 -190 34 -47 72 -98 83 -115 12 -16 50 -70 85 -120 143 -200 188 -263 235 -330 27 -38 56 -79 64 -90 8 -11 46 -65 85 -120 38 -55 96 -136 128 -179 32 -44 60 -84 62 -90 2 -6 32 -48 65 -93 34 -45 99 -137 146 -203 47 -66 113 -159 148 -205 34 -46 62 -87 62 -90 0 -4 20 -33 45 -65 25 -32 45 -61 45 -64 0 -3 33 -50 73 -105 39 -54 106 -146 147 -205 41 -58 103 -144 138 -191 34 -46 62 -87 62 -90 0 -3 22 -36 50 -73 27 -37 61 -83 75 -102 14 -19 59 -82 100 -140 41 -58 95 -133 120 -167 25 -34 45 -66 45 -70 0 -4 13 -22 28 -40 15 -17 47 -61 72 -97 25 -37 74 -107 110 -156 36 -50 99 -138 140 -196 41 -58 108 -150 148 -205 39 -54 72 -102 72 -105 0 -3 20 -32 45 -64 25 -32 45 -62 45 -67 0 -5 14 -22 30 -38 17 -16 30 -33 30 -38 0 -5 19 -34 43 -65 90 -122 154 -259 178 -387 11 -56 14 -423 19 -1850 l5 -1780 29 -58 c36 -71 112 -148 168 -171 24 -10 51 -22 60 -27 24 -12 205 -11 213 1 3 6 15 10 25 10 11 0 34 6 52 14 18 8 52 21 76 30 64 24 118 44 165 62 23 8 55 22 70 30 16 8 36 14 46 14 9 0 26 7 37 15 10 8 27 15 37 15 11 0 31 6 45 14 15 8 47 22 72 31 25 9 60 23 78 31 18 8 39 14 47 14 7 0 26 6 42 14 15 8 48 22 73 31 25 10 57 23 72 31 14 8 35 14 45 14 11 0 28 7 39 15 10 8 26 15 35 15 14 0 62 19 197 76 18 8 40 14 48 14 9 0 28 6 42 14 28 15 36 18 235 92 23 9 56 22 72 29 17 7 50 21 75 31 84 34 127 77 181 182 9 18 20 56 24 85 4 28 10 714 14 1522 6 1402 7 1472 25 1520 41 109 110 235 188 344 46 62 88 121 93 130 6 9 30 45 55 80 72 101 159 222 250 351 47 67 113 159 148 205 34 46 62 87 62 90 0 4 27 42 60 85 33 43 60 81 60 84 0 3 22 36 50 73 27 37 60 83 72 101 13 18 30 41 38 52 8 10 35 49 60 85 25 37 73 104 108 150 34 46 62 87 62 90 0 3 33 50 73 103 40 53 81 111 91 127 11 17 45 65 78 107 32 43 58 80 58 83 0 4 20 33 45 65 25 32 45 63 45 70 0 6 7 13 15 16 8 4 15 10 15 16 0 5 26 44 58 86 32 42 70 95 85 117 64 95 144 206 208 292 38 51 69 95 69 99 0 3 13 23 29 43 26 33 92 126 193 271 21 30 48 68 60 85 85 112 108 144 108 150 0 3 27 42 60 85 33 43 60 81 60 85 0 3 28 44 63 90 34 47 82 114 107 151 25 36 50 71 56 77 5 7 32 44 58 82 27 39 62 86 77 106 16 20 29 42 29 48 0 6 4 11 8 11 5 0 25 32 45 71 36 68 37 75 37 175 0 118 -13 163 -69 234 -37 48 -127 112 -173 124 -16 3 -28 13 -28 21 0 13 -486 15 -4103 15 -4091 0 -4102 0 -4115 -20z"
                         }),
                         " "
@@ -1351,7 +1389,7 @@ var emptyFilterSvg = function(solid) {
                     stroke: "none",
                     children: [
                         " ",
-                        /* @__PURE__ */ jsx6("path", {
+                        /* @__PURE__ */ jsx7("path", {
                             d: "M58 5702 c-100 -101 -84 -148 136 -416 107 -130 242 -294 301 -366 58 -71 173 -211 254 -310 81 -99 441 -535 799 -969 l652 -789 0 -1201 c0 -1396 2 -1411 182 -1411 60 0 1302 604 1360 662 36 36 38 79 38 935 0 494 5 925 12 959 8 41 370 495 1110 1393 1202 1459 1158 1394 1040 1513 l-59 58 -2883 0 -2883 0 -59 -58z m5349 -327 c-16 -26 -150 -190 -683 -835 -169 -203 -381 -460 -472 -570 -90 -110 -290 -352 -443 -537 -154 -186 -301 -369 -329 -408 l-50 -70 -6 -913 -5 -913 -410 -205 c-225 -112 -413 -204 -418 -204 -6 0 -12 503 -15 1117 l-6 1118 -50 70 c-27 39 -175 222 -329 408 -153 185 -353 427 -443 537 -91 110 -303 367 -472 570 -533 645 -667 809 -683 835 -12 20 474 25 2407 25 1933 0 2419 -5 2407 -25z"
                         }),
                         " "
@@ -1363,8 +1401,8 @@ var emptyFilterSvg = function(solid) {
     });
 };
 var slashFilterSvg = function(solid) {
-    return /* @__PURE__ */ jsx6(Fragment, {
-        children: solid ? /* @__PURE__ */ jsx6("div", {
+    return /* @__PURE__ */ jsx7(Fragment, {
+        children: solid ? /* @__PURE__ */ jsx7("div", {
             className: "mt-[-4px] mr-[-2px] ",
             children: /* @__PURE__ */ jsxs5("svg", {
                 version: "1.0",
@@ -1381,11 +1419,11 @@ var slashFilterSvg = function(solid) {
                         stroke: "none",
                         children: [
                             " ",
-                            /* @__PURE__ */ jsx6("path", {
+                            /* @__PURE__ */ jsx7("path", {
                                 d: "M1000 8221 c-71 -27 -103 -47 -149 -92 -122 -123 -144 -294 -58 -456 22 -42 6838 -6858 6880 -6880 162 -86 333 -64 456 58 123 123 144 294 57 458 -10 19 -508 525 -1107 1124 l-1089 1089 1 256 1 257 676 1350 677 1350 115 6 c125 6 173 20 244 68 54 37 89 78 124 145 24 46 27 61 27 161 0 100 -3 115 -28 162 -52 100 -119 157 -225 194 -54 18 -131 19 -2817 19 l-2762 0 -341 340 c-188 186 -356 347 -374 357 -103 55 -220 68 -308 34z"
                             }),
                             " ",
-                            /* @__PURE__ */ jsx6("path", {
+                            /* @__PURE__ */ jsx7("path", {
                                 d: "M2340 5338 c0 -7 146 -305 325 -662 l325 -649 0 -1112 c0 -1043 1 -1114 18 -1160 27 -76 47 -107 94 -154 48 -47 80 -67 153 -93 46 -17 120 -18 1231 -18 1085 0 1186 1 1235 17 30 9 66 24 81 33 68 40 158 146 158 186 0 14 -3600 3624 -3614 3624 -3 0 -6 -6 -6 -12z"
                             }),
                             " "
@@ -1394,7 +1432,7 @@ var slashFilterSvg = function(solid) {
                     " "
                 ]
             })
-        }) : /* @__PURE__ */ jsx6("div", {
+        }) : /* @__PURE__ */ jsx7("div", {
             className: "mt-[-4px] mr-[-2px] ",
             children: /* @__PURE__ */ jsxs5("svg", {
                 version: "1.0",
@@ -1411,11 +1449,11 @@ var slashFilterSvg = function(solid) {
                         stroke: "none",
                         children: [
                             " ",
-                            /* @__PURE__ */ jsx6("path", {
+                            /* @__PURE__ */ jsx7("path", {
                                 d: "M1000 8221 c-71 -27 -103 -47 -149 -92 -122 -123 -144 -294 -58 -456 22 -42 6838 -6858 6880 -6880 162 -86 333 -64 456 58 123 123 144 294 57 458 -10 19 -508 525 -1107 1124 l-1089 1089 1 256 1 257 676 1350 677 1350 115 6 c125 6 173 20 244 68 54 37 89 78 124 145 24 46 27 61 27 161 0 100 -3 115 -28 162 -52 100 -119 157 -225 194 -54 18 -131 19 -2817 19 l-2762 0 -341 340 c-188 186 -356 347 -374 357 -103 55 -220 68 -308 34z m5494 -1490 c6 -10 -1204 -2436 -1226 -2458 -13 -13 -168 139 -1247 1217 -677 677 -1231 1236 -1231 1241 0 12 3697 12 3704 0z"
                             }),
                             " ",
-                            /* @__PURE__ */ jsx6("path", {
+                            /* @__PURE__ */ jsx7("path", {
                                 d: "M2340 5338 c0 -7 146 -305 325 -662 l325 -649 0 -1112 c0 -1043 1 -1114 18 -1160 27 -76 47 -107 94 -154 48 -47 80 -67 153 -93 46 -17 120 -18 1231 -18 1085 0 1186 1 1235 17 30 9 66 24 81 33 68 40 158 146 158 185 0 18 -692 715 -709 715 -6 0 -11 -38 -13 -97 l-3 -98 -745 0 -745 0 -3 858 -2 859 -694 694 c-382 382 -697 694 -700 694 -3 0 -6 -6 -6 -12z"
                             }),
                             " "
@@ -1443,15 +1481,15 @@ var exportToExcelSvg = function(width, height, viewBox) {
                 stroke: "none",
                 children: [
                     " ",
-                    /* @__PURE__ */ jsx6("path", {
+                    /* @__PURE__ */ jsx7("path", {
                         d: "M205 1418 c-3 -7 -4 -317 -3 -688 l3 -675 435 -3 c239 -1 441 0 449 3 11 4 9 11 -9 30 l-23 25 -396 2 -396 3 0 625 0 625 280 0 280 0 5 -190 5 -190 190 -5 190 -5 5 -175 5 -175 25 0 25 0 3 200 2 199 -202 203 -203 203 -333 0 c-257 0 -334 -3 -337 -12z m828 -235 c70 -70 127 -131 127 -135 0 -5 -60 -7 -132 -6 l-133 3 -3 133 c-1 72 1 132 6 132 4 0 65 -57 135 -127z"
                     }),
                     " ",
-                    /* @__PURE__ */ jsx6("path", {
+                    /* @__PURE__ */ jsx7("path", {
                         d: "M518 915 c-6 -6 9 -37 42 -90 11 -16 23 -37 27 -45 4 -8 19 -36 35 -61 15 -25 28 -56 28 -68 0 -20 -29 -69 -121 -209 -16 -24 -29 -47 -29 -53 0 -5 31 -9 68 -9 l69 0 42 82 c60 116 66 118 107 35 56 -114 53 -112 127 -115 51 -2 67 0 67 11 0 7 -5 18 -11 24 -11 11 -26 36 -49 78 -6 11 -19 34 -30 50 -11 17 -24 40 -29 52 -5 11 -15 24 -20 28 -26 16 -18 33 97 212 25 39 39 70 34 75 -5 5 -36 8 -68 6 l-59 -3 -42 -84 c-24 -46 -45 -86 -48 -89 -6 -6 -44 40 -45 54 0 6 -13 35 -29 65 l-28 54 -65 3 c-35 2 -67 0 -70 -3z"
                     }),
                     " ",
-                    /* @__PURE__ */ jsx6("path", {
+                    /* @__PURE__ */ jsx7("path", {
                         d: "M1135 548 c-3 -7 -6 -67 -7 -133 l-3 -120 -55 -3 c-30 -1 -61 -5 -68 -7 -8 -3 28 -53 95 -132 122 -146 129 -153 140 -153 4 0 22 17 38 37 26 32 53 63 175 206 13 15 30 27 38 27 9 0 12 3 8 7 -3 4 -39 9 -79 12 l-72 6 -5 130 -5 130 -98 3 c-72 2 -99 -1 -102 -10z m145 -183 l5 -130 28 -3 c15 -2 27 -8 27 -14 0 -18 -92 -128 -107 -128 -11 1 -97 107 -101 125 -2 8 7 15 25 17 l28 3 3 120 c1 66 4 126 7 133 3 9 18 12 42 10 l38 -3 5 -130z"
                     }),
                     " "
@@ -1468,7 +1506,7 @@ import { debounce, isEqual as isEqual3 } from "lodash";
 // src/components/table/Table.tsx
 import React3, { createContext, useMemo } from "react";
 import { isEqual as isEqual2 } from "lodash";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var TableContext = createContext(null);
 var TableProvider = function(props) {
     var // basic props
@@ -1577,9 +1615,9 @@ var TableProvider = function(props) {
         closeFilterWindow: closeFilterWindow
     });
     var gapClassName = Boolean(includeSearch || exportToExcelKeys || showDisplayAllRowsButton || optionalElement);
-    return /* @__PURE__ */ jsx7(TableContext.Provider, {
+    return /* @__PURE__ */ jsx8(TableContext.Provider, {
         value: providerValues,
-        children: /* @__PURE__ */ jsx7("div", {
+        children: /* @__PURE__ */ jsx8("div", {
             className: cn("flex flex-col w-full h-full", gapClassName ? "gap-2" : "", containerClassName),
             style: _object_spread_props(_object_spread({}, containerStyle), {
                 direction: direction
@@ -1601,16 +1639,16 @@ var TableBase = function(props) {
                     /* @__PURE__ */ jsxs6("div", {
                         className: cn("flex justify-start items-center gap-2", searchContainerClassName),
                         children: [
-                            includeSearch && /* @__PURE__ */ jsx7(Search, {}),
-                            exportToExcelKeys && /* @__PURE__ */ jsx7(ExportToExcel, {}),
-                            showDisplayAllRowsButton && /* @__PURE__ */ jsx7(DisplayAllRowsButton, {}),
+                            includeSearch && /* @__PURE__ */ jsx8(Search, {}),
+                            exportToExcelKeys && /* @__PURE__ */ jsx8(ExportToExcel, {}),
+                            showDisplayAllRowsButton && /* @__PURE__ */ jsx8(DisplayAllRowsButton, {}),
                             optionalElement && optionalElement
                         ]
                     }),
-                    maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ jsx7(MaxRowsLabel, {})
+                    maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ jsx8(MaxRowsLabel, {})
                 ]
             }),
-            /* @__PURE__ */ jsx7("div", {
+            /* @__PURE__ */ jsx8("div", {
                 style: _object_spread_props(_object_spread({}, tableContainerStyle || {}), {
                     direction: direction
                 }),
@@ -1619,12 +1657,12 @@ var TableBase = function(props) {
                     style: tableStyle,
                     className: "min-w-full text-sm relative",
                     children: [
-                        /* @__PURE__ */ jsx7(TableHead, {}),
-                        /* @__PURE__ */ jsx7(TableBody, {})
+                        /* @__PURE__ */ jsx8(TableHead, {}),
+                        /* @__PURE__ */ jsx8(TableBody, {})
                     ]
                 })
             }),
-            sumColumns && /* @__PURE__ */ jsx7(Summary, {})
+            sumColumns && /* @__PURE__ */ jsx8(Summary, {})
         ]
     }));
 };
@@ -1756,7 +1794,7 @@ var useSearch = function() {
 };
 // src/components/ui/badge.tsx
 import { cva } from "class-variance-authority";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
     variants: {
         variant: {
@@ -1775,7 +1813,7 @@ function Badge(_param) {
         "className",
         "variant"
     ]);
-    return /* @__PURE__ */ jsx8("div", _object_spread({
+    return /* @__PURE__ */ jsx9("div", _object_spread({
         className: cn(badgeVariants({
             variant: variant
         }), className)
@@ -1785,7 +1823,7 @@ function Badge(_param) {
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
 import * as React4 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
     variants: {
         variant: {
@@ -1816,7 +1854,7 @@ var Button = React4.forwardRef(function(_param, ref) {
         "asChild"
     ]);
     var Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx9(Comp, _object_spread({
+    return /* @__PURE__ */ jsx10(Comp, _object_spread({
         ref: ref,
         "data-slot": "button",
         className: cn(buttonVariants({
@@ -1829,13 +1867,13 @@ var Button = React4.forwardRef(function(_param, ref) {
 Button.displayName = "Button";
 // src/components/ui/input.tsx
 import * as React5 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var Input = React5.forwardRef(function(_param, ref) {
     var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "type"
     ]);
-    return /* @__PURE__ */ jsx10("input", _object_spread({
+    return /* @__PURE__ */ jsx11("input", _object_spread({
         type: type,
         className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
         ref: ref
@@ -1845,7 +1883,7 @@ Input.displayName = "Input";
 // src/components/ui/progress.tsx
 import * as React6 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var ProgressComponent = React6.forwardRef(function(_param, ref) {
     var className = _param.className, value = _param.value, containerClassName = _param.containerClassName, indicatorClassName = _param.indicatorClassName, showValueClassName = _param.showValueClassName, _param_showValue = _param.showValue, showValue = _param_showValue === void 0 ? false : _param_showValue, props = _object_without_properties(_param, [
         "className",
@@ -1855,18 +1893,18 @@ var ProgressComponent = React6.forwardRef(function(_param, ref) {
         "showValueClassName",
         "showValue"
     ]);
-    return /* @__PURE__ */ jsx11("div", {
+    return /* @__PURE__ */ jsx12("div", {
         className: cn("relative w-full", containerClassName),
-        children: /* @__PURE__ */ jsx11(ProgressPrimitive.Root, _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ jsx12(ProgressPrimitive.Root, _object_spread_props(_object_spread({
             ref: ref,
             className: cn("w-full h-5 bg-[#e5e7eb] relative overflow-hidden rounded-full", className)
         }, props), {
-            children: /* @__PURE__ */ jsx11(ProgressPrimitive.Indicator, {
+            children: /* @__PURE__ */ jsx12(ProgressPrimitive.Indicator, {
                 className: cn("h-full w-full flex-1 bg-[green] transition-all rounded-full", indicatorClassName),
                 style: {
                     transform: "translateX(-".concat(100 - (value || 0), "%)")
                 },
-                children: showValue && /* @__PURE__ */ jsx11("div", {
+                children: showValue && /* @__PURE__ */ jsx12("div", {
                     className: cn("absolute right-1 top-[-2px] font-medium text-white", showValueClassName),
                     children: "".concat(value || 0, "%")
                 })
@@ -1889,13 +1927,13 @@ import * as React8 from "react";
 import * as React7 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var DialogPortal = DialogPrimitive.Portal;
 var DialogOverlay = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx12(DialogPrimitive.Overlay, _object_spread({
+    return /* @__PURE__ */ jsx13(DialogPrimitive.Overlay, _object_spread({
         ref: ref,
         className: cn("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
     }, props));
@@ -1908,7 +1946,7 @@ var DialogContent = React7.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs7(DialogPortal, {
         children: [
-            /* @__PURE__ */ jsx12(DialogOverlay, {}),
+            /* @__PURE__ */ jsx13(DialogOverlay, {}),
             /* @__PURE__ */ jsxs7(DialogPrimitive.Content, _object_spread_props(_object_spread({
                 ref: ref,
                 className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", className)
@@ -1918,10 +1956,10 @@ var DialogContent = React7.forwardRef(function(_param, ref) {
                     /* @__PURE__ */ jsxs7(DialogPrimitive.Close, {
                         className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
                         children: [
-                            /* @__PURE__ */ jsx12(X, {
+                            /* @__PURE__ */ jsx13(X, {
                                 className: "h-4 w-4"
                             }),
-                            /* @__PURE__ */ jsx12("span", {
+                            /* @__PURE__ */ jsx13("span", {
                                 className: "sr-only",
                                 children: "Close"
                             })
@@ -1937,7 +1975,7 @@ var DialogHeader = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx12("div", _object_spread({
+    return /* @__PURE__ */ jsx13("div", _object_spread({
         className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
     }, props));
 };
@@ -1946,7 +1984,7 @@ var DialogFooter = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx12("div", _object_spread({
+    return /* @__PURE__ */ jsx13("div", _object_spread({
         className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
     }, props));
 };
@@ -1955,7 +1993,7 @@ var DialogTitle = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx12(DialogPrimitive.Title, _object_spread({
+    return /* @__PURE__ */ jsx13(DialogPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("text-lg font-semibold leading-none tracking-tight", className)
     }, props));
@@ -1965,19 +2003,19 @@ var DialogDescription = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx12(DialogPrimitive.Description, _object_spread({
+    return /* @__PURE__ */ jsx13(DialogPrimitive.Description, _object_spread({
         ref: ref,
         className: cn("text-sm text-muted-foreground", className)
     }, props));
 });
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/command.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 var Command = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13(CommandPrimitive, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive, _object_spread({
         ref: ref,
         className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", className)
     }, props));
@@ -1992,12 +2030,12 @@ var CommandInput = React8.forwardRef(function(_param, ref) {
         className: "flex items-center border-b border-input px-3",
         "cmdk-input-wrapper": "",
         children: [
-            withSearchIcon && /* @__PURE__ */ jsx13(Search2, {
+            withSearchIcon && /* @__PURE__ */ jsx14(Search2, {
                 size: 20,
                 strokeWidth: 2,
                 className: "me-3 text-muted-foreground/80"
             }),
-            /* @__PURE__ */ jsx13(CommandPrimitive.Input, _object_spread({
+            /* @__PURE__ */ jsx14(CommandPrimitive.Input, _object_spread({
                 ref: ref,
                 className: cn("flex h-10 w-full rounded-lg bg-transparent py-2 text-sm outline-none placeholder:text-muted-foreground/70 disabled:cursor-not-allowed disabled:opacity-50", className)
             }, props))
@@ -2009,14 +2047,14 @@ var CommandList = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13(CommandPrimitive.List, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive.List, _object_spread({
         ref: ref,
         className: cn("max-h-80 overflow-y-auto overflow-x-hidden", className)
     }, props));
 });
 CommandList.displayName = CommandPrimitive.List.displayName;
 var CommandEmpty = React8.forwardRef(function(props, ref) {
-    return /* @__PURE__ */ jsx13(CommandPrimitive.Empty, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive.Empty, _object_spread({
         ref: ref,
         className: "py-6 text-center text-sm"
     }, props));
@@ -2026,7 +2064,7 @@ var CommandGroup = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13(CommandPrimitive.Group, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive.Group, _object_spread({
         ref: ref,
         className: cn("overflow-hidden p-2 text-foreground [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className)
     }, props));
@@ -2036,7 +2074,7 @@ var CommandSeparator = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13(CommandPrimitive.Separator, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive.Separator, _object_spread({
         ref: ref,
         className: cn("-mx-1 h-px bg-border", className)
     }, props));
@@ -2046,7 +2084,7 @@ var CommandItem = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13(CommandPrimitive.Item, _object_spread({
+    return /* @__PURE__ */ jsx14(CommandPrimitive.Item, _object_spread({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center gap-3 rounded-md px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className)
     }, props));
@@ -2056,7 +2094,7 @@ var CommandShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ jsx13("kbd", _object_spread({
+    return /* @__PURE__ */ jsx14("kbd", _object_spread({
         className: cn("-me-1 ms-auto inline-flex h-5 max-h-full items-center rounded border border-border bg-background px-1 font-[inherit] text-[0.625rem] font-medium text-muted-foreground/70", className)
     }, props));
 };
@@ -3894,7 +3932,7 @@ var flip3 = function(options, deps) {
     });
 };
 // src/components/ui/multiselect.tsx
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var Portal2 = function(param) {
     var children = param.children;
     return ReactDOM2.createPortal(children, document.body);
@@ -3979,7 +4017,7 @@ var CommandEmpty2 = forwardRef6(function(_param, forwardedRef) {
         return state.filtered.count === 0;
     });
     if (!render) return null;
-    return /* @__PURE__ */ jsx14("div", _object_spread({
+    return /* @__PURE__ */ jsx15("div", _object_spread({
         ref: forwardedRef,
         className: cn("px-2 py-4 text-center text-sm", className),
         "cmdk-empty": "",
@@ -4258,7 +4296,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         })) {
             return void 0;
         }
-        var Item = /* @__PURE__ */ jsx14(CommandItem, {
+        var Item = /* @__PURE__ */ jsx15(CommandItem, {
             value: inputValue,
             className: "cursor-pointer",
             onMouseDown: function(e) {
@@ -4293,14 +4331,14 @@ var MultipleSelector = forwardRef6(function(param, ref) {
     var EmptyItem = useCallback4(function() {
         if (!emptyIndicator) return void 0;
         if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
-            return /* @__PURE__ */ jsx14(CommandItem, {
+            return /* @__PURE__ */ jsx15(CommandItem, {
                 className: "",
                 value: "-",
                 disabled: true,
                 children: emptyIndicator
             });
         }
-        return /* @__PURE__ */ jsx14(CommandEmpty2, {
+        return /* @__PURE__ */ jsx15(CommandEmpty2, {
             className: emptyIndicatorClassName,
             children: emptyIndicator
         });
@@ -4341,7 +4379,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         shouldFilter: (commandProps === null || commandProps === void 0 ? void 0 : commandProps.shouldFilter) !== void 0 ? commandProps.shouldFilter : !onSearch,
         filter: commandFilter(),
         children: [
-            /* @__PURE__ */ jsx14("div", {
+            /* @__PURE__ */ jsx15("div", {
                 ref: setContainerRef,
                 className: cn("flex-1 relative min-h-[38px] py-2 rounded-lg border border-input text-sm transition-shadow focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", {
                     "p-1": selected.length !== 0,
@@ -4364,7 +4402,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                                     option.label,
                                     !unremovableOptions.find(function(v) {
                                         return isEqual4(v.value, option.value);
-                                    }) && /* @__PURE__ */ jsx14("button", {
+                                    }) && /* @__PURE__ */ jsx15("button", {
                                         className: "absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 text-muted-foreground/80 outline-0 transition-colors hover:text-foreground focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring/70",
                                         onKeyDown: function(e) {
                                             if (e.key === "Enter") {
@@ -4379,7 +4417,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                                             return handleUnselect(option);
                                         },
                                         "aria-label": "Remove",
-                                        children: /* @__PURE__ */ jsx14(X2, {
+                                        children: /* @__PURE__ */ jsx15(X2, {
                                             size: 14,
                                             strokeWidth: 2,
                                             "aria-hidden": "true"
@@ -4388,7 +4426,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                                 ]
                             }, option.value);
                         }),
-                        /* @__PURE__ */ jsx14(CommandPrimitive2.Input, _object_spread_props(_object_spread({}, inputProps), {
+                        /* @__PURE__ */ jsx15(CommandPrimitive2.Input, _object_spread_props(_object_spread({}, inputProps), {
                             ref: inputRef,
                             value: inputValue,
                             disabled: disabled,
@@ -4419,7 +4457,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                                 "ml-1": selected.length !== 0
                             }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
                         })),
-                        /* @__PURE__ */ jsx14("button", {
+                        /* @__PURE__ */ jsx15("button", {
                             type: "button",
                             onClick: function() {
                                 setSelected(selected.filter(function(s) {
@@ -4433,7 +4471,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                                 return s.fixed;
                             }).length === selected.length) && "hidden"),
                             "aria-label": "Clear all",
-                            children: /* @__PURE__ */ jsx14(X2, {
+                            children: /* @__PURE__ */ jsx15(X2, {
                                 size: 16,
                                 strokeWidth: 2,
                                 "aria-hidden": "true"
@@ -4442,8 +4480,8 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                     ]
                 })
             }),
-            open && /* @__PURE__ */ jsx14(Portal2, {
-                children: /* @__PURE__ */ jsx14("div", {
+            open && /* @__PURE__ */ jsx15(Portal2, {
+                children: /* @__PURE__ */ jsx15("div", {
                     ref: combinedFloatingRef,
                     style: {
                         position: strategy,
@@ -4453,7 +4491,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                     },
                     className: cn("z-[9999] overflow-hidden rounded-lg border border-input", dropdownContainerClassName),
                     "data-state": open ? "open" : "closed",
-                    children: /* @__PURE__ */ jsx14(CommandList, {
+                    children: /* @__PURE__ */ jsx15(CommandList, {
                         className: "bg-popover text-popover-foreground shadow-lg shadow-black/5 outline-none",
                         onMouseLeave: function() {
                             setOnScrollbar(false);
@@ -4465,23 +4503,23 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                             var _inputRef_current;
                             (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
                         },
-                        children: isLoading ? /* @__PURE__ */ jsx14(Fragment2, {
+                        children: isLoading ? /* @__PURE__ */ jsx15(Fragment2, {
                             children: loadingIndicator
                         }) : /* @__PURE__ */ jsxs9(Fragment2, {
                             children: [
                                 EmptyItem(),
                                 CreatableItem(),
-                                !selectFirstItem && /* @__PURE__ */ jsx14(CommandItem, {
+                                !selectFirstItem && /* @__PURE__ */ jsx15(CommandItem, {
                                     value: "-",
                                     className: "hidden"
                                 }),
                                 Object.entries(selectables).map(function(param) {
                                     var _param = _sliced_to_array(param, 2), key = _param[0], dropdowns = _param[1];
-                                    return /* @__PURE__ */ jsx14(CommandGroup, {
+                                    return /* @__PURE__ */ jsx15(CommandGroup, {
                                         heading: key,
                                         className: cn("h-full overflow-auto", dropdownClassName),
                                         children: dropdowns.map(function(option) {
-                                            return /* @__PURE__ */ jsx14(CommandItem, {
+                                            return /* @__PURE__ */ jsx15(CommandItem, {
                                                 value: option.value,
                                                 disabled: option.disable,
                                                 onMouseDown: function(e) {
@@ -4517,7 +4555,7 @@ var MultipleSelector = forwardRef6(function(param, ref) {
                     })
                 })
             }),
-            /* @__PURE__ */ jsx14("input", {
+            /* @__PURE__ */ jsx15("input", {
                 value: JSON.stringify(selected),
                 type: "hidden",
                 name: name
@@ -4529,16 +4567,16 @@ MultipleSelector.displayName = "MultipleSelector";
 var multiselect_default = MultipleSelector;
 // src/components/ui/popover.tsx
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function Popover(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ jsx15(PopoverPrimitive.Root, _object_spread({
+    return /* @__PURE__ */ jsx16(PopoverPrimitive.Root, _object_spread({
         "data-slot": "popover"
     }, props));
 }
 function PopoverTrigger(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ jsx15(PopoverPrimitive.Trigger, _object_spread({
+    return /* @__PURE__ */ jsx16(PopoverPrimitive.Trigger, _object_spread({
         "data-slot": "popover-trigger"
     }, props));
 }
@@ -4549,7 +4587,7 @@ function PopoverContent(_param) {
         "sideOffset",
         "showArrow"
     ]);
-    return /* @__PURE__ */ jsx15(PopoverPrimitive.Portal, {
+    return /* @__PURE__ */ jsx16(PopoverPrimitive.Portal, {
         children: /* @__PURE__ */ jsxs10(PopoverPrimitive.Content, _object_spread_props(_object_spread({
             "data-slot": "popover-content",
             align: align,
@@ -4558,7 +4596,7 @@ function PopoverContent(_param) {
         }, props), {
             children: [
                 props.children,
-                showArrow && /* @__PURE__ */ jsx15(PopoverPrimitive.Arrow, {
+                showArrow && /* @__PURE__ */ jsx16(PopoverPrimitive.Arrow, {
                     className: "fill-popover -my-px drop-shadow-[0_1px_0_hsl(var(--border))]"
                 })
             ]
@@ -4568,7 +4606,7 @@ function PopoverContent(_param) {
 // src/components/ui/SearchSelect.tsx
 import { CheckIcon, ChevronDownIcon } from "lucide-react";
 import { useCallback as useCallback5, useEffect as useEffect6, useId, useMemo as useMemo5, useState as useState6 } from "react";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function SearchSelect(param) {
     var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
     var id = useId();
@@ -4643,7 +4681,7 @@ function SearchSelect(param) {
                     if (!isOpen) setSearchQuery("");
                 },
                 children: [
-                    /* @__PURE__ */ jsx16(PopoverTrigger, {
+                    /* @__PURE__ */ jsx17(PopoverTrigger, {
                         asChild: true,
                         children: /* @__PURE__ */ jsxs11(Button, {
                             id: id,
@@ -4653,11 +4691,11 @@ function SearchSelect(param) {
                             disabled: disabled,
                             className: cn("border-input w-full justify-between px-3 font-normal outline-offset-0 outline-none focus-visible:outline-[3px]", buttonClassName, open && buttonFocusClassName),
                             children: [
-                                /* @__PURE__ */ jsx16("span", {
+                                /* @__PURE__ */ jsx17("span", {
                                     className: cn("truncate", !selectedValue && "text-muted-foreground"),
                                     children: selectLabel
                                 }),
-                                /* @__PURE__ */ jsx16(ChevronDownIcon, {
+                                /* @__PURE__ */ jsx17(ChevronDownIcon, {
                                     size: 16,
                                     className: "text-muted-foreground/80 shrink-0",
                                     "aria-hidden": "true"
@@ -4665,12 +4703,12 @@ function SearchSelect(param) {
                             ]
                         })
                     }),
-                    /* @__PURE__ */ jsx16(PopoverContent, {
+                    /* @__PURE__ */ jsx17(PopoverContent, {
                         className: cn("border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 bg-[#fff]"),
                         align: "start",
                         children: /* @__PURE__ */ jsxs11(Command, {
                             children: [
-                                /* @__PURE__ */ jsx16(CommandInput, {
+                                /* @__PURE__ */ jsx17(CommandInput, {
                                     style: {
                                         direction: direction
                                     },
@@ -4686,21 +4724,21 @@ function SearchSelect(param) {
                                         }
                                     }
                                 }),
-                                /* @__PURE__ */ jsx16(CommandList, {
-                                    children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ jsx16(CommandEmpty, {
+                                /* @__PURE__ */ jsx17(CommandList, {
+                                    children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ jsx17(CommandEmpty, {
                                         style: {
                                             direction: direction
                                         },
                                         onClick: addNewOption,
                                         className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", createNewOptionContainerClassName),
-                                        children: /* @__PURE__ */ jsx16("div", {
+                                        children: /* @__PURE__ */ jsx17("div", {
                                             className: cn("w-full h-10 flex items-center px-2", notFoundLabelClassName),
                                             children: "".concat(createNewOptionLabel, " : ").concat(searchQuery)
                                         })
-                                    }) : /* @__PURE__ */ jsx16(CommandEmpty, {
+                                    }) : /* @__PURE__ */ jsx17(CommandEmpty, {
                                         className: cn("w-full py-2 text-center", notFoundLabelClassName),
                                         children: notFoundLabel
-                                    }) : /* @__PURE__ */ jsx16(CommandGroup, {
+                                    }) : /* @__PURE__ */ jsx17(CommandGroup, {
                                         className: cn("max-h-52 overflow-y-auto", dropdownClassName),
                                         children: filteredOptions.map(function(option) {
                                             return /* @__PURE__ */ jsxs11(CommandItem, {
@@ -4718,7 +4756,7 @@ function SearchSelect(param) {
                                                 },
                                                 children: [
                                                     option.label,
-                                                    selectedValue === option.value && /* @__PURE__ */ jsx16(CheckIcon, {
+                                                    selectedValue === option.value && /* @__PURE__ */ jsx17(CheckIcon, {
                                                         size: 16,
                                                         className: "me-auto"
                                                     })
@@ -4732,7 +4770,7 @@ function SearchSelect(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx16("input", {
+            /* @__PURE__ */ jsx17("input", {
                 name: name,
                 type: "hidden",
                 value: selectedValue
@@ -4820,7 +4858,7 @@ var exportToExcel = /*#__PURE__*/ function() {
     };
 }();
 // src/components/table/components.tsx
-import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var Filter = memo(function(param) {
     var filterableColumn = param.filterableColumn, index2 = param.index;
     var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
@@ -4829,27 +4867,27 @@ var Filter = memo(function(param) {
     return /* @__PURE__ */ jsxs12("div", {
         className: "absolute top-1 right-1 ",
         children: [
-            /* @__PURE__ */ jsx17("button", {
+            /* @__PURE__ */ jsx18("button", {
                 title: filterLabel + " " + filterableColumn.header,
                 className: "text-[12px]",
                 onClick: function() {
                     return handleFilterClick(filterableColumn.dataKey);
                 },
-                children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */ jsx17(Fragment3, {
-                    children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */ jsx17(Fragment3, {
+                children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */ jsx18(Fragment3, {
+                    children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */ jsx18(Fragment3, {
                         children: slashFilterSvg(true)
-                    }) : /* @__PURE__ */ jsx17(Fragment3, {
+                    }) : /* @__PURE__ */ jsx18(Fragment3, {
                         children: emptyFilterSvg(true)
                     })
-                }) : /* @__PURE__ */ jsx17(Fragment3, {
-                    children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */ jsx17(Fragment3, {
+                }) : /* @__PURE__ */ jsx18(Fragment3, {
+                    children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */ jsx18(Fragment3, {
                         children: slashFilterSvg()
-                    }) : /* @__PURE__ */ jsx17(Fragment3, {
+                    }) : /* @__PURE__ */ jsx18(Fragment3, {
                         children: emptyFilterSvg()
                     })
                 })
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 className: "relative",
                 children: filterPopupsDisplay === filterableColumn.dataKey && /* @__PURE__ */ jsxs12("div", {
                     className: "absolute top-[-20px] z-20 ".concat(displayRight ? " left-[100%]" : "right-[100%]", " w-44 h-52 text-black bg-white p-1 flex flex-col items-center gap-2 shadow"),
@@ -4857,17 +4895,17 @@ var Filter = memo(function(param) {
                         /* @__PURE__ */ jsxs12("div", {
                             className: "flex justify-between items-center border-black border-b-[1px] w-[90%]",
                             children: [
-                                /* @__PURE__ */ jsx17("div", {
+                                /* @__PURE__ */ jsx18("div", {
                                     className: "text-start",
                                     children: filterLabel + " " + filterableColumn.header
                                 }),
-                                /* @__PURE__ */ jsx17("button", {
+                                /* @__PURE__ */ jsx18("button", {
                                     onClick: closeFilterWindow,
-                                    children: /* @__PURE__ */ jsx17(RedXSvg2, {})
+                                    children: /* @__PURE__ */ jsx18(RedXSvg2, {})
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ jsx17("div", {
+                        /* @__PURE__ */ jsx18("div", {
                             className: "overflow-auto h-[80%] flex flex-col gap-1 w-full cursor-pointer ",
                             children: (_filterOptions_filterableColumn_dataKey = filterOptions[filterableColumn.dataKey]) === null || _filterOptions_filterableColumn_dataKey === void 0 ? void 0 : _filterOptions_filterableColumn_dataKey.sort(function(a, b) {
                                 return a.localeCompare(b);
@@ -4876,7 +4914,7 @@ var Filter = memo(function(param) {
                                 return /* @__PURE__ */ jsxs12("div", {
                                     className: "flex items-center px-2 justify-start hover:bg-[#547f22] hover:text-white",
                                     children: [
-                                        /* @__PURE__ */ jsx17("input", {
+                                        /* @__PURE__ */ jsx18("input", {
                                             type: "checkbox",
                                             className: "cursor-pointer",
                                             checked: (_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.includes(option),
@@ -4884,7 +4922,7 @@ var Filter = memo(function(param) {
                                                 return handleFilterChange(filterableColumn.dataKey, option);
                                             }
                                         }),
-                                        /* @__PURE__ */ jsx17("button", {
+                                        /* @__PURE__ */ jsx18("button", {
                                             className: "flex-1 text-start px-2",
                                             onClick: function() {
                                                 return handleFilterChange(filterableColumn.dataKey, option);
@@ -4906,16 +4944,16 @@ var MaxRowsLabel = memo(function() {
     return /* @__PURE__ */ jsxs12("div", {
         className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
         children: [
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 children: maxRowsLabel1
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 children: displayAllRows || maxRows > dataToRender.renderedData.length ? dataToRender.renderedData.length : maxRows
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 children: maxRowsLabel2
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 children: dataToRender.filtered.length
             })
         ]
@@ -5009,7 +5047,7 @@ var ExportToExcel = memo(function() {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ jsx17("button", {
+    return /* @__PURE__ */ jsx18("button", {
         onClick: onExportExcelClick,
         title: exportExcelTitle,
         className: cn("px-2 py-[2px] bg-[#547f22] text-white rounded-lg text-[16px]", exportToExcelClassName),
@@ -5018,7 +5056,7 @@ var ExportToExcel = memo(function() {
 }, renderOnce);
 var Search = memo(function() {
     var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
-    return /* @__PURE__ */ jsx17("input", {
+    return /* @__PURE__ */ jsx18("input", {
         className: cn("border-black border-[1px] text-lg px-2 w-11/12", searchInputClassName),
         type: "search",
         placeholder: searchPlaceHolder,
@@ -5034,9 +5072,9 @@ var TableHead = memo(function() {
     }, [
         sortKeys
     ]);
-    return /* @__PURE__ */ jsx17("thead", {
+    return /* @__PURE__ */ jsx18("thead", {
         className: cn("bg-black/50 text-white sticky z-10 top-0", headerClassName),
-        children: /* @__PURE__ */ jsx17("tr", {
+        children: /* @__PURE__ */ jsx18("tr", {
             style: headerStyle,
             children: headers.map(function(header, index2) {
                 var filterableColumn = filterableColumns.find(function(col) {
@@ -5047,19 +5085,19 @@ var TableHead = memo(function() {
                     style: headerCellStyle,
                     className: cn("px-2 text-center h-6 relative w-fit max-w-[130px]", headerCellClassName),
                     children: [
-                        /* @__PURE__ */ jsx17("div", {
+                        /* @__PURE__ */ jsx18("div", {
                             className: "px-2 ".concat(sortDisplay ? "cursor-pointer" : ""),
                             onClick: function() {
                                 return sortDisplay && handleSort(index2);
                             },
                             children: header
                         }),
-                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ jsx17(Fragment3, {
+                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ jsx18(Fragment3, {
                             children: sortSvg()
-                        }) : /* @__PURE__ */ jsx17(Fragment3, {
+                        }) : /* @__PURE__ */ jsx18(Fragment3, {
                             children: sortSvg(true)
                         })),
-                        filterableColumn && /* @__PURE__ */ jsx17(Filter, {
+                        filterableColumn && /* @__PURE__ */ jsx18(Filter, {
                             filterableColumn: filterableColumn,
                             index: index2
                         })
@@ -5071,10 +5109,10 @@ var TableHead = memo(function() {
 }, renderOnce);
 var TableBody = memo(function() {
     var _useTableContext = useTableContext(), dataToRender = _useTableContext.dataToRender, tableBodyClassName = _useTableContext.tableBodyClassName;
-    return /* @__PURE__ */ jsx17("tbody", {
+    return /* @__PURE__ */ jsx18("tbody", {
         className: cn("divide-y divide-gray-600", tableBodyClassName),
         children: dataToRender.renderedData.map(function(item, index2) {
-            return /* @__PURE__ */ jsx17(TableRow2, {
+            return /* @__PURE__ */ jsx18(TableRow2, {
                 item: item,
                 index: index2
             }, index2);
@@ -5085,7 +5123,7 @@ var TableRow2 = function(param) {
     var item = param.item, index2 = param.index;
     var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, _useTableContext_rowClassName = _useTableContext.rowClassName, rowClassName = _useTableContext_rowClassName === void 0 ? "" : _useTableContext_rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping, selectedRow = _useTableContext.selectedRow, rowClassNameFunction = _useTableContext.rowClassNameFunction;
     var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
-    return /* @__PURE__ */ jsx17("tr", {
+    return /* @__PURE__ */ jsx18("tr", {
         className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName, (rowClassNameFunction === null || rowClassNameFunction === void 0 ? void 0 : rowClassNameFunction(item)) || "", (selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.rowIndex) === index2 ? (selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.className) || "" : ""),
         onClick: function() {
             (selectedRow === null || selectedRow === void 0 ? void 0 : selectedRow.onChange) && selectedRow.onChange(index2);
@@ -5093,7 +5131,7 @@ var TableRow2 = function(param) {
         },
         style: rowStyles,
         children: keysToRender.map(function(key, index3) {
-            return /* @__PURE__ */ jsx17(TableCell, {
+            return /* @__PURE__ */ jsx18(TableCell, {
                 value: item[key]
             }, index3);
         })
@@ -5102,7 +5140,7 @@ var TableRow2 = function(param) {
 var TableCell = function(param) {
     var value = param.value;
     var _useTableContext = useTableContext(), cellStyle = _useTableContext.cellStyle, cellClassName = _useTableContext.cellClassName;
-    return /* @__PURE__ */ jsx17("td", {
+    return /* @__PURE__ */ jsx18("td", {
         title: [
             "string",
             "number",
@@ -5121,11 +5159,11 @@ var Summary = memo(function() {
         }),
         className: "w-full h-8 flex justify-between items-center px-3 text-[18px] font-bold",
         children: [
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 style: summaryLabelStyle,
                 children: summaryLabel
             }),
-            /* @__PURE__ */ jsx17("div", {
+            /* @__PURE__ */ jsx18("div", {
                 style: summaryRowStyle,
                 className: "flex gap-3",
                 children: sumColumns.map(function(val) {
@@ -5136,13 +5174,13 @@ var Summary = memo(function() {
                     return /* @__PURE__ */ jsxs12("div", {
                         className: "flex gap-1 justify-start",
                         children: [
-                            /* @__PURE__ */ jsx17("div", {
+                            /* @__PURE__ */ jsx18("div", {
                                 children: val.label
                             }),
-                            /* @__PURE__ */ jsx17("span", {
+                            /* @__PURE__ */ jsx18("span", {
                                 children: ":"
                             }),
-                            /* @__PURE__ */ jsx17("div", {
+                            /* @__PURE__ */ jsx18("div", {
                                 children: val.ui ? val.ui(sum_value) : sum_value
                             })
                         ]
@@ -5160,7 +5198,7 @@ var TimesUI = function(param) {
         tz: tz,
         defaultReturnedValue: defaultReturnedValue
     });
-    return /* @__PURE__ */ jsx17("div", {
+    return /* @__PURE__ */ jsx18("div", {
         style: {
             direction: "ltr"
         },
@@ -5177,27 +5215,27 @@ var TableButton = function(param) {
         delete: "fa-light fa-trash"
     };
     var baseClassName = "transition-transform duration-500 scale-100 disabled:hover:cursor-not-allowed disabled:text-black/40 hover:scale-110 disabled:hover:scale-100";
-    return /* @__PURE__ */ jsx17(Fragment3, {
-        children: type === "custom" ? /* @__PURE__ */ jsx17("button", {
+    return /* @__PURE__ */ jsx18(Fragment3, {
+        children: type === "custom" ? /* @__PURE__ */ jsx18("button", {
             disabled: disabled,
             className: cn(baseClassName, className, buttonClassName),
             title: title,
             onClick: onClick,
             children: children
-        }) : type === "add" ? /* @__PURE__ */ jsx17(Button, {
+        }) : type === "add" ? /* @__PURE__ */ jsx18(Button, {
             disabled: disabled,
             className: cn(baseClassName, buttonClassName),
             title: title,
             onClick: onClick,
-            children: /* @__PURE__ */ jsx17("i", {
+            children: /* @__PURE__ */ jsx18("i", {
                 className: cn("fa-light fa-plus text-2xl", className)
             })
-        }) : /* @__PURE__ */ jsx17("button", {
+        }) : /* @__PURE__ */ jsx18("button", {
             disabled: disabled,
             className: cn(baseClassName, buttonClassName),
             title: title,
             onClick: onClick,
-            children: /* @__PURE__ */ jsx17("i", {
+            children: /* @__PURE__ */ jsx18("i", {
                 className: cn(icon[type], className)
             })
         })
@@ -5281,7 +5319,7 @@ var PhoneUI = function(param) {
     useEffect7(function() {
         var dir = document.body.style.direction;
     }, []);
-    return /* @__PURE__ */ jsx17("div", {
+    return /* @__PURE__ */ jsx18("div", {
         style: {
             direction: "ltr"
         },
@@ -5292,9 +5330,9 @@ var PhoneUI = function(param) {
 };
 var BooleanUi = function(param) {
     var value = param.value, size3 = param.size, className = param.className, falseUi = param.falseUi, trueUi = param.trueUi;
-    return value ? trueUi !== null && trueUi !== void 0 ? trueUi : /* @__PURE__ */ jsx17("i", {
+    return value ? trueUi !== null && trueUi !== void 0 ? trueUi : /* @__PURE__ */ jsx18("i", {
         className: cn("fa-light fa-check  ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
-    }) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */ jsx17("i", {
+    }) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */ jsx18("i", {
         className: cn("fa-light fa-xmark  ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
     });
 };
@@ -5304,7 +5342,7 @@ var GeoUi = function(param) {
     var lat = value.lat || value.latitude;
     var googleMapsLink = getLocationUrl(lang, lat);
     var langLatUi = linkUi || " ".concat(lang, " ").concat(lat);
-    return /* @__PURE__ */ jsx17("a", {
+    return /* @__PURE__ */ jsx18("a", {
         href: googleMapsLink,
         target: "_blank",
         className: cn("_ellipsis text-blue-500 hover:text-blue-700 underline", className),
@@ -5314,7 +5352,7 @@ var GeoUi = function(param) {
 };
 var NumberUI = function(param) {
     var number = param.number, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
-    return /* @__PURE__ */ jsx17("div", {
+    return /* @__PURE__ */ jsx18("div", {
         style: {
             direction: "ltr"
         },
@@ -5344,7 +5382,7 @@ import { ChevronDown, Phone } from "lucide-react";
 import { forwardRef as forwardRef7, useEffect as useEffect9, useMemo as useMemo8, useRef as useRef5, useState as useState8 } from "react";
 import * as RPNInput from "react-phone-number-input";
 import flags from "react-phone-number-input/flags";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function InternationalPhonePicker(param) {
     var setPhoneValue = param.setPhoneValue, _param_phoneValue = param.phoneValue, phoneValue = _param_phoneValue === void 0 ? "" : _param_phoneValue, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "" : _param_placeholder, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_defaultCountry = param.defaultCountry, defaultCountry = _param_defaultCountry === void 0 ? "IL" : _param_defaultCountry, _param_flagContainerClassName = param.flagContainerClassName, flagContainerClassName = _param_flagContainerClassName === void 0 ? "" : _param_flagContainerClassName, _param_inputClassName = param.inputClassName, inputClassName = _param_inputClassName === void 0 ? "" : _param_inputClassName, defaultValue = param.defaultValue, name = param.name, style = param.style, onEnter = param.onEnter, labelContent = param.labelContent, labelClassName = param.labelClassName, required = param.required, direction = param.direction, _param_defaultFocus = param.defaultFocus, defaultFocus = _param_defaultFocus === void 0 ? true : _param_defaultFocus, labelsCommonClassName = param.labelsCommonClassName, minLength = param.minLength, disabled = param.disabled;
     var handleKeyDown = function(e) {
@@ -5373,14 +5411,14 @@ function InternationalPhonePicker(param) {
         },
         className: cn("".concat(labelContent ? "flex justify-start items-center gap-3 w-full" : "w-full"), containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ jsx18(ElementLabel, {
+            labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
                 labelsCommonClassName: labelsCommonClassName,
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ jsx18(RPNInput.default, {
+            /* @__PURE__ */ jsx19(RPNInput.default, {
                 disabled: disabled,
                 style: {
                     direction: "ltr"
@@ -5416,7 +5454,7 @@ function InternationalPhonePicker(param) {
                     setTempPhoneValue(newValue !== null && newValue !== void 0 ? newValue : "");
                 }
             }),
-            /* @__PURE__ */ jsx18("input", {
+            /* @__PURE__ */ jsx19("input", {
                 type: "hidden",
                 name: name,
                 value: tempPhoneValue
@@ -5439,7 +5477,7 @@ var PhoneInput = forwardRef7(function(_param, ref) {
             inputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ jsx18(Input, _object_spread({
+    return /* @__PURE__ */ jsx19(Input, _object_spread({
         className: cn("-ms-px rounded-s-none shadow-none focus-visible:z-10 h-full", className),
         onKeyDown: onKeyDown,
         defaultValue: defaultValue,
@@ -5472,14 +5510,14 @@ var CountrySelect = function(param) {
                 className: "inline-flex items-center gap-1",
                 "aria-hidden": "true",
                 children: [
-                    /* @__PURE__ */ jsx18(FlagComponent, {
+                    /* @__PURE__ */ jsx19(FlagComponent, {
                         country: value,
                         countryName: value,
                         "aria-hidden": "true"
                     }),
-                    /* @__PURE__ */ jsx18("span", {
+                    /* @__PURE__ */ jsx19("span", {
                         className: "text-muted-foreground/80",
-                        children: /* @__PURE__ */ jsx18(ChevronDown, {
+                        children: /* @__PURE__ */ jsx19(ChevronDown, {
                             size: 16,
                             strokeWidth: 2,
                             "aria-hidden": "true"
@@ -5487,7 +5525,7 @@ var CountrySelect = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx18("select", {
+            /* @__PURE__ */ jsx19("select", {
                 disabled: disabled,
                 value: value,
                 onChange: handleSelect,
@@ -5514,18 +5552,18 @@ var CountrySelect = function(param) {
 var FlagComponent = function(param) {
     var country = param.country, countryName = param.countryName;
     var Flag = flags[country];
-    return /* @__PURE__ */ jsx18("span", {
+    return /* @__PURE__ */ jsx19("span", {
         className: "w-5 overflow-hidden rounded-sm",
-        children: Flag ? /* @__PURE__ */ jsx18(Flag, {
+        children: Flag ? /* @__PURE__ */ jsx19(Flag, {
             title: countryName
-        }) : /* @__PURE__ */ jsx18(Phone, {
+        }) : /* @__PURE__ */ jsx19(Phone, {
             size: 16,
             "aria-hidden": "true"
         })
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
 var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
 var useSortValues = function(options, sortDirection, sortAsNumber) {
@@ -5581,8 +5619,8 @@ var InputContainer = function(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx19("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx20("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
             title: title,
             minLength: minLength,
             placeholder: placeholder,
@@ -5634,7 +5672,7 @@ var SelectContainer = function(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
         children: /* @__PURE__ */ jsxs14("div", {
             title: title,
             style: {
@@ -5645,21 +5683,21 @@ var SelectContainer = function(param) {
                 return setIsOpen(!isOpen);
             },
             children: [
-                /* @__PURE__ */ jsx19("div", {
+                /* @__PURE__ */ jsx20("div", {
                     className: cn("h-9 max-h-9 py-2 px-3 flex items-center justify-center cursor-pointer", defaultFormElementBorderClassName, selectClassName),
                     children: ((_options_find = options.find(function(opt) {
                         return opt.value === selectedValue;
                     })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
                 }),
-                isOpen ? /* @__PURE__ */ jsx19("i", {
+                isOpen ? /* @__PURE__ */ jsx20("i", {
                     className: cn("fa-light fa-chevron-up absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
-                }) : /* @__PURE__ */ jsx19("i", {
+                }) : /* @__PURE__ */ jsx20("i", {
                     className: cn("fa-light fa-chevron-down absolute top-3 ".concat(direction === "ltr" ? "right-2" : "left-2", " cursor-pointer"), iconClassName)
                 }),
-                isOpen && /* @__PURE__ */ jsx19("div", {
+                isOpen && /* @__PURE__ */ jsx20("div", {
                     className: cn("absolute w-full bg-white border  border-gray-300 max-h-32 overflow-y-auto z-10", optionsContainerClassName),
                     children: sortOptions.map(function(option) {
-                        return /* @__PURE__ */ jsx19("div", {
+                        return /* @__PURE__ */ jsx20("div", {
                             className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                             onClick: function() {
                                 return handleOptionClick(option.value);
@@ -5668,7 +5706,7 @@ var SelectContainer = function(param) {
                         }, option.value);
                     })
                 }),
-                /* @__PURE__ */ jsx19("input", {
+                /* @__PURE__ */ jsx20("input", {
                     value: selectedValue,
                     type: "hidden",
                     name: name,
@@ -5705,8 +5743,8 @@ function MultiSelect(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx19(multiselect_default, {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx20(multiselect_default, {
             closeDropdownOnSelect: closeDropdownOnSelect,
             commandProps: {
                 label: placeholder
@@ -5728,7 +5766,7 @@ function MultiSelect(param) {
             className: cn(defaultFormElementBorderClassName, styles.className),
             dropdownClassName: styles.dropdownClassName,
             dropdownOptionClassName: styles.dropdownOptionClassName,
-            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx19("p", {
+            emptyIndicator: emptyOptionsElement || /* @__PURE__ */ jsx20("p", {
                 className: "text-center text-sm",
                 children: "all options selected."
             }),
@@ -5764,8 +5802,8 @@ var SelectWithSearch = function(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx19(SearchSelect, {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx20(SearchSelect, {
             direction: direction,
             createNewOptionLabel: createNewOptionLabel,
             createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -5813,8 +5851,8 @@ var TextAreaContainer = function(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx19("textarea", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx20("textarea", _object_spread_props(_object_spread({}, props), {
             value: value,
             onChange: onChange,
             dir: direction,
@@ -5830,7 +5868,7 @@ var TextAreaContainer = function(param) {
 };
 var FormSeparator = function(param) {
     var props = param.props, children = param.children;
-    return /* @__PURE__ */ jsx19("div", _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ jsx20("div", _object_spread_props(_object_spread({}, props), {
         className: cn("border-b-[1px] border-gray-300 h-[1px]", props === null || props === void 0 ? void 0 : props.className),
         children: children
     }));
@@ -5860,8 +5898,8 @@ var CheckboxContainer = function(param) {
         required,
         labelStyle
     ]);
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
-        children: /* @__PURE__ */ jsx19(Checkbox, {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+        children: /* @__PURE__ */ jsx20(Checkbox, {
             id: id,
             name: name,
             checked: checked,
@@ -5908,7 +5946,7 @@ var DurationPicker = function(param) {
         required,
         labelStyle
     ]);
-    var _useState9 = _sliced_to_array(useState9(value || {
+    var _useState9 = _sliced_to_array(useState9(value ? secondsToDuration(value) : {
         days: 0,
         hours: 0,
         minutes: 0,
@@ -5918,12 +5956,14 @@ var DurationPicker = function(param) {
         return function(e) {
             var raw = parseInt(e.target.value, 10);
             var clamped = isNaN(raw) ? 0 : Math.min(range[1], Math.max(range[0], raw));
-            setDuration(_object_spread_props(_object_spread({}, duration), _define_property({}, field, clamped)));
-            onChange === null || onChange === void 0 ? void 0 : onChange(_object_spread_props(_object_spread({}, duration), _define_property({}, field, clamped)));
+            var update = _object_spread_props(_object_spread({}, duration), _define_property({}, field, clamped));
+            setDuration(update);
+            onChange === null || onChange === void 0 ? void 0 : onChange(durationToSeconds(update));
         };
     };
-    return /* @__PURE__ */ jsx19(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
+    return /* @__PURE__ */ jsx20(FormElementContainer, _object_spread_props(_object_spread({}, containerProps), {
         children: /* @__PURE__ */ jsxs14("div", {
+            title: title,
             className: cn("flex gap-1.5 text-sm", elementClassName),
             dir: "ltr",
             children: [
@@ -5931,11 +5971,11 @@ var DurationPicker = function(param) {
                     return /* @__PURE__ */ jsxs14("div", {
                         className: "flex flex-col border p-0.5 rounded-md",
                         children: [
-                            !hideLabels && /* @__PURE__ */ jsx19("label", {
+                            !hideLabels && /* @__PURE__ */ jsx20("label", {
                                 className: "mb-1 ps-1 capitalize text-start border-b-[1px] border-b-gray-300",
                                 children: field.slice(0, 1)
                             }),
-                            /* @__PURE__ */ jsx19("input", {
+                            /* @__PURE__ */ jsx20("input", {
                                 type: "number",
                                 inputMode: "numeric",
                                 min: 0,
@@ -5953,10 +5993,10 @@ var DurationPicker = function(param) {
                         ]
                     }, field);
                 }),
-                /* @__PURE__ */ jsx19("input", {
+                /* @__PURE__ */ jsx20("input", {
                     name: name,
                     type: "hidden",
-                    value: JSON.stringify(duration)
+                    value: durationToSeconds(duration)
                 })
             ]
         })
@@ -5967,7 +6007,7 @@ var FormElementContainer = function(param) {
     return /* @__PURE__ */ jsxs14("div", {
         className: cn(defaultContainerClassName ? defaultFormElementContainerClassName : "", containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ jsx19(ElementLabel, {
+            labelContent && /* @__PURE__ */ jsx20(ElementLabel, {
                 labelStyle: labelStyle,
                 labelsCommonClassName: labelsCommonClassName,
                 withDots: labelWithDots,
@@ -5992,11 +6032,11 @@ var ElementLabel = function(param) {
         title: labelContent,
         children: [
             labelContent,
-            required && /* @__PURE__ */ jsx19("div", {
+            required && /* @__PURE__ */ jsx20("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ jsx19("div", {
+            withDots && /* @__PURE__ */ jsx20("div", {
                 children: ":"
             })
         ]
@@ -6062,11 +6102,11 @@ var ElementsContainer = memo2(function(props) {
         ref: containerRef,
         className: cn("flex flex-col gap-1", className),
         children: [
-            headline && /* @__PURE__ */ jsx19("div", {
+            headline && /* @__PURE__ */ jsx20("div", {
                 className: cn("text-start text-primary font-bold border-b-[1px] border-gray-400 pb-0.5", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ jsx19("div", {
+            /* @__PURE__ */ jsx20("div", {
                 className: cn("flex flex-col gap-1.5", childrenContainerClassName),
                 children: enhancedChildren
             })
@@ -6075,7 +6115,7 @@ var ElementsContainer = memo2(function(props) {
 }, propsAreEqual);
 ElementsContainer.displayName = "ElementsContainer";
 // src/components/forms/ModularForm/ModularForm.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var ModularForm = function(param) {
     var _param_submitFunction = param.submitFunction, submitFunction = _param_submitFunction === void 0 ? /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(form) {
@@ -6190,64 +6230,64 @@ var ModularForm = function(param) {
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-4", className),
         children: [
-            headerContent && /* @__PURE__ */ jsx20("div", {
+            headerContent && /* @__PURE__ */ jsx21("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
-            /* @__PURE__ */ jsx20("div", {
+            /* @__PURE__ */ jsx21("div", {
                 className: cn("w-full flex flex-col gap-5", elementsContainerClassName),
                 children: elements.map(function(element, index2) {
                     switch(element.type){
                         case "input":
-                            return /* @__PURE__ */ jsx20(InputContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(InputContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "textarea":
-                            return /* @__PURE__ */ jsx20(TextAreaContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(TextAreaContainer, _object_spread_props(_object_spread({
                                 direction: element.direction || direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "select":
-                            return /* @__PURE__ */ jsx20(SelectContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(SelectContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "checkbox":
-                            return /* @__PURE__ */ jsx20(CheckboxContainer, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(CheckboxContainer, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "multiSelect":
-                            return /* @__PURE__ */ jsx20(MultiSelect, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(MultiSelect, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "selectWithSearch":
-                            return /* @__PURE__ */ jsx20(SelectWithSearch, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(SelectWithSearch, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "internationalPhoneInput":
-                            return /* @__PURE__ */ jsx20(InternationalPhonePicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(InternationalPhonePicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "duration":
-                            return /* @__PURE__ */ jsx20(DurationPicker, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(DurationPicker, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 labelsCommonClassName: labelsCommonClassName
                             }), index2);
                         case "separator":
-                            return /* @__PURE__ */ jsx20(FormSeparator, _object_spread_props(_object_spread({
+                            return /* @__PURE__ */ jsx21(FormSeparator, _object_spread_props(_object_spread({
                                 direction: direction
                             }, element), {
                                 children: element.children
@@ -6265,12 +6305,12 @@ var ModularForm = function(param) {
             /* @__PURE__ */ jsxs15("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ jsx20("div", {
+                    /* @__PURE__ */ jsx21("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ jsx20("button", {
+                    /* @__PURE__ */ jsx21("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         onClick: function(e) {
@@ -6278,7 +6318,7 @@ var ModularForm = function(param) {
                         },
                         className: cn("bg-[#547f22] px-3 py-1.5 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ jsx20(Loader, _object_spread({
+                        children: isLoading ? /* @__PURE__ */ jsx21(Loader, _object_spread({
                             size: 18,
                             color: "#fff"
                         }, loaderProps)) : buttonContent
@@ -6292,7 +6332,7 @@ var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
 import { useState as useState11 } from "react";
 import moment3 from "moment";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
     var onV = param.onV, onX = param.onX, _param_headline = param.headline, headline = _param_headline === void 0 ? "" : _param_headline, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_buttonsContainerClassName = param.buttonsContainerClassName, buttonsContainerClassName = _param_buttonsContainerClassName === void 0 ? "" : _param_buttonsContainerClassName, _param_headlineClassName = param.headlineClassName, headlineClassName = _param_headlineClassName === void 0 ? "" : _param_headlineClassName, _param_cancelButtonClassName = param.cancelButtonClassName, cancelButtonClassName = _param_cancelButtonClassName === void 0 ? "" : _param_cancelButtonClassName, _param_confirmButtonClassName = param.confirmButtonClassName, confirmButtonClassName = _param_confirmButtonClassName === void 0 ? "" : _param_confirmButtonClassName, _param_cancelButtonProps = param.cancelButtonProps, cancelButtonProps = _param_cancelButtonProps === void 0 ? {} : _param_cancelButtonProps, _param_confirmButtonProps = param.confirmButtonProps, confirmButtonProps = _param_confirmButtonProps === void 0 ? {} : _param_confirmButtonProps, cancelElement = param.cancelElement, confirmElement = param.confirmElement;
     return /* @__PURE__ */ jsxs16("div", {
@@ -6302,23 +6342,23 @@ var ConfirmForm = function(param) {
         },
         className: cn("w-full h-full flex flex-col gap-3", containerClassName),
         children: [
-            /* @__PURE__ */ jsx21("div", {
+            /* @__PURE__ */ jsx22("div", {
                 className: cn("text-lg font-bold", headlineClassName),
                 children: headline
             }),
             /* @__PURE__ */ jsxs16("div", {
                 className: cn("flex justify-center items-center gap-2 w-full", buttonsContainerClassName),
                 children: [
-                    /* @__PURE__ */ jsx21("button", {
+                    /* @__PURE__ */ jsx22("button", {
                         className: cn("disabled:cursor-not-allowed opacity-70", cancelButtonClassName),
                         onClick: onX,
-                        children: cancelElement || /* @__PURE__ */ jsx21(RedXSvg, {})
+                        children: cancelElement || /* @__PURE__ */ jsx22(RedXSvg, {})
                     }),
-                    /* @__PURE__ */ jsx21("button", _object_spread_props(_object_spread({
+                    /* @__PURE__ */ jsx22("button", _object_spread_props(_object_spread({
                         className: cn("disabled:cursor-not-allowed opacity-70", confirmButtonClassName)
                     }, confirmButtonProps), {
                         onClick: onV,
-                        children: confirmElement || /* @__PURE__ */ jsx21(GreenVSvg, {})
+                        children: confirmElement || /* @__PURE__ */ jsx22(GreenVSvg, {})
                     }))
                 ]
             })
@@ -6375,7 +6415,7 @@ var DatePicker = function(param) {
                 htmlFor: "from",
                 children: [
                     fromText,
-                    /* @__PURE__ */ jsx21("input", {
+                    /* @__PURE__ */ jsx22("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "from",
@@ -6388,7 +6428,7 @@ var DatePicker = function(param) {
                 htmlFor: "to",
                 children: [
                     toText,
-                    /* @__PURE__ */ jsx21("input", {
+                    /* @__PURE__ */ jsx22("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "to",
@@ -6396,12 +6436,12 @@ var DatePicker = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ jsx21("button", {
+            /* @__PURE__ */ jsx22("button", {
                 disabled: isLoading,
                 style: buttonStyle,
                 className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
                 type: "submit",
-                children: isLoading ? /* @__PURE__ */ jsx21(Loader, {
+                children: isLoading ? /* @__PURE__ */ jsx22(Loader, {
                     className: "pt-[2px]",
                     size: 20,
                     color: "#fff"
@@ -6413,7 +6453,7 @@ var DatePicker = function(param) {
 // src/components/CodeInput.tsx
 import { OTPInput } from "input-otp";
 import { useEffect as useEffect11, useRef as useRef8 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function CodeInput(param) {
     var codeValue = param.codeValue, setCodeValue = param.setCodeValue, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, _param_slotContainerClassName = param.slotContainerClassName, slotContainerClassName = _param_slotContainerClassName === void 0 ? "" : _param_slotContainerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction;
     var firstInputRef = useRef8(null);
@@ -6422,12 +6462,12 @@ function CodeInput(param) {
             firstInputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ jsx22("div", {
+    return /* @__PURE__ */ jsx23("div", {
         style: {
             direction: direction
         },
         className: cn("space-y-2 flex justify-center items-center", className),
-        children: /* @__PURE__ */ jsx22(OTPInput, {
+        children: /* @__PURE__ */ jsx23(OTPInput, {
             ref: firstInputRef,
             value: codeValue,
             onChange: function(newVal) {
@@ -6437,10 +6477,10 @@ function CodeInput(param) {
             maxLength: 6,
             render: function(param) {
                 var slots = param.slots;
-                return /* @__PURE__ */ jsx22("div", {
+                return /* @__PURE__ */ jsx23("div", {
                     className: cn("flex gap-5", slotContainerClassName),
                     children: slots.map(function(slot, idx) {
-                        return /* @__PURE__ */ jsx22(Slot2, _object_spread({}, slot), idx);
+                        return /* @__PURE__ */ jsx23(Slot2, _object_spread({}, slot), idx);
                     })
                 });
             }
@@ -6448,14 +6488,14 @@ function CodeInput(param) {
     });
 }
 function Slot2(props) {
-    return /* @__PURE__ */ jsx22("div", {
+    return /* @__PURE__ */ jsx23("div", {
         className: cn("flex size-9 items-center justify-center rounded-lg border border-input bg-background font-medium text-foreground shadow-sm shadow-black/5 transition-shadow", {
             "z-10 border border-ring ring-[3px] ring-ring/20": props.isActive
         }),
-        children: props.char !== null && /* @__PURE__ */ jsx22("div", {
+        children: props.char !== null && /* @__PURE__ */ jsx23("div", {
             children: props.char
         })
     });
 }
-export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
+export { Badge, BooleanUi, Button, Checkbox, CheckboxContainer, CodeInput, ConfirmForm, DatePicker, DisplayAllRowsButton, DurationPicker, DurationUI, ElementLabel, ElementsContainer, ErrorBoundary, ExportToExcel, Filter, FormElementContainer, FormSeparator, GeoUi, Input, InputContainer, InternationalPhonePicker, LeftToRightDiv, Loader, LoginWithGoogleButton, MaxRowsLabel, ModularForm_default as ModularForm, MultiSelect, NumberUI, PhoneUI, ProgressComponent, Search, SelectContainer, SelectWithSearch, Summary, Table, TableBody, TableButton, TableCell, TableContext, TableHead, TableProvider, TableRow2 as TableRow, TextAreaContainer, TimesUI, Version, badgeVariants, buttonVariants, defaultFormElementBorderClassName, defaultFormElementContainerClassName, useDebounce, useSortValues };
 //# sourceMappingURL=index.mjs.map