akeyless-client-commons 1.0.50 → 1.0.52

package/dist/components/index.js

@@ -470,6 +470,9 @@ __export(components_exports, {
     Loader: function() {
         return Loader;
     },
+    LoginWithGoogleButton: function() {
+        return LoginWithGoogleButton;
+    },
     MaxRowsLabel: function() {
         return MaxRowsLabel;
     },
@@ -658,11 +661,250 @@ var ErrorBoundary = /*#__PURE__*/ function(_import_react_default_Component) {
 }(import_react.default.Component);
 // src/components/utils/loaders.tsx
 var import_react_spinners = require("react-spinners");
+// src/helpers/firebase.ts
+var import_moment = __toESM(require("moment"));
+var import_app = require("firebase/app");
+var import_storage = require("firebase/storage");
+var import_auth = require("firebase/auth");
+var import_app_check = require("firebase/app-check");
+var import_firestore = require("firebase/firestore");
+var import_react2 = require("react");
+var import_meta = {};
+var initApp = function() {
+    var isNodeEnv2 = typeof process !== "undefined" && process.env;
+    var firebaseConfig = {
+        apiKey: isNodeEnv2 ? process.env.NEXT_PUBLIC_API_KEY : import_meta.env.VITE_API_KEY,
+        authDomain: isNodeEnv2 ? process.env.NEXT_PUBLIC_AUTH_DOMAIN : import_meta.env.VITE_AUTH_DOMAIN,
+        projectId: isNodeEnv2 ? process.env.NEXT_PUBLIC_PROJECT_ID : import_meta.env.VITE_PROJECT_ID,
+        storageBucket: isNodeEnv2 ? process.env.NEXT_PUBLIC_STORAGE_BUCKET : import_meta.env.VITE_STORAGE_BUCKET,
+        messagingSenderId: isNodeEnv2 ? process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID : import_meta.env.VITE_MESSAGING_SENDER_ID,
+        appId: isNodeEnv2 ? process.env.NEXT_PUBLIC_APP_ID : import_meta.env.VITE_APP_ID
+    };
+    try {
+        var app2 = (0, import_app.initializeApp)(firebaseConfig);
+        var auth2 = (0, import_auth.getAuth)(app2);
+        auth2.settings.appVerificationDisabledForTesting = false;
+        var db2 = (0, import_firestore.getFirestore)(app2);
+        var storage2 = (0, import_storage.getStorage)(app2);
+        var googleLoginProvider2 = new import_auth.GoogleAuthProvider();
+        var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
+        var result = {
+            db: db2,
+            auth: auth2,
+            storage: storage2,
+            app: app2,
+            googleLoginProvider: googleLoginProvider2
+        };
+        if (recaptchaSiteKey) {
+            result.appCheck = (0, import_app_check.initializeAppCheck)(app2, {
+                provider: new import_app_check.ReCaptchaEnterpriseProvider(recaptchaSiteKey),
+                isTokenAutoRefreshEnabled: true
+            });
+        }
+        return result;
+    } catch (error) {
+        console.error("Failed to initialize Firebase app:", error);
+        return {};
+    }
+};
+var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck, googleLoginProvider = _initApp.googleLoginProvider;
+var useLoginWithGoogle = function() {
+    var signInWithGoogle = (0, import_react2.useCallback)(/*#__PURE__*/ _async_to_generator(function() {
+        var result, user;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        (0, import_auth.signInWithPopup)(auth, googleLoginProvider)
+                    ];
+                case 1:
+                    result = _state.sent();
+                    user = result.user;
+                    return [
+                        2,
+                        user
+                    ];
+            }
+        });
+    }), [
+        auth,
+        googleLoginProvider
+    ]);
+    return signInWithGoogle;
+};
+var collections = {
+    clients: (0, import_firestore.collection)(db, "nx-clients"),
+    sites: (0, import_firestore.collection)(db, "nx-sites"),
+    cars: (0, import_firestore.collection)(db, "units"),
+    users: (0, import_firestore.collection)(db, "nx-users"),
+    lastLocations: (0, import_firestore.collection)(db, "last_locations"),
+    ermEvents: (0, import_firestore.collection)(db, "erm_events_general"),
+    erm2Events: (0, import_firestore.collection)(db, "erm2_events_general"),
+    ruptelaEvents: (0, import_firestore.collection)(db, "ruptela_events_general"),
+    polygons: (0, import_firestore.collection)(db, "nx-polygons"),
+    polygonEvents: (0, import_firestore.collection)(db, "polygon_events"),
+    polygonCars: (0, import_firestore.collection)(db, "polygon_cars"),
+    canbus: (0, import_firestore.collection)(db, "erm_canbus_parameters"),
+    states: (0, import_firestore.collection)(db, "erm_states"),
+    app_pro_commands_queue: (0, import_firestore.collection)(db, "app_pro_commands_queue"),
+    trips: (0, import_firestore.collection)(db, "erm2_trip"),
+    tripsDetails: (0, import_firestore.collection)(db, "erm2_trip_details"),
+    audit: (0, import_firestore.collection)(db, "nx-audit"),
+    nx_settings: (0, import_firestore.collection)(db, "nx-settings"),
+    settings: (0, import_firestore.collection)(db, "settings"),
+    translations: (0, import_firestore.collection)(db, "nx-translations"),
+    nx_cars: (0, import_firestore.collection)(db, "nx-cars"),
+    boards: (0, import_firestore.collection)(db, "boards"),
+    protection_types: (0, import_firestore.collection)(db, "protectionTypes"),
+    board_types: (0, import_firestore.collection)(db, "boardTypes"),
+    charge_capacities: (0, import_firestore.collection)(db, "nx-charge-capacities")
+};
+var fire_base_TIME_TEMP = import_firestore.Timestamp.now;
+// src/helpers/global.ts
+var import_akeyless_types_commons = require("akeyless-types-commons");
+var import_axios = __toESM(require("axios"));
+// src/helpers/phoneNumber.ts
+var import_libphonenumber_js = require("libphonenumber-js");
+// src/helpers/global.ts
+var import_lodash = require("lodash");
+var import_meta2 = {};
+var renderOnce = function() {
+    return true;
+};
+var getLocationUrl = function(lng, lat) {
+    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
+};
+var isNodeEnv = typeof process !== "undefined" && process.env;
+var _ref = {
+    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import_meta2.env.VITE_MODE,
+    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import_meta2.env.VITE_is_local) === "true"
+}, mode = _ref.mode, isLocal = _ref.isLocal;
+// src/helpers/forms.ts
+var import_xregexp = __toESM(require("xregexp"));
+var textRegex = (0, import_xregexp.default)("[^\\p{L}\\s-]", "gu");
+var numbersRegex = (0, import_xregexp.default)("[^0-9\\s-+]", "g");
+var numbersOnlyRegex = (0, import_xregexp.default)("[^0-9]", "g");
+var priceRegex = (0, import_xregexp.default)("[^0-9.]", "g");
+var emailRegex = (0, import_xregexp.default)("[^\\p{L}0-9.@\\s-]", "gu");
+var colorRegex = (0, import_xregexp.default)("[^#0-9A-Fa-f]", "g");
+var carsRegex = (0, import_xregexp.default)("[^\\p{L}0-9,_]", "gu");
+var textNumbersRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s+\\-]", "gu");
+var addressRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s.,+-\\-]", "gu");
+var chartsRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s.,_@!+-\\-]", "gu");
+var handleChange = function(e) {
+    e.target.setCustomValidity("");
+    var validation = e.target.getAttribute("data-validation");
+    if (validation === "text") {
+        e.target.value = import_xregexp.default.replace(e.target.value, textRegex, "");
+    } else if (validation === "numbers") {
+        e.target.value = import_xregexp.default.replace(e.target.value, numbersRegex, "");
+    } else if (validation === "numbersOnly") {
+        e.target.value = import_xregexp.default.replace(e.target.value, numbersOnlyRegex, "");
+    } else if (validation === "price") {
+        e.target.value = import_xregexp.default.replace(e.target.value, priceRegex, "");
+    } else if (validation === "textNumbers") {
+        e.target.value = import_xregexp.default.replace(e.target.value, textNumbersRegex, "");
+    } else if (validation === "email") {
+        e.target.value = import_xregexp.default.replace(e.target.value, emailRegex, "");
+    } else if (validation === "color") {
+        e.target.value = import_xregexp.default.replace(e.target.value, colorRegex, "");
+    } else if (validation === "address") {
+        e.target.value = import_xregexp.default.replace(e.target.value, addressRegex, "");
+    } else if (validation === "cars") {
+        e.target.value = import_xregexp.default.replace(e.target.value, carsRegex, "");
+    } else if (validation === "charts") {
+        e.target.value = import_xregexp.default.replace(e.target.value, chartsRegex, "");
+    }
+};
+var handlePaste = function(e) {
+    var validation = e.currentTarget.getAttribute("data-validation");
+    var pasteData = e.clipboardData.getData("text");
+    if (validation === "text") {
+        pasteData = import_xregexp.default.replace(pasteData, textRegex, "");
+    } else if (validation === "numbers") {
+        pasteData = import_xregexp.default.replace(pasteData, numbersRegex, "");
+    } else if (validation === "numbersOnly") {
+        pasteData = import_xregexp.default.replace(pasteData, numbersOnlyRegex, "");
+    } else if (validation === "price") {
+        pasteData = import_xregexp.default.replace(pasteData, priceRegex, "");
+    } else if (validation === "textNumbers") {
+        pasteData = import_xregexp.default.replace(pasteData, textNumbersRegex, "");
+    } else if (validation === "email") {
+        pasteData = import_xregexp.default.replace(pasteData, emailRegex, "");
+    } else if (validation === "color") {
+        pasteData = import_xregexp.default.replace(pasteData, colorRegex, "");
+    } else if (validation === "address") {
+        pasteData = import_xregexp.default.replace(pasteData, addressRegex, "");
+    } else if (validation === "cars") {
+        pasteData = import_xregexp.default.replace(pasteData, carsRegex, "");
+    } else if (validation === "charts") {
+        pasteData = import_xregexp.default.replace(pasteData, chartsRegex, "");
+    }
+    e.preventDefault();
+    document.execCommand("insertText", false, pasteData);
+};
+var handleInvalid = function(e, requireError) {
+    e.target.setCustomValidity(requireError || "This filed is required !");
+};
+var useValidation = function(validationType, requireError) {
+    return {
+        onChange: handleChange,
+        onPaste: handlePaste,
+        onInvalid: function(e) {
+            return handleInvalid(e, requireError);
+        },
+        "data-validation": validationType
+    };
+};
+var getFormElementValue = function(form, name) {
+    var _form_elements_namedItem;
+    return ((_form_elements_namedItem = form.elements.namedItem(name)) === null || _form_elements_namedItem === void 0 ? void 0 : _form_elements_namedItem.value) || "";
+};
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// src/helpers/time_helpers.ts
+var import_firestore2 = require("firebase/firestore");
+var import_moment_timezone = __toESM(require("moment-timezone"));
+function timestamp_to_string(firebaseTimestamp, options) {
+    var date;
+    if (_instanceof(firebaseTimestamp, import_firestore2.Timestamp)) {
+        date = firebaseTimestamp.toDate();
+    } else if (_instanceof(firebaseTimestamp, Date)) {
+        date = firebaseTimestamp;
+    } else if (typeof firebaseTimestamp === "string") {
+        date = import_moment_timezone.default.utc(firebaseTimestamp, (options === null || options === void 0 ? void 0 : options.fromFormat) || "DD/MM/YYYY HH:mm:ss").toDate();
+        if (isNaN(date.getTime())) {
+            throw new Error("Invalid date string format");
+        }
+    } else {
+        throw new Error("Invalid input: firebaseTimestamp must be a Timestamp, Date, or valid date string.");
+    }
+    if (options === null || options === void 0 ? void 0 : options.tz) {
+        var result = (0, import_moment_timezone.default)(date).tz(options === null || options === void 0 ? void 0 : options.tz).format((options === null || options === void 0 ? void 0 : options.format) || "DD/MM/YYYY HH:mm:ss");
+        return result;
+    }
+    return import_moment_timezone.default.utc(date).format((options === null || options === void 0 ? void 0 : options.format) || "DD/MM/YYYY HH:mm:ss");
+}
+// src/helpers/api.ts
+var import_axios2 = __toESM(require("axios"));
+var baseDomain = mode === "qa" ? "https://nx-api.xyz/api" : "https://nx-api.info/api";
+var devicesDomain = isLocal ? "http://localhost:9001/api/devices" : baseDomain + "/devices";
+var biDomain = isLocal ? "http://localhost:9002/api/bi" : baseDomain + "/bi";
+var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseDomain + "/call-center";
+// src/components/utils/loaders.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var Loader = function(param) {
     var color = param.color, size3 = param.size, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", {
-        className: "flex items-center justify-center ".concat(className),
+        className: cn("flex items-center justify-center", className),
         style: style,
         children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_spinners.ClipLoader, {
             loading: true,
@@ -671,15 +913,6 @@ var Loader = function(param) {
         })
     });
 };
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn() {
-    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
-        inputs[_key] = arguments[_key];
-    }
-    return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
 // src/components/utils/global.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var Version = function(param) {
@@ -692,26 +925,130 @@ var Version = function(param) {
         ]
     });
 };
+// src/components/utils/LoginWithGoogle.tsx
+var import_react3 = require("react");
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime5.jsxs)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: width,
+        height: height,
+        viewBox: viewBox,
+        preserveAspectRatio: "xMidYMid",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("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"
+            })
+        ]
+    });
+};
+var LoginWithGoogleButton = function(param) {
+    var label = param.label, className = param.className, containerClassName = param.containerClassName, onClick = param.onClick, _param_loaderProps = param.loaderProps, loaderProps = _param_loaderProps === void 0 ? {
+        color: "#000"
+    } : _param_loaderProps, googleSvgProps = param.googleSvgProps;
+    var signInWithGoogle = useLoginWithGoogle();
+    var _ref = _sliced_to_array((0, import_react3.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var onLoginClick = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(e) {
+            var user, error;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        _state.trys.push([
+                            0,
+                            3,
+                            4,
+                            5
+                        ]);
+                        setIsLoading(true);
+                        return [
+                            4,
+                            signInWithGoogle()
+                        ];
+                    case 1:
+                        user = _state.sent();
+                        return [
+                            4,
+                            onClick(e, user)
+                        ];
+                    case 2:
+                        _state.sent();
+                        return [
+                            3,
+                            5
+                        ];
+                    case 3:
+                        error = _state.sent();
+                        console.error("error from login with google:", error);
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        setIsLoading(false);
+                        return [
+                            7
+                        ];
+                    case 5:
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function onLoginClick(e) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", {
+        className: cn("flex justify-center", containerClassName),
+        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", {
+            className: cn("center gap-2 py-2 w-11/12 max-w-80 ", "shadow-sm hover:border-[#303edb] border-[1px] rounded-lg text-lg", className),
+            onClick: function(e) {
+                return onLoginClick(e);
+            },
+            disabled: isLoading,
+            children: [
+                label,
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Loader, _object_spread({}, loaderProps)) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GoogleSvg, _object_spread({}, googleSvgProps))
+            ]
+        })
+    });
+};
 // src/components/table/components.tsx
 var import_exceljs = __toESM(require("exceljs"));
 var import_file_saver = require("file-saver");
-var import_react9 = require("react");
+var import_react10 = require("react");
 // src/assets/svg.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var RedXSvg = function(param) {
     var height = param.height, width = param.width, viewBox = param.viewBox;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: width || "32",
         height: height || "32",
         viewBox: viewBox || "0 0 32 32",
         fill: "none",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("path", {
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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"
             })
@@ -720,20 +1057,20 @@ var RedXSvg = function(param) {
 };
 var RedXSvg2 = function(param) {
     var height = param.height, width = param.width, viewBox = param.viewBox;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: width || "18px",
         height: height || "18px",
         viewBox: viewBox || "0,0,256,256",
         fillRule: "nonzero",
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", {
             fill: "#e90404",
             fillRule: "nonzero",
             stroke: "none",
             strokeWidth: "1",
-            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("g", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", {
                 transform: "scale(10.66667,10.66667)",
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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"
                 })
             })
@@ -742,18 +1079,18 @@ var RedXSvg2 = function(param) {
 };
 var GreenVSvg = function(param) {
     var height = param.height, width = param.width, viewBox = param.viewBox;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: width || "32",
         height: height || "32",
         viewBox: viewBox || "0 0 32 32",
         fill: "none",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("path", {
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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"
             })
@@ -761,9 +1098,9 @@ var GreenVSvg = function(param) {
     });
 };
 // src/assets/table.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var sortSvg = function(upside_down) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
         style: upside_down ? {
             transform: "rotate(180deg)"
         } : {},
@@ -776,13 +1113,13 @@ var sortSvg = function(upside_down) {
         preserveAspectRatio: "xMidYMid meet",
         children: [
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
                 transform: "translate(0.000000,1536.000000) scale(0.100000,-0.100000)",
                 fill: "#fff",
                 stroke: "none",
                 children: [
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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"
                     }),
                     " "
@@ -793,8 +1130,8 @@ var sortSvg = function(upside_down) {
     });
 };
 var emptyFilterSvg = function(solid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
-        children: solid ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {
+        children: solid ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
             version: "1.0",
             xmlns: "http://www.w3.org/2000/svg",
             width: "13",
@@ -803,13 +1140,13 @@ var emptyFilterSvg = function(solid) {
             preserveAspectRatio: "xMidYMid meet",
             children: [
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
                     transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
                     fill: "#fff",
                     stroke: "none",
                     children: [
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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"
                         }),
                         " "
@@ -817,7 +1154,7 @@ var emptyFilterSvg = function(solid) {
                 }),
                 " "
             ]
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
             version: "1.0",
             xmlns: "http://www.w3.org/2000/svg",
             width: "13",
@@ -826,13 +1163,13 @@ var emptyFilterSvg = function(solid) {
             preserveAspectRatio: "xMidYMid meet",
             children: [
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
                     transform: "translate(0.000000,300.000000) scale(0.050000,-0.050000)",
                     fill: "#fff",
                     stroke: "none",
                     children: [
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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"
                         }),
                         " "
@@ -844,10 +1181,10 @@ var emptyFilterSvg = function(solid) {
     });
 };
 var slashFilterSvg = function(solid) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
-        children: solid ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {
+        children: solid ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
             className: "mt-[-4px] mr-[-2px] ",
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
                 version: "1.0",
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "18",
@@ -856,17 +1193,17 @@ var slashFilterSvg = function(solid) {
                 preserveAspectRatio: "xMidYMid meet",
                 children: [
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
                         transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
                         fill: "#fff",
                         stroke: "none",
                         children: [
                             " ",
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("path", {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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"
                             }),
                             " "
@@ -875,9 +1212,9 @@ var slashFilterSvg = function(solid) {
                     " "
                 ]
             })
-        }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
             className: "mt-[-4px] mr-[-2px] ",
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
                 version: "1.0",
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "18",
@@ -886,153 +1223,71 @@ var slashFilterSvg = function(solid) {
                 preserveAspectRatio: "xMidYMid meet",
                 children: [
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
                         transform: "translate(0.000000,900.000000) scale(0.100000,-0.100000)",
                         fill: "#fff",
                         stroke: "none",
                         children: [
                             " ",
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("path", {
+                            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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"
-                            }),
-                            " "
-                        ]
-                    }),
-                    " "
-                ]
-            })
-        })
-    });
-};
-var exportToExcelSvg = function(width, height, viewBox) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
-        version: "1.0",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: width || "18",
-        height: height || "18",
-        viewBox: viewBox || "0 0 150.000000 150.000000",
-        preserveAspectRatio: "xMidYMid meet",
-        children: [
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("g", {
-                transform: "translate(0.000000,150.000000) scale(0.100000,-0.100000)",
-                fill: "#ffffff",
-                stroke: "none",
-                children: [
-                    " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)("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"
-                    }),
-                    " "
-                ]
-            }),
-            " "
-        ]
-    });
-};
-// src/components/table/hooks.tsx
-var import_react3 = require("react");
-var import_zustand = require("zustand");
-var import_lodash2 = require("lodash");
-// src/components/table/Table.tsx
-var import_react2 = __toESM(require("react"));
-var import_lodash = require("lodash");
-// src/helpers/forms.ts
-var import_xregexp = __toESM(require("xregexp"));
-var textRegex = (0, import_xregexp.default)("[^\\p{L}\\s-]", "gu");
-var numbersRegex = (0, import_xregexp.default)("[^0-9\\s-+]", "g");
-var numbersOnlyRegex = (0, import_xregexp.default)("[^0-9]", "g");
-var priceRegex = (0, import_xregexp.default)("[^0-9.]", "g");
-var emailRegex = (0, import_xregexp.default)("[^\\p{L}0-9.@\\s-]", "gu");
-var colorRegex = (0, import_xregexp.default)("[^#0-9A-Fa-f]", "g");
-var carsRegex = (0, import_xregexp.default)("[^\\p{L}0-9,_]", "gu");
-var textNumbersRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s+\\-]", "gu");
-var addressRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s.,+-\\-]", "gu");
-var chartsRegex = (0, import_xregexp.default)("[^\\p{L}0-9\\s.,_@!+-\\-]", "gu");
-var handleChange = function(e) {
-    e.target.setCustomValidity("");
-    var validation = e.target.getAttribute("data-validation");
-    if (validation === "text") {
-        e.target.value = import_xregexp.default.replace(e.target.value, textRegex, "");
-    } else if (validation === "numbers") {
-        e.target.value = import_xregexp.default.replace(e.target.value, numbersRegex, "");
-    } else if (validation === "numbersOnly") {
-        e.target.value = import_xregexp.default.replace(e.target.value, numbersOnlyRegex, "");
-    } else if (validation === "price") {
-        e.target.value = import_xregexp.default.replace(e.target.value, priceRegex, "");
-    } else if (validation === "textNumbers") {
-        e.target.value = import_xregexp.default.replace(e.target.value, textNumbersRegex, "");
-    } else if (validation === "email") {
-        e.target.value = import_xregexp.default.replace(e.target.value, emailRegex, "");
-    } else if (validation === "color") {
-        e.target.value = import_xregexp.default.replace(e.target.value, colorRegex, "");
-    } else if (validation === "address") {
-        e.target.value = import_xregexp.default.replace(e.target.value, addressRegex, "");
-    } else if (validation === "cars") {
-        e.target.value = import_xregexp.default.replace(e.target.value, carsRegex, "");
-    } else if (validation === "charts") {
-        e.target.value = import_xregexp.default.replace(e.target.value, chartsRegex, "");
-    }
-};
-var handlePaste = function(e) {
-    var validation = e.currentTarget.getAttribute("data-validation");
-    var pasteData = e.clipboardData.getData("text");
-    if (validation === "text") {
-        pasteData = import_xregexp.default.replace(pasteData, textRegex, "");
-    } else if (validation === "numbers") {
-        pasteData = import_xregexp.default.replace(pasteData, numbersRegex, "");
-    } else if (validation === "numbersOnly") {
-        pasteData = import_xregexp.default.replace(pasteData, numbersOnlyRegex, "");
-    } else if (validation === "price") {
-        pasteData = import_xregexp.default.replace(pasteData, priceRegex, "");
-    } else if (validation === "textNumbers") {
-        pasteData = import_xregexp.default.replace(pasteData, textNumbersRegex, "");
-    } else if (validation === "email") {
-        pasteData = import_xregexp.default.replace(pasteData, emailRegex, "");
-    } else if (validation === "color") {
-        pasteData = import_xregexp.default.replace(pasteData, colorRegex, "");
-    } else if (validation === "address") {
-        pasteData = import_xregexp.default.replace(pasteData, addressRegex, "");
-    } else if (validation === "cars") {
-        pasteData = import_xregexp.default.replace(pasteData, carsRegex, "");
-    } else if (validation === "charts") {
-        pasteData = import_xregexp.default.replace(pasteData, chartsRegex, "");
-    }
-    e.preventDefault();
-    document.execCommand("insertText", false, pasteData);
-};
-var handleInvalid = function(e, requireError) {
-    e.target.setCustomValidity(requireError || "This filed is required !");
-};
-var useValidation = function(validationType, requireError) {
-    return {
-        onChange: handleChange,
-        onPaste: handlePaste,
-        onInvalid: function(e) {
-            return handleInvalid(e, requireError);
-        },
-        "data-validation": validationType
-    };
+                            }),
+                            " "
+                        ]
+                    }),
+                    " "
+                ]
+            })
+        })
+    });
 };
-var getFormElementValue = function(form, name) {
-    var _form_elements_namedItem;
-    return ((_form_elements_namedItem = form.elements.namedItem(name)) === null || _form_elements_namedItem === void 0 ? void 0 : _form_elements_namedItem.value) || "";
+var exportToExcelSvg = function(width, height, viewBox) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
+        version: "1.0",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: width || "18",
+        height: height || "18",
+        viewBox: viewBox || "0 0 150.000000 150.000000",
+        preserveAspectRatio: "xMidYMid meet",
+        children: [
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", {
+                transform: "translate(0.000000,150.000000) scale(0.100000,-0.100000)",
+                fill: "#ffffff",
+                stroke: "none",
+                children: [
+                    " ",
+                    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)("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"
+                    }),
+                    " "
+                ]
+            }),
+            " "
+        ]
+    });
 };
+// src/components/table/hooks.tsx
+var import_react5 = require("react");
+var import_zustand = require("zustand");
+var import_lodash3 = require("lodash");
 // src/components/table/Table.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var TableContext = (0, import_react2.createContext)(null);
+var import_react4 = __toESM(require("react"));
+var import_lodash2 = require("lodash");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TableContext = (0, import_react4.createContext)(null);
 var TableProvider = function(props) {
     var // basic props
     data = props.data, headers = props.headers, optionalElement = props.optionalElement, _props_keysToRender = props.keysToRender, keysToRender = _props_keysToRender === void 0 ? [] : _props_keysToRender, _props_direction = props.direction, direction = _props_direction === void 0 ? "ltr" : _props_direction, _props_onRowClick = props.onRowClick, onRowClick = _props_onRowClick === void 0 ? function(data2) {} : _props_onRowClick, // container styles props
@@ -1052,7 +1307,7 @@ var TableProvider = function(props) {
         data: data,
         filterableColumns: filterableColumns
     }), filters = _useFilter.filters, filterPopupsDisplay = _useFilter.filterPopupsDisplay, filterOptions = _useFilter.filterOptions, handleFilterChange = _useFilter.handleFilterChange, handleFilterClick = _useFilter.handleFilterClick, closeFilterWindow = _useFilter.closeFilterWindow, clearFilter = _useFilter.clearFilter;
-    var allKeys = (0, import_react2.useMemo)(function() {
+    var allKeys = (0, import_react4.useMemo)(function() {
         return Array.from(data.reduce(function(keys, obj) {
             Object.keys(obj).forEach(function(key) {
                 return keys.add(key);
@@ -1062,7 +1317,7 @@ var TableProvider = function(props) {
     }, [
         data
     ]);
-    var dataToRender = (0, import_react2.useMemo)(function() {
+    var dataToRender = (0, import_react4.useMemo)(function() {
         var filtered = data;
         if (includeSearch && deferredSearchQuery.length > 0) {
             var cleanString = function(str) {
@@ -1128,9 +1383,9 @@ var TableProvider = function(props) {
         handleFilterClick: handleFilterClick,
         closeFilterWindow: closeFilterWindow
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableContext.Provider, {
         value: providerValues,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
             className: "flex flex-col gap-2 ".concat(containerClassName),
             style: _object_spread_props(_object_spread({}, containerStyle), {
                 direction: direction
@@ -1141,51 +1396,51 @@ var TableProvider = function(props) {
 };
 var TableBase = function(props) {
     var containerHeaderClassName = props.containerHeaderClassName, optionalElement = props.optionalElement, tableContainerClass = props.tableContainerClass, tableContainerStyle = props.tableContainerStyle, tableStyle = props.tableStyle, includeSearch = props.includeSearch, exportToExcelKeys = props.exportToExcelKeys, sumColumns = props.sumColumns, direction = props.direction, maxRowsLabel1 = props.maxRowsLabel1, maxRowsLabel2 = props.maxRowsLabel2, searchContainerClassName = props.searchContainerClassName;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(TableProvider, _object_spread_props(_object_spread({}, props), {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(TableProvider, _object_spread_props(_object_spread({}, props), {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
                 style: {
                     direction: direction
                 },
                 className: cn("flex justify-start items-center gap-2", containerHeaderClassName || ""),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", {
                         className: cn("flex justify-start items-center gap-2", searchContainerClassName),
                         children: [
-                            includeSearch && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Search, {}),
-                            exportToExcelKeys && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ExportToExcel, {})
+                            includeSearch && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Search, {}),
+                            exportToExcelKeys && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ExportToExcel, {})
                         ]
                     }),
-                    maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MaxRowsLabel, {}),
+                    maxRowsLabel1 && maxRowsLabel2 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(MaxRowsLabel, {}),
                     optionalElement && optionalElement
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", {
                 style: _object_spread_props(_object_spread({}, tableContainerStyle || {}), {
                     direction: direction
                 }),
                 className: cn("animate-slide-in-up overflow-y-auto", tableContainerClass || ""),
-                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("table", {
                     style: tableStyle,
                     className: "min-w-full text-sm font-light relative",
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableHead, {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableBody, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHead, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableBody, {})
                     ]
                 })
             }),
-            sumColumns && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Summary, {})
+            sumColumns && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Summary, {})
         ]
     }));
 };
 var areEqual = function(prevProps, nextProps) {
-    return (0, import_lodash.isEqual)(prevProps, nextProps);
+    return (0, import_lodash2.isEqual)(prevProps, nextProps);
 };
-var Table = import_react2.default.memo(TableBase, areEqual);
+var Table = import_react4.default.memo(TableBase, areEqual);
 Table.displayName = "Table";
 // src/components/table/hooks.tsx
 var useTableContext = function() {
-    var context = (0, import_react3.useContext)(TableContext);
+    var context = (0, import_react5.useContext)(TableContext);
     if (!context) {
         throw new Error("useTableContext must be used within a Table component");
     }
@@ -1196,8 +1451,8 @@ var useFilter = function(param) {
     var initFilter = filterableColumns.reduce(function(acc, col) {
         return _object_spread_props(_object_spread({}, acc), _define_property({}, col.dataKey, []));
     }, {});
-    var _ref = _sliced_to_array((0, import_react3.useState)(initFilter), 2), filters = _ref[0], setFilters = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react3.useState)(""), 2), filterPopupsDisplay = _ref1[0], setFilterPopupsDisplay = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react5.useState)(initFilter), 2), filters = _ref[0], setFilters = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react5.useState)(""), 2), filterPopupsDisplay = _ref1[0], setFilterPopupsDisplay = _ref1[1];
     var filterOptions = filterableColumns.reduce(function(acc, col) {
         acc[col.dataKey] = Array.from(new Set(data.map(function(item) {
             return item[col.dataKey];
@@ -1216,7 +1471,7 @@ var useFilter = function(param) {
         setFilters(newFilters);
     };
     var clearFilter = function() {
-        if (!(0, import_lodash2.isEqual)(filters, initFilter)) {
+        if (!(0, import_lodash3.isEqual)(filters, initFilter)) {
             setFilters(initFilter);
         }
     };
@@ -1243,8 +1498,8 @@ var useFilter = function(param) {
     };
 };
 var useSort = function() {
-    var _ref = _sliced_to_array((0, import_react3.useState)(null), 2), sortColumn = _ref[0], setSortColumn = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react3.useState)(null), 2), sortOrder = _ref1[0], setSortOrder = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react5.useState)(null), 2), sortColumn = _ref[0], setSortColumn = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react5.useState)(null), 2), sortOrder = _ref1[0], setSortOrder = _ref1[1];
     var handleSort = function(columnIndex) {
         var newSortOrder = "asc";
         if (sortColumn === columnIndex && sortOrder === "asc") {
@@ -1269,9 +1524,9 @@ var useSort = function() {
     };
 };
 var useSearch = function() {
-    var _ref = _sliced_to_array((0, import_react3.useState)(""), 2), searchQuery = _ref[0], setSearchQuery = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react3.useTransition)(), 2), isPending = _ref1[0], startTransition = _ref1[1];
-    var deferredSearchQuery = (0, import_react3.useDeferredValue)(searchQuery);
+    var _ref = _sliced_to_array((0, import_react5.useState)(""), 2), searchQuery = _ref[0], setSearchQuery = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react5.useTransition)(), 2), isPending = _ref1[0], startTransition = _ref1[1];
+    var deferredSearchQuery = (0, import_react5.useDeferredValue)(searchQuery);
     var handleSearch = function(e) {
         var value = e.target.value;
         startTransition(function() {
@@ -1293,132 +1548,9 @@ var useSearch = function() {
         deferredSearchQuery: deferredSearchQuery
     };
 };
-// src/helpers/firebase.ts
-var import_moment = __toESM(require("moment"));
-var import_app = require("firebase/app");
-var import_storage = require("firebase/storage");
-var import_auth = require("firebase/auth");
-var import_app_check = require("firebase/app-check");
-var import_firestore = require("firebase/firestore");
-var import_react4 = require("react");
-var import_meta = {};
-var initApp = function() {
-    var isNodeEnv2 = typeof process !== "undefined" && process.env;
-    var firebaseConfig = {
-        apiKey: isNodeEnv2 ? process.env.NEXT_PUBLIC_API_KEY : import_meta.env.VITE_API_KEY,
-        authDomain: isNodeEnv2 ? process.env.NEXT_PUBLIC_AUTH_DOMAIN : import_meta.env.VITE_AUTH_DOMAIN,
-        projectId: isNodeEnv2 ? process.env.NEXT_PUBLIC_PROJECT_ID : import_meta.env.VITE_PROJECT_ID,
-        storageBucket: isNodeEnv2 ? process.env.NEXT_PUBLIC_STORAGE_BUCKET : import_meta.env.VITE_STORAGE_BUCKET,
-        messagingSenderId: isNodeEnv2 ? process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID : import_meta.env.VITE_MESSAGING_SENDER_ID,
-        appId: isNodeEnv2 ? process.env.NEXT_PUBLIC_APP_ID : import_meta.env.VITE_APP_ID
-    };
-    try {
-        var app2 = (0, import_app.initializeApp)(firebaseConfig);
-        var auth2 = (0, import_auth.getAuth)(app2);
-        auth2.settings.appVerificationDisabledForTesting = false;
-        var db2 = (0, import_firestore.getFirestore)(app2);
-        var storage2 = (0, import_storage.getStorage)(app2);
-        var googleLoginProvider2 = new import_auth.GoogleAuthProvider();
-        var recaptchaSiteKey = isNodeEnv2 ? process.env.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : import_meta.env.VITE_RECAPTCHA_SITE_KEY;
-        var result = {
-            db: db2,
-            auth: auth2,
-            storage: storage2,
-            app: app2,
-            googleLoginProvider: googleLoginProvider2
-        };
-        if (recaptchaSiteKey) {
-            result.appCheck = (0, import_app_check.initializeAppCheck)(app2, {
-                provider: new import_app_check.ReCaptchaEnterpriseProvider(recaptchaSiteKey),
-                isTokenAutoRefreshEnabled: true
-            });
-        }
-        return result;
-    } catch (error) {
-        console.error("Failed to initialize Firebase app:", error);
-        return {};
-    }
-};
-var _initApp = initApp(), db = _initApp.db, auth = _initApp.auth, storage = _initApp.storage, app = _initApp.app, appCheck = _initApp.appCheck, googleLoginProvider = _initApp.googleLoginProvider;
-var collections = {
-    clients: (0, import_firestore.collection)(db, "nx-clients"),
-    sites: (0, import_firestore.collection)(db, "nx-sites"),
-    cars: (0, import_firestore.collection)(db, "units"),
-    users: (0, import_firestore.collection)(db, "nx-users"),
-    lastLocations: (0, import_firestore.collection)(db, "last_locations"),
-    ermEvents: (0, import_firestore.collection)(db, "erm_events_general"),
-    erm2Events: (0, import_firestore.collection)(db, "erm2_events_general"),
-    ruptelaEvents: (0, import_firestore.collection)(db, "ruptela_events_general"),
-    polygons: (0, import_firestore.collection)(db, "nx-polygons"),
-    polygonEvents: (0, import_firestore.collection)(db, "polygon_events"),
-    polygonCars: (0, import_firestore.collection)(db, "polygon_cars"),
-    canbus: (0, import_firestore.collection)(db, "erm_canbus_parameters"),
-    states: (0, import_firestore.collection)(db, "erm_states"),
-    app_pro_commands_queue: (0, import_firestore.collection)(db, "app_pro_commands_queue"),
-    trips: (0, import_firestore.collection)(db, "erm2_trip"),
-    tripsDetails: (0, import_firestore.collection)(db, "erm2_trip_details"),
-    audit: (0, import_firestore.collection)(db, "nx-audit"),
-    nx_settings: (0, import_firestore.collection)(db, "nx-settings"),
-    settings: (0, import_firestore.collection)(db, "settings"),
-    translations: (0, import_firestore.collection)(db, "nx-translations"),
-    nx_cars: (0, import_firestore.collection)(db, "nx-cars"),
-    boards: (0, import_firestore.collection)(db, "boards"),
-    protection_types: (0, import_firestore.collection)(db, "protectionTypes"),
-    board_types: (0, import_firestore.collection)(db, "boardTypes"),
-    charge_capacities: (0, import_firestore.collection)(db, "nx-charge-capacities")
-};
-var fire_base_TIME_TEMP = import_firestore.Timestamp.now;
-// src/helpers/global.ts
-var import_akeyless_types_commons = require("akeyless-types-commons");
-var import_axios = __toESM(require("axios"));
-// src/helpers/phoneNumber.ts
-var import_libphonenumber_js = require("libphonenumber-js");
-// src/helpers/global.ts
-var import_lodash3 = require("lodash");
-var import_meta2 = {};
-var renderOnce = function() {
-    return true;
-};
-var getLocationUrl = function(lng, lat) {
-    return "https://www.google.com/maps?q=".concat(lat, ",").concat(lng);
-};
-var isNodeEnv = typeof process !== "undefined" && process.env;
-var _ref = {
-    mode: isNodeEnv ? process.env.NEXT_PUBLIC_MODE : import_meta2.env.VITE_MODE,
-    isLocal: (isNodeEnv ? process.env.NEXT_PUBLIC_IS_LOCAL : import_meta2.env.VITE_is_local) === "true"
-}, mode = _ref.mode, isLocal = _ref.isLocal;
-// src/helpers/time_helpers.ts
-var import_firestore2 = require("firebase/firestore");
-var import_moment_timezone = __toESM(require("moment-timezone"));
-function timestamp_to_string(firebaseTimestamp, options) {
-    var date;
-    if (_instanceof(firebaseTimestamp, import_firestore2.Timestamp)) {
-        date = firebaseTimestamp.toDate();
-    } else if (_instanceof(firebaseTimestamp, Date)) {
-        date = firebaseTimestamp;
-    } else if (typeof firebaseTimestamp === "string") {
-        date = import_moment_timezone.default.utc(firebaseTimestamp, (options === null || options === void 0 ? void 0 : options.fromFormat) || "DD/MM/YYYY HH:mm:ss").toDate();
-        if (isNaN(date.getTime())) {
-            throw new Error("Invalid date string format");
-        }
-    } else {
-        throw new Error("Invalid input: firebaseTimestamp must be a Timestamp, Date, or valid date string.");
-    }
-    if (options === null || options === void 0 ? void 0 : options.tz) {
-        var result = (0, import_moment_timezone.default)(date).tz(options === null || options === void 0 ? void 0 : options.tz).format((options === null || options === void 0 ? void 0 : options.format) || "DD/MM/YYYY HH:mm:ss");
-        return result;
-    }
-    return import_moment_timezone.default.utc(date).format((options === null || options === void 0 ? void 0 : options.format) || "DD/MM/YYYY HH:mm:ss");
-}
-// src/helpers/api.ts
-var import_axios2 = __toESM(require("axios"));
-var baseDomain = mode === "qa" ? "https://nx-api.xyz/api" : "https://nx-api.info/api";
-var devicesDomain = isLocal ? "http://localhost:9001/api/devices" : baseDomain + "/devices";
-var biDomain = isLocal ? "http://localhost:9002/api/bi" : baseDomain + "/bi";
-var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseDomain + "/call-center";
 // src/components/ui/badge.tsx
 var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority.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: {
@@ -1437,7 +1569,7 @@ function Badge(_param) {
         "className",
         "variant"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", _object_spread({
         className: cn(badgeVariants({
             variant: variant
         }), className)
@@ -1447,7 +1579,7 @@ function Badge(_param) {
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
 var React3 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)("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: {
@@ -1478,7 +1610,7 @@ var Button = React3.forwardRef(function(_param, ref) {
         "asChild"
     ]);
     var Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Comp, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Comp, _object_spread({
         ref: ref,
         "data-slot": "button",
         className: cn(buttonVariants({
@@ -1491,13 +1623,13 @@ var Button = React3.forwardRef(function(_param, ref) {
 Button.displayName = "Button";
 // src/components/ui/input.tsx
 var React4 = __toESM(require("react"));
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Input = React4.forwardRef(function(_param, ref) {
     var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "type"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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
@@ -1507,7 +1639,7 @@ Input.displayName = "Input";
 // src/components/ui/progress.tsx
 var React5 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var ProgressComponent = React5.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",
@@ -1517,18 +1649,18 @@ var ProgressComponent = React5.forwardRef(function(_param, ref) {
         "showValueClassName",
         "showValue"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", {
         className: cn("relative w-full", containerClassName),
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ProgressPrimitive.Root, _object_spread_props(_object_spread({
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime11.jsx)(ProgressPrimitive.Indicator, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(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__ */ (0, import_jsx_runtime11.jsx)("div", {
+                children: showValue && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", {
                     className: cn("absolute right-1 top-[-2px] font-medium text-white", showValueClassName),
                     children: "".concat(value || 0, "%")
                 })
@@ -1541,8 +1673,8 @@ ProgressComponent.displayName = ProgressPrimitive.Root.displayName;
 var import_react_dom = __toESM(require("react-dom"));
 var import_cmdk2 = require("cmdk");
 var import_lucide_react3 = require("lucide-react");
-var import_react6 = __toESM(require("react"));
-var import_react7 = require("react");
+var import_react7 = __toESM(require("react"));
+var import_react8 = require("react");
 // src/components/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react2 = require("lucide-react");
@@ -1551,13 +1683,13 @@ var React7 = __toESM(require("react"));
 var React6 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var DialogPortal = DialogPrimitive.Portal;
 var DialogOverlay = React6.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Overlay, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(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));
@@ -1568,22 +1700,22 @@ var DialogContent = React6.forwardRef(function(_param, ref) {
         "className",
         "children"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DialogPortal, {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, {
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogOverlay, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DialogPrimitive.Content, _object_spread_props(_object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(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)
             }, props), {
                 children: [
                     children,
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DialogPrimitive.Close, {
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(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__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react.X, {
+                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react.X, {
                                 className: "h-4 w-4"
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", {
+                            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", {
                                 className: "sr-only",
                                 children: "Close"
                             })
@@ -1599,7 +1731,7 @@ var DialogHeader = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", _object_spread({
         className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className)
     }, props));
 };
@@ -1608,7 +1740,7 @@ var DialogFooter = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", _object_spread({
         className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
     }, props));
 };
@@ -1617,7 +1749,7 @@ var DialogTitle = React6.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Title, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Title, _object_spread({
         ref: ref,
         className: cn("text-lg font-semibold leading-none tracking-tight", className)
     }, props));
@@ -1627,19 +1759,19 @@ var DialogDescription = React6.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogPrimitive.Description, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(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
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Command = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command, _object_spread({
         ref: ref,
         className: cn("flex h-full w-full flex-col overflow-hidden rounded-lg bg-popover text-popover-foreground", className)
     }, props));
@@ -1650,16 +1782,16 @@ var CommandInput = React7.forwardRef(function(_param, ref) {
         "className",
         "withSearchIcon"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
         className: "flex items-center border-b border-input px-3",
         "cmdk-input-wrapper": "",
         children: [
-            withSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.Search, {
+            withSearchIcon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react2.Search, {
                 size: 20,
                 strokeWidth: 2,
                 className: "me-3 text-muted-foreground/80"
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.Input, _object_spread({
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.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))
@@ -1671,14 +1803,14 @@ var CommandList = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.List, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.List, _object_spread({
         ref: ref,
         className: cn("max-h-80 overflow-y-auto overflow-x-hidden", className)
     }, props));
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
 var CommandEmpty = React7.forwardRef(function(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.Empty, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.Empty, _object_spread({
         ref: ref,
         className: "py-6 text-center text-sm"
     }, props));
@@ -1688,7 +1820,7 @@ var CommandGroup = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.Group, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.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));
@@ -1698,7 +1830,7 @@ var CommandSeparator = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.Separator, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.Separator, _object_spread({
         ref: ref,
         className: cn("-mx-1 h-px bg-border", className)
     }, props));
@@ -1708,7 +1840,7 @@ var CommandItem = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_cmdk.Command.Item, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.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));
@@ -1718,7 +1850,7 @@ var CommandShortcut = function(_param) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("kbd", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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));
 };
@@ -3289,9 +3421,9 @@ var computePosition2 = function(reference, floating, options) {
 };
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
 var React8 = __toESM(require("react"), 1);
-var import_react5 = require("react");
+var import_react6 = require("react");
 var ReactDOM = __toESM(require("react-dom"), 1);
-var index = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
+var index = typeof document !== "undefined" ? import_react6.useLayoutEffect : import_react6.useEffect;
 function deepEqual(a, b) {
     if (a === b) {
         return true;
@@ -3556,7 +3688,7 @@ var flip3 = function(options, deps) {
     });
 };
 // src/components/ui/multiselect.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Portal2 = function(param) {
     var children = param.children;
     return import_react_dom.default.createPortal(children, document.body);
@@ -3633,7 +3765,7 @@ function isOptionsExist(groupOption, targetOption) {
     }
     return false;
 }
-var CommandEmpty2 = (0, import_react7.forwardRef)(function(_param, forwardedRef) {
+var CommandEmpty2 = (0, import_react8.forwardRef)(function(_param, forwardedRef) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -3641,7 +3773,7 @@ var CommandEmpty2 = (0, import_react7.forwardRef)(function(_param, forwardedRef)
         return state.filtered.count === 0;
     });
     if (!render) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", _object_spread({
         ref: forwardedRef,
         className: cn("px-2 py-4 text-center text-sm", className),
         "cmdk-empty": "",
@@ -3650,8 +3782,8 @@ var CommandEmpty2 = (0, import_react7.forwardRef)(function(_param, forwardedRef)
 });
 CommandEmpty2.displayName = "CommandEmpty";
 function useDebounce(value, delay) {
-    var _import_react6_default_useState = _sliced_to_array(import_react6.default.useState(value), 2), debouncedValue = _import_react6_default_useState[0], setDebouncedValue = _import_react6_default_useState[1];
-    (0, import_react7.useEffect)(function() {
+    var _import_react7_default_useState = _sliced_to_array(import_react7.default.useState(value), 2), debouncedValue = _import_react7_default_useState[0], setDebouncedValue = _import_react7_default_useState[1];
+    (0, import_react8.useEffect)(function() {
         var timer = setTimeout(function() {
             return setDebouncedValue(value);
         }, delay || 500);
@@ -3664,10 +3796,10 @@ function useDebounce(value, delay) {
     ]);
     return debouncedValue;
 }
-var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
+var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
     var value = param.value, onChange = param.onChange, placeholder = param.placeholder, tmp = param.defaultOptions, arrayDefaultOptions = tmp === void 0 ? [] : tmp, arrayOptions = param.options, delay = param.delay, onSearch = param.onSearch, onSearchSync = param.onSearchSync, loadingIndicator = param.loadingIndicator, emptyIndicator = param.emptyIndicator, _param_maxSelected = param.maxSelected, maxSelected = _param_maxSelected === void 0 ? Number.MAX_SAFE_INTEGER : _param_maxSelected, onMaxSelected = param.onMaxSelected, _param_hidePlaceholderWhenSelected = param.hidePlaceholderWhenSelected, hidePlaceholderWhenSelected = _param_hidePlaceholderWhenSelected === void 0 ? true : _param_hidePlaceholderWhenSelected, disabled = param.disabled, groupBy = param.groupBy, className = param.className, badgeClassName = param.badgeClassName, _param_selectFirstItem = param.selectFirstItem, selectFirstItem = _param_selectFirstItem === void 0 ? true : _param_selectFirstItem, createNewOptionLabel = param.createNewOptionLabel, _param_triggerSearchOnFocus = param.triggerSearchOnFocus, triggerSearchOnFocus = _param_triggerSearchOnFocus === void 0 ? true : _param_triggerSearchOnFocus, commandProps = param.commandProps, inputProps = param.inputProps, _param_hideClearAllButton = param.hideClearAllButton, hideClearAllButton = _param_hideClearAllButton === void 0 ? false : _param_hideClearAllButton, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, emptyIndicatorClassName = param.emptyIndicatorClassName, _param_unremovableOptions = param.unremovableOptions, unremovableOptions = _param_unremovableOptions === void 0 ? [] : _param_unremovableOptions, name = param.name, _param_dropdownContainerClassName = param.dropdownContainerClassName, dropdownContainerClassName = _param_dropdownContainerClassName === void 0 ? "" : _param_dropdownContainerClassName;
     var _containerRef_current;
-    var _import_react6_default_useState = _sliced_to_array(import_react6.default.useState(false), 2), isLoading = _import_react6_default_useState[0], setIsLoading = _import_react6_default_useState[1];
+    var _import_react7_default_useState = _sliced_to_array(import_react7.default.useState(false), 2), isLoading = _import_react7_default_useState[0], setIsLoading = _import_react7_default_useState[1];
     var _useFloating = useFloating({
         placement: "bottom-start",
         middleware: [
@@ -3677,20 +3809,20 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         ],
         whileElementsMounted: autoUpdate
     }), x = _useFloating.x, y = _useFloating.y, strategy = _useFloating.strategy, refs = _useFloating.refs, update = _useFloating.update;
-    var containerRef = (0, import_react7.useRef)(null);
+    var containerRef = (0, import_react8.useRef)(null);
     var setContainerRef = function(node) {
         containerRef.current = node;
         refs.setReference(node);
     };
-    var inputRef = (0, import_react7.useRef)(null);
-    var _import_react6_default_useState1 = _sliced_to_array(import_react6.default.useState(false), 2), open = _import_react6_default_useState1[0], setOpen = _import_react6_default_useState1[1];
-    var _import_react6_default_useState2 = _sliced_to_array(import_react6.default.useState(false), 2), onScrollbar = _import_react6_default_useState2[0], setOnScrollbar = _import_react6_default_useState2[1];
-    var dropdownRef = (0, import_react7.useRef)(null);
-    var _import_react6_default_useState3 = _sliced_to_array(import_react6.default.useState(value || []), 2), selected = _import_react6_default_useState3[0], setSelected = _import_react6_default_useState3[1];
-    var _import_react6_default_useState4 = _sliced_to_array(import_react6.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react6_default_useState4[0], setOptions = _import_react6_default_useState4[1];
-    var _import_react6_default_useState5 = _sliced_to_array(import_react6.default.useState(""), 2), inputValue = _import_react6_default_useState5[0], setInputValue = _import_react6_default_useState5[1];
+    var inputRef = (0, import_react8.useRef)(null);
+    var _import_react7_default_useState1 = _sliced_to_array(import_react7.default.useState(false), 2), open = _import_react7_default_useState1[0], setOpen = _import_react7_default_useState1[1];
+    var _import_react7_default_useState2 = _sliced_to_array(import_react7.default.useState(false), 2), onScrollbar = _import_react7_default_useState2[0], setOnScrollbar = _import_react7_default_useState2[1];
+    var dropdownRef = (0, import_react8.useRef)(null);
+    var _import_react7_default_useState3 = _sliced_to_array(import_react7.default.useState(value || []), 2), selected = _import_react7_default_useState3[0], setSelected = _import_react7_default_useState3[1];
+    var _import_react7_default_useState4 = _sliced_to_array(import_react7.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react7_default_useState4[0], setOptions = _import_react7_default_useState4[1];
+    var _import_react7_default_useState5 = _sliced_to_array(import_react7.default.useState(""), 2), inputValue = _import_react7_default_useState5[0], setInputValue = _import_react7_default_useState5[1];
     var debouncedSearchTerm = useDebounce(inputValue, delay || 500);
-    import_react6.default.useImperativeHandle(ref, function() {
+    import_react7.default.useImperativeHandle(ref, function() {
         return {
             selectedValue: _to_consumable_array(selected),
             input: inputRef.current,
@@ -3705,7 +3837,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
     }, [
         selected
     ]);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         if (open) {
             update();
         }
@@ -3713,14 +3845,14 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         open,
         update
     ]);
-    var handleClickOutside = (0, import_react7.useCallback)(function(event) {
+    var handleClickOutside = (0, import_react8.useCallback)(function(event) {
         if (dropdownRef.current && !dropdownRef.current.contains(event.target) && containerRef.current && !containerRef.current.contains(event.target)) {
             var _inputRef_current;
             setOpen(false);
             (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
         }
     }, []);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         if (open) {
             document.addEventListener("mousedown", handleClickOutside);
             document.addEventListener("touchend", handleClickOutside);
@@ -3736,14 +3868,14 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         open,
         handleClickOutside
     ]);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         if (value) {
             setSelected(value);
         }
     }, [
         value
     ]);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         if (!arrayOptions || onSearch) return;
         var newOption = transToGroupOption(arrayOptions || [], groupBy);
         if (JSON.stringify(newOption) !== JSON.stringify(options)) {
@@ -3756,7 +3888,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         onSearch,
         options
     ]);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         var doSearchSync = function() {
             var res = onSearchSync === null || onSearchSync === void 0 ? void 0 : onSearchSync(debouncedSearchTerm);
             setOptions(transToGroupOption(res || [], groupBy));
@@ -3790,7 +3922,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearchSync
     ]);
-    (0, import_react7.useEffect)(function() {
+    (0, import_react8.useEffect)(function() {
         var doSearch = /*#__PURE__*/ function() {
             var _ref = _async_to_generator(function() {
                 var res;
@@ -3866,7 +3998,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearch
     ]);
-    var handleUnselect = (0, import_react7.useCallback)(function(option) {
+    var handleUnselect = (0, import_react8.useCallback)(function(option) {
         if (unremovableOptions.find(function(v) {
             return (0, import_lodash4.isEqual)(v.value, option.value);
         })) {
@@ -3882,7 +4014,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         selected,
         unremovableOptions
     ]);
-    var handleKeyDown = (0, import_react7.useCallback)(function(e) {
+    var handleKeyDown = (0, import_react8.useCallback)(function(e) {
         var input = inputRef.current;
         if (input) {
             if (e.key === "Delete" || e.key === "Backspace") {
@@ -3901,7 +4033,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         handleUnselect,
         selected
     ]);
-    var combinedFloatingRef = (0, import_react7.useCallback)(function(node) {
+    var combinedFloatingRef = (0, import_react8.useCallback)(function(node) {
         if (!node) return;
         refs.setFloating(node);
         dropdownRef.current = node;
@@ -3920,7 +4052,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         })) {
             return void 0;
         }
-        var Item = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
+        var Item = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandItem, {
             value: inputValue,
             className: "cursor-pointer",
             onMouseDown: function(e) {
@@ -3952,17 +4084,17 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         }
         return void 0;
     };
-    var EmptyItem = (0, import_react7.useCallback)(function() {
+    var EmptyItem = (0, import_react8.useCallback)(function() {
         if (!emptyIndicator) return void 0;
         if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
-            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
+            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandItem, {
                 className: "",
                 value: "-",
                 disabled: true,
                 children: emptyIndicator
             });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandEmpty2, {
+        return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandEmpty2, {
             className: emptyIndicatorClassName,
             children: emptyIndicator
         });
@@ -3973,13 +4105,13 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         options,
         emptyIndicatorClassName
     ]);
-    var selectables = (0, import_react7.useMemo)(function() {
+    var selectables = (0, import_react8.useMemo)(function() {
         return removePickedOption(options, selected);
     }, [
         options,
         selected
     ]);
-    var commandFilter = (0, import_react7.useCallback)(function() {
+    var commandFilter = (0, import_react8.useCallback)(function() {
         if (commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter) {
             return commandProps.filter;
         }
@@ -3993,7 +4125,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         createNewOptionLabel,
         commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Command, _object_spread_props(_object_spread({}, commandProps), {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Command, _object_spread_props(_object_spread({}, commandProps), {
         onKeyDown: function(e) {
             var _commandProps_onKeyDown;
             handleKeyDown(e);
@@ -4003,7 +4135,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
         shouldFilter: (commandProps === null || commandProps === void 0 ? void 0 : commandProps.shouldFilter) !== void 0 ? commandProps.shouldFilter : !onSearch,
         filter: commandFilter(),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
                 ref: setContainerRef,
                 className: cn("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,
@@ -4014,11 +4146,11 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                     if (disabled) return;
                     (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
                     className: "flex flex-wrap gap-1",
                     children: [
                         selected.map(function(option) {
-                            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", {
+                            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", {
                                 className: cn("animate-fadeIn relative inline-flex h-7 cursor-default items-center rounded-md border border-solid bg-background pe-7 pl-2 ps-2 text-xs font-medium text-secondary-foreground transition-all hover:bg-background disabled:cursor-not-allowed disabled:opacity-50 data-[fixed]:pe-2 px-1", badgeClassName),
                                 "data-fixed": option.fixed,
                                 "data-disabled": disabled || void 0,
@@ -4026,7 +4158,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                                     option.label,
                                     !unremovableOptions.find(function(v) {
                                         return (0, import_lodash4.isEqual)(v.value, option.value);
-                                    }) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", {
+                                    }) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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") {
@@ -4041,7 +4173,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                                             return handleUnselect(option);
                                         },
                                         "aria-label": "Remove",
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.X, {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.X, {
                                             size: 14,
                                             strokeWidth: 2,
                                             "aria-hidden": "true"
@@ -4050,7 +4182,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                                 ]
                             }, option.value);
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk2.Command.Input, _object_spread_props(_object_spread({}, inputProps), {
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_cmdk2.Command.Input, _object_spread_props(_object_spread({}, inputProps), {
                             ref: inputRef,
                             value: inputValue,
                             disabled: disabled,
@@ -4081,7 +4213,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                                 "ml-1": selected.length !== 0
                             }, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className)
                         })),
-                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", {
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", {
                             type: "button",
                             onClick: function() {
                                 setSelected(selected.filter(function(s) {
@@ -4095,7 +4227,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                                 return s.fixed;
                             }).length === selected.length) && "hidden"),
                             "aria-label": "Clear all",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.X, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react3.X, {
                                 size: 16,
                                 strokeWidth: 2,
                                 "aria-hidden": "true"
@@ -4104,8 +4236,8 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                     ]
                 })
             }),
-            open && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Portal2, {
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", {
+            open && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Portal2, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", {
                     ref: combinedFloatingRef,
                     style: {
                         position: strategy,
@@ -4115,7 +4247,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                     },
                     className: cn("z-[9999] overflow-hidden rounded-lg border border-input", dropdownContainerClassName),
                     "data-state": open ? "open" : "closed",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandList, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandList, {
                         className: "bg-popover text-popover-foreground shadow-lg shadow-black/5 outline-none",
                         onMouseLeave: function() {
                             setOnScrollbar(false);
@@ -4127,23 +4259,23 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                             var _inputRef_current;
                             (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
                         },
-                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {
+                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, {
                             children: loadingIndicator
-                        }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, {
+                        }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, {
                             children: [
                                 EmptyItem(),
                                 CreatableItem(),
-                                !selectFirstItem && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
+                                !selectFirstItem && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(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__ */ (0, import_jsx_runtime14.jsx)(CommandGroup, {
+                                    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandGroup, {
                                         heading: key,
                                         className: cn("h-full overflow-auto", dropdownClassName),
                                         children: dropdowns.map(function(option) {
-                                            return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CommandItem, {
+                                            return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandItem, {
                                                 value: option.value,
                                                 disabled: option.disable,
                                                 onMouseDown: function(e) {
@@ -4174,7 +4306,7 @@ var MultipleSelector = (0, import_react7.forwardRef)(function(param, ref) {
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", {
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("input", {
                 value: JSON.stringify(selected),
                 type: "hidden",
                 name: name
@@ -4186,16 +4318,16 @@ MultipleSelector.displayName = "MultipleSelector";
 var multiselect_default = MultipleSelector;
 // src/components/ui/popover.tsx
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Popover(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Root, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverPrimitive.Root, _object_spread({
         "data-slot": "popover"
     }, props));
 }
 function PopoverTrigger(_param) {
     var props = _extends({}, _object_destructuring_empty(_param));
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Trigger, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverPrimitive.Trigger, _object_spread({
         "data-slot": "popover-trigger"
     }, props));
 }
@@ -4206,8 +4338,8 @@ function PopoverContent(_param) {
         "sideOffset",
         "showArrow"
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Portal, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopoverPrimitive.Content, _object_spread_props(_object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverPrimitive.Portal, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(PopoverPrimitive.Content, _object_spread_props(_object_spread({
             "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
@@ -4215,7 +4347,7 @@ function PopoverContent(_param) {
         }, props), {
             children: [
                 props.children,
-                showArrow && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Arrow, {
+                showArrow && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverPrimitive.Arrow, {
                     className: "fill-popover -my-px drop-shadow-[0_1px_0_hsl(var(--border))]"
                 })
             ]
@@ -4224,27 +4356,27 @@ function PopoverContent(_param) {
 }
 // src/components/ui/SearchSelect.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_react8 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react9 = require("react");
+var import_jsx_runtime17 = require("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 = (0, import_react8.useId)();
-    var _ref = _sliced_to_array((0, import_react8.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react8.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
-    var _ref2 = _sliced_to_array((0, import_react8.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
-    var _ref3 = _sliced_to_array((0, import_react8.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
-    (0, import_react8.useEffect)(function() {
+    var id = (0, import_react9.useId)();
+    var _ref = _sliced_to_array((0, import_react9.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react9.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react9.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react9.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
+    (0, import_react9.useEffect)(function() {
         setSelectedValue(value);
     }, [
         value
     ]);
-    var allOptions = (0, import_react8.useMemo)(function() {
+    var allOptions = (0, import_react9.useMemo)(function() {
         return _to_consumable_array(options).concat(_to_consumable_array(newOptions));
     }, [
         options,
         newOptions
     ]);
-    var filteredOptions = (0, import_react8.useMemo)(function() {
+    var filteredOptions = (0, import_react9.useMemo)(function() {
         if (!searchQuery) return allOptions;
         var query2 = searchQuery.toLowerCase().trim();
         return allOptions.filter(function(option) {
@@ -4256,7 +4388,7 @@ function SearchSelect(param) {
         allOptions,
         searchQuery
     ]);
-    var selectLabel = (0, import_react8.useMemo)(function() {
+    var selectLabel = (0, import_react9.useMemo)(function() {
         var _allOptions_find;
         return selectedValue ? ((_allOptions_find = allOptions.find(function(item) {
             return item.value === selectedValue;
@@ -4266,7 +4398,7 @@ function SearchSelect(param) {
         allOptions,
         selectPlaceholder
     ]);
-    var addNewOption = (0, import_react8.useCallback)(function() {
+    var addNewOption = (0, import_react9.useCallback)(function() {
         var newOption = {
             value: searchQuery,
             label: searchQuery
@@ -4283,22 +4415,22 @@ function SearchSelect(param) {
     }, [
         searchQuery
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
         style: {
             direction: direction
         },
         className: cn("w-full", elementClassName),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, {
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, {
                 open: open,
                 onOpenChange: function(isOpen) {
                     setOpen(isOpen);
                     if (!isOpen) setSearchQuery("");
                 },
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, {
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, {
                         asChild: true,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Button, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Button, {
                             id: id,
                             variant: "outline",
                             role: "combobox",
@@ -4306,11 +4438,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__ */ (0, import_jsx_runtime16.jsx)("span", {
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {
                                     className: cn("truncate", !selectedValue && "text-muted-foreground"),
                                     children: selectLabel
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ChevronDownIcon, {
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDownIcon, {
                                     size: 16,
                                     className: "text-muted-foreground/80 shrink-0",
                                     "aria-hidden": "true"
@@ -4318,12 +4450,12 @@ function SearchSelect(param) {
                             ]
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, {
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, {
                         className: cn("border-input w-full min-w-[var(--radix-popper-anchor-width)] p-0 bg-[#fff]"),
                         align: "start",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Command, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Command, {
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandInput, {
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandInput, {
                                     style: {
                                         direction: direction
                                     },
@@ -4339,24 +4471,24 @@ function SearchSelect(param) {
                                         }
                                     }
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandList, {
-                                    children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, {
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandList, {
+                                    children: filteredOptions.length === 0 && searchQuery !== "" ? createNewOptionLabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, {
                                         style: {
                                             direction: direction
                                         },
                                         onClick: addNewOption,
                                         className: cn("hover:bg-[#cccbcb] cursor-pointer w-full", createNewOptionContainerClassName),
-                                        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", {
+                                        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
                                             className: cn("w-full h-10 flex items-center px-2", notFoundLabelClassName),
                                             children: "".concat(createNewOptionLabel, " : ").concat(searchQuery)
                                         })
-                                    }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, {
+                                    }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, {
                                         className: cn("w-full py-2 text-center", notFoundLabelClassName),
                                         children: notFoundLabel
-                                    }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandGroup, {
+                                    }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandGroup, {
                                         className: cn("max-h-52 overflow-y-auto", dropdownClassName),
                                         children: filteredOptions.map(function(option) {
-                                            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandItem, {
+                                            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandItem, {
                                                 className: cn("hover:bg-[#cccbcb] cursor-pointer", dropdownOptionClassName, selectedValue === option.value && "bg-[#cccbcb]"),
                                                 value: JSON.stringify(option),
                                                 onSelect: function(currentValue) {
@@ -4368,7 +4500,7 @@ function SearchSelect(param) {
                                                 },
                                                 children: [
                                                     option.label,
-                                                    selectedValue === option.value && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.CheckIcon, {
+                                                    selectedValue === option.value && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.CheckIcon, {
                                                         size: 16,
                                                         className: "ml-auto"
                                                     })
@@ -4382,7 +4514,7 @@ function SearchSelect(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", {
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", {
                 name: name,
                 type: "hidden",
                 value: selectedValue
@@ -4391,7 +4523,7 @@ function SearchSelect(param) {
     });
 }
 // src/components/table/components.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var getFixedNumber = function() {
     var number = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, fix = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
     var sum_value = number % 1 === 0 ? number : number.toFixed(fix).replace(/\.?0+$/, "");
@@ -4401,14 +4533,14 @@ var TableRow2 = function(param) {
     var item = param.item, index2 = param.index;
     var _useTableContext = useTableContext(), rowStyles = _useTableContext.rowStyles, rowClassName = _useTableContext.rowClassName, keysToRender = _useTableContext.keysToRender, onRowClick = _useTableContext.onRowClick, zebraStriping = _useTableContext.zebraStriping;
     var zebraClassName = zebraStriping ? index2 % 2 === 0 ? zebraStriping.evenRowClassName || "" : zebraStriping.oddRowClassName || "bg-gray-300" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tr", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
         className: cn("hover:bg-[#808080] hover:text-[#fff]", zebraClassName, rowClassName || ""),
         onClick: function() {
             return onRowClick && onRowClick(item);
         },
         style: rowStyles,
         children: keysToRender.map(function(key, index3) {
-            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, {
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableCell, {
                 value: item[key]
             }, index3);
         })
@@ -4417,7 +4549,7 @@ var TableRow2 = function(param) {
 var TableCell = function(param) {
     var value = param.value;
     var _useTableContext = useTableContext(), cellStyle = _useTableContext.cellStyle, cellClassName = _useTableContext.cellClassName;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("td", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", {
         title: [
             "string",
             "number",
@@ -4428,60 +4560,60 @@ var TableCell = function(param) {
         children: value
     });
 };
-var Filter = (0, import_react9.memo)(function(param) {
+var Filter = (0, import_react10.memo)(function(param) {
     var filterableColumn = param.filterableColumn, index2 = param.index;
     var _filters_filterableColumn_dataKey, _filters_filterableColumn_dataKey1, _filterOptions_filterableColumn_dataKey;
     var _useTableContext = useTableContext(), direction = _useTableContext.direction, headers = _useTableContext.headers, filters = _useTableContext.filters, filterOptions = _useTableContext.filterOptions, filterPopupsDisplay = _useTableContext.filterPopupsDisplay, handleFilterChange = _useTableContext.handleFilterChange, handleFilterClick = _useTableContext.handleFilterClick, closeFilterWindow = _useTableContext.closeFilterWindow, filterLabel = _useTableContext.filterLabel;
     var displayRight = direction === "rtl" && index2 === headers.length - 1 || direction === "ltr" && index2 !== headers.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
         className: "absolute top-1 right-1 ",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
                 title: filterLabel + " " + filterableColumn.header,
                 className: "text-[12px]",
                 onClick: function() {
                     return handleFilterClick(filterableColumn.dataKey);
                 },
-                children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
-                    children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                children: filterPopupsDisplay === filterableColumn.dataKey ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
+                    children: ((_filters_filterableColumn_dataKey = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey === void 0 ? void 0 : _filters_filterableColumn_dataKey.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                         children: slashFilterSvg(true)
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                         children: emptyFilterSvg(true)
                     })
-                }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
-                    children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
+                    children: ((_filters_filterableColumn_dataKey1 = filters[filterableColumn.dataKey]) === null || _filters_filterableColumn_dataKey1 === void 0 ? void 0 : _filters_filterableColumn_dataKey1.length) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                         children: slashFilterSvg()
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                         children: emptyFilterSvg()
                     })
                 })
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 className: "relative",
-                children: filterPopupsDisplay === filterableColumn.dataKey && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+                children: filterPopupsDisplay === filterableColumn.dataKey && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("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"),
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
                             className: "flex justify-between items-center border-black border-b-[1px] w-[90%]",
                             children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                                     className: "text-start",
                                     children: filterLabel + " " + filterableColumn.header
                                 }),
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
                                     onClick: closeFilterWindow,
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RedXSvg2, {})
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RedXSvg2, {})
                                 })
                             ]
                         }),
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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.map(function(option, i) {
                                 var _filters_filterableColumn_dataKey;
-                                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+                                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
                                     className: "flex items-center px-2 justify-start hover:bg-[#547f22] hover:text-white",
                                     children: [
-                                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", {
+                                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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),
@@ -4489,7 +4621,7 @@ var Filter = (0, import_react9.memo)(function(param) {
                                                 return handleFilterChange(filterableColumn.dataKey, option);
                                             }
                                         }),
-                                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+                                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
                                             className: "flex-1 text-start px-2",
                                             onClick: function() {
                                                 return handleFilterChange(filterableColumn.dataKey, option);
@@ -4506,39 +4638,39 @@ var Filter = (0, import_react9.memo)(function(param) {
         ]
     });
 });
-var TableHead = (0, import_react9.memo)(function() {
+var TableHead = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), headers = _useTableContext.headers, headerStyle = _useTableContext.headerStyle, headerCellStyle = _useTableContext.headerCellStyle, sortColumn = _useTableContext.sortColumn, handleSort = _useTableContext.handleSort, sortKeys = _useTableContext.sortKeys, sortOrder = _useTableContext.sortOrder, _useTableContext_filterableColumns = _useTableContext.filterableColumns, filterableColumns = _useTableContext_filterableColumns === void 0 ? [] : _useTableContext_filterableColumns, sortLabel = _useTableContext.sortLabel, headerClassName = _useTableContext.headerClassName, headerCellClassName = _useTableContext.headerCellClassName;
-    var sortDisplay = (0, import_react9.useMemo)(function() {
+    var sortDisplay = (0, import_react10.useMemo)(function() {
         return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
     }, [
         sortKeys
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("thead", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", {
         className: cn("bg-[#282828] text-white sticky top-0", headerClassName),
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tr", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", {
             style: headerStyle,
             children: headers.map(function(header, index2) {
                 var filterableColumn = filterableColumns.find(function(col) {
                     return col.header === header;
                 });
-                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("th", {
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("th", {
                     title: sortDisplay ? "".concat(sortLabel, " ").concat(header) : header,
                     style: headerCellStyle,
                     className: cn("border-black border-[1px] max-w-[130px] px-2 text-center relative", headerCellClassName),
                     children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+                        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                             className: "px-2 ".concat(sortDisplay ? "cursor-pointer" : ""),
                             onClick: function() {
                                 return sortDisplay && handleSort(index2);
                             },
                             children: header
                         }),
-                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                        sortDisplay && sortColumn === index2 && (sortOrder === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                             children: sortSvg()
-                        }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
+                        }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
                             children: sortSvg(true)
                         })),
-                        filterableColumn && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Filter, {
+                        filterableColumn && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Filter, {
                             filterableColumn: filterableColumn,
                             index: index2
                         })
@@ -4548,39 +4680,39 @@ var TableHead = (0, import_react9.memo)(function() {
         })
     });
 }, renderOnce);
-var TableBody = (0, import_react9.memo)(function() {
+var TableBody = (0, import_react10.memo)(function() {
     var dataToRender = useTableContext().dataToRender;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("tbody", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", {
         className: "divide-y divide-gray-600",
         children: dataToRender.renderedData.map(function(item, index2) {
-            return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow2, {
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TableRow2, {
                 item: item,
                 index: index2
             }, index2);
         })
     });
 }, renderOnce);
-var MaxRowsLabel = (0, import_react9.memo)(function() {
+var MaxRowsLabel = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
         className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 children: maxRowsLabel1
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 children: maxRows > dataToRender.renderedData.length ? dataToRender.renderedData.length : maxRows
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 children: maxRowsLabel2
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 children: dataToRender.filtered.length
             })
         ]
     });
 }, renderOnce);
-var ExportToExcel = (0, import_react9.memo)(function() {
+var ExportToExcel = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), exportToExcelKeys = _useTableContext.exportToExcelKeys, dataToAddToExcelTable = _useTableContext.dataToAddToExcelTable, excelFileName = _useTableContext.excelFileName, dataToRender = _useTableContext.dataToRender, headers = _useTableContext.headers, sumColumns = _useTableContext.sumColumns, exportExcelTitle = _useTableContext.exportExcelTitle, exportExcelContent = _useTableContext.exportExcelContent, exportToExcelClassName = _useTableContext.exportToExcelClassName;
     var addPropertiesToExcel = function(properties) {
         var newData = _to_consumable_array(dataToRender.renderedData);
@@ -4653,16 +4785,16 @@ var ExportToExcel = (0, import_react9.memo)(function() {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
         onClick: onExportExcelClick,
         title: exportExcelTitle,
         className: cn("px-2 py-[2px] bg-[#547f22] text-white rounded-lg text-[16px]", exportToExcelClassName),
         children: exportExcelContent || exportToExcelSvg()
     });
 }, renderOnce);
-var Search = (0, import_react9.memo)(function() {
+var Search = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), searchQuery = _useTableContext.searchQuery, handleSearch = _useTableContext.handleSearch, searchPlaceHolder = _useTableContext.searchPlaceHolder, searchInputClassName = _useTableContext.searchInputClassName, searchInputStyle = _useTableContext.searchInputStyle;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", {
         className: cn("w-40 border-black border-[1px] text-lg px-2 ", searchInputClassName),
         type: "text",
         placeholder: searchPlaceHolder,
@@ -4671,19 +4803,19 @@ var Search = (0, import_react9.memo)(function() {
         style: searchInputStyle
     });
 }, renderOnce);
-var Summary = (0, import_react9.memo)(function() {
+var Summary = (0, import_react10.memo)(function() {
     var _useTableContext = useTableContext(), summaryContainerStyle = _useTableContext.summaryContainerStyle, summaryLabelStyle = _useTableContext.summaryLabelStyle, summaryLabel = _useTableContext.summaryLabel, summaryRowStyle = _useTableContext.summaryRowStyle, sumColumns = _useTableContext.sumColumns, dataToRender = _useTableContext.dataToRender, direction = _useTableContext.direction;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
         style: _object_spread_props(_object_spread({}, summaryContainerStyle), {
             direction: direction
         }),
         className: "w-full h-8 flex justify-between items-center px-3 text-[18px] font-bold",
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 style: summaryLabelStyle,
                 children: summaryLabel
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                 style: summaryRowStyle,
                 className: "flex gap-3",
                 children: sumColumns.map(function(val) {
@@ -4691,16 +4823,16 @@ var Summary = (0, import_react9.memo)(function() {
                         return acc + Number(v[val.dataKey]) || 0;
                     }, 0);
                     var sum_value = getFixedNumber(sum_res);
-                    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+                    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
                         className: "flex gap-1 justify-start",
                         children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                                 children: val.label
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {
                                 children: ":"
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
                                 children: val.ui ? val.ui(sum_value) : sum_value
                             })
                         ]
@@ -4717,7 +4849,7 @@ var TimesUI = function(param) {
         fromFormat: fromFormat,
         tz: tz
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
         style: {
             direction: "ltr"
         },
@@ -4733,22 +4865,22 @@ var TableButton = function(param) {
         edit: "fa-light fa-pen-to-square text-xl",
         delete: "fa-light fa-trash text-xl"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, {
-        children: type === "custom" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, {
+        children: type === "custom" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
             className: className,
             title: title,
             onClick: onClick,
             children: children
-        }) : type === "add" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, {
+        }) : type === "add" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, {
             title: title,
             onClick: onClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", {
                 className: cn("fa-regular fa-plus text-2xl", className)
             })
-        }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", {
             title: title,
             onClick: onClick,
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", {
                 className: cn(icon[type], className)
             })
         })
@@ -4756,7 +4888,7 @@ var TableButton = function(param) {
 };
 var DurationUI = function(param) {
     var duration = param.duration, _param_daysLabel = param.daysLabel, daysLabel = _param_daysLabel === void 0 ? "d" : _param_daysLabel, _param_hoursLabel = param.hoursLabel, hoursLabel = _param_hoursLabel === void 0 ? "h" : _param_hoursLabel, _param_minutesLabel = param.minutesLabel, minutesLabel = _param_minutesLabel === void 0 ? "m" : _param_minutesLabel, _param_secondsLabel = param.secondsLabel, secondsLabel = _param_secondsLabel === void 0 ? "s" : _param_secondsLabel, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className, direction = param.direction;
-    var _ref = (0, import_react9.useMemo)(function() {
+    var _ref = (0, import_react10.useMemo)(function() {
         var secondsInDay = 86400;
         var days = Math.floor(duration / secondsInDay);
         var remainderAfterDays = duration % secondsInDay;
@@ -4777,14 +4909,14 @@ var DurationUI = function(param) {
     }, [
         duration
     ]), daysStr = _ref.daysStr, hoursStr = _ref.hoursStr, minutesStr = _ref.minutesStr, secondsStr = _ref.secondsStr;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
         title: "".concat(daysStr, " ").concat(daysLabel, " ").concat(hoursStr, " ").concat(hoursLabel, " ").concat(minutesStr, " ").concat(minutesLabel, " ").concat(secondsStr, " ").concat(secondsLabel).trim(),
         style: {
             direction: "ltr"
         },
         className: cn("flex gap-1 ".concat(direction === "rtl" ? "justify-end" : "justify-start"), className),
         children: [
-            daysStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", {
+            daysStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", {
                 style: {
                     display: "inline-block"
                 },
@@ -4794,7 +4926,7 @@ var DurationUI = function(param) {
                     daysLabel
                 ]
             }),
-            hoursStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", {
+            hoursStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", {
                 style: {
                     display: "inline-block"
                 },
@@ -4804,7 +4936,7 @@ var DurationUI = function(param) {
                     hoursLabel
                 ]
             }),
-            minutesStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", {
+            minutesStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", {
                 style: {
                     display: "inline-block"
                 },
@@ -4814,7 +4946,7 @@ var DurationUI = function(param) {
                     minutesLabel
                 ]
             }),
-            secondsStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", {
+            secondsStr !== "00" && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", {
                 style: {
                     display: "inline-block"
                 },
@@ -4829,7 +4961,7 @@ var DurationUI = function(param) {
 };
 var PhoneUI = function(param) {
     var phone = param.phone, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
         style: {
             direction: "ltr"
         },
@@ -4840,9 +4972,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__ */ (0, import_jsx_runtime17.jsx)("i", {
+    return value ? trueUi !== null && trueUi !== void 0 ? trueUi : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", {
         className: cn("fa-light fa-check  ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
-    }) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("i", {
+    }) : falseUi !== null && falseUi !== void 0 ? falseUi : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("i", {
         className: cn("fa-light fa-xmark  ".concat(size3 === "small" ? "text-lg" : "text-2xl"), className)
     });
 };
@@ -4852,7 +4984,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__ */ (0, import_jsx_runtime17.jsx)("a", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("a", {
         href: googleMapsLink,
         target: "_blank",
         className: cn("_ellipsis text-blue-500 hover:text-blue-700 underline", className),
@@ -4862,7 +4994,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__ */ (0, import_jsx_runtime17.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", {
         style: {
             direction: "ltr"
         },
@@ -4872,15 +5004,15 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 // src/components/forms/ModularForm/formElements.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 var import_lucide_react5 = require("lucide-react");
-var import_react10 = require("react");
+var import_react11 = require("react");
 var RPNInput = __toESM(require("react-phone-number-input"));
 var import_flags = __toESM(require("react-phone-number-input/flags"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("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;
     var handleKeyDown = function(e) {
@@ -4890,8 +5022,8 @@ function InternationalPhonePicker(param) {
             }
         }
     };
-    var _ref = _sliced_to_array((0, import_react10.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
-    (0, import_react10.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react11.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
+    (0, import_react11.useEffect)(function() {
         if (defaultValue) {
             if (setPhoneValue) {
                 setPhoneValue(defaultValue);
@@ -4903,19 +5035,19 @@ function InternationalPhonePicker(param) {
         defaultValue,
         setPhoneValue
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
         style: {
             direction: direction
         },
         className: cn("space-y-2", "".concat(labelContent ? "flex gap-1 items-center" : ""), containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(RPNInput.default, {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RPNInput.default, {
                 style: {
                     direction: "ltr"
                 },
@@ -4948,7 +5080,7 @@ function InternationalPhonePicker(param) {
                     setTempPhoneValue(newValue !== null && newValue !== void 0 ? newValue : "");
                 }
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", {
                 type: "hidden",
                 name: name,
                 value: tempPhoneValue
@@ -4956,20 +5088,20 @@ function InternationalPhonePicker(param) {
         ]
     });
 }
-var PhoneInput = (0, import_react10.forwardRef)(function(_param, ref) {
+var PhoneInput = (0, import_react11.forwardRef)(function(_param, ref) {
     var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, props = _object_without_properties(_param, [
         "className",
         "onKeyDown",
         "defaultValue",
         "style"
     ]);
-    var inputRef = (0, import_react10.useRef)(null);
-    (0, import_react10.useEffect)(function() {
+    var inputRef = (0, import_react11.useRef)(null);
+    (0, import_react11.useEffect)(function() {
         if (inputRef.current) {
             inputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Input, _object_spread({
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Input, _object_spread({
         className: cn("-ms-px rounded-s-none shadow-none focus-visible:z-10 h-full", className),
         onKeyDown: onKeyDown,
         defaultValue: defaultValue,
@@ -4990,24 +5122,24 @@ var CountrySelect = function(param) {
     var handleSelect = function(event) {
         onChange(event.target.value);
     };
-    var originalClassName = (0, import_react10.useMemo)(function() {
+    var originalClassName = (0, import_react11.useMemo)(function() {
         return "relative inline-flex items-center self-stretch rounded-s-lg border border-input bg-background py-2 pe-2 ps-3 text-muted-foreground transition-shadow focus-within:z-10 focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20 hover:bg-accent hover:text-foreground has-[:disabled]:pointer-events-none has-[:disabled]:opacity-50";
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
         className: cn(originalClassName, className),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
                 className: "inline-flex items-center gap-1",
                 "aria-hidden": "true",
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FlagComponent, {
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(FlagComponent, {
                         country: value,
                         countryName: value,
                         "aria-hidden": "true"
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
                         className: "text-muted-foreground/80",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronDown, {
+                        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.ChevronDown, {
                             size: 16,
                             strokeWidth: 2,
                             "aria-hidden": "true"
@@ -5015,7 +5147,7 @@ var CountrySelect = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("select", {
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("select", {
                 disabled: disabled,
                 value: value,
                 onChange: handleSelect,
@@ -5025,7 +5157,7 @@ var CountrySelect = function(param) {
                     return x.value;
                 }).map(function(option, i) {
                     var _option_value;
-                    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("option", {
+                    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("option", {
                         className: "text-black",
                         value: option.value,
                         children: [
@@ -5042,20 +5174,20 @@ var CountrySelect = function(param) {
 var FlagComponent = function(param) {
     var country = param.country, countryName = param.countryName;
     var Flag = import_flags.default[country];
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
         className: "w-5 overflow-hidden rounded-sm",
-        children: Flag ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Flag, {
+        children: Flag ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Flag, {
             title: countryName
-        }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.Phone, {
+        }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.Phone, {
             size: 16,
             "aria-hidden": "true"
         })
     });
 };
 // src/components/forms/ModularForm/formElements.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var useSortValues = function(options, sortDirection, sortAsNumber) {
-    var sortOptions = (0, import_react11.useMemo)(function() {
+    var sortOptions = (0, import_react12.useMemo)(function() {
         var sorted = sortAsNumber ? options.sort(function(a, b) {
             return parseInt(b.label) - parseInt(a.label);
         }) : options.sort(function(a, b) {
@@ -5071,30 +5203,30 @@ var useSortValues = function(options, sortDirection, sortAsNumber) {
 };
 var InputContainer = function(param) {
     var validationError = param.validationError, _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_inputType = param.inputType, inputType = _param_inputType === void 0 ? "text" : _param_inputType, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_validationName = param.validationName, validationName = _param_validationName === void 0 ? "textNumbers" : _param_validationName, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction, value = param.value;
-    var handleChangeFunction = (0, import_react11.useCallback)(function(e) {
+    var handleChangeFunction = (0, import_react12.useCallback)(function(e) {
         handleChange(e);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [
         onChange
     ]);
-    var validationProps = (0, import_react11.useMemo)(function() {
+    var validationProps = (0, import_react12.useMemo)(function() {
         return _object_spread_props(_object_spread({}, useValidation(validationName, validationError)), {
             onChange: handleChangeFunction
         });
     }, [
         handleChangeFunction
     ]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
         className: cn("center", containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 direction: direction,
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
                 minLength: minLength,
                 placeholder: placeholder,
                 className: cn("w-[70%] bg-inherit border-b-[1px] border-black px-2", elementClassName),
@@ -5116,44 +5248,44 @@ var SelectContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react11.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react12.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react12.useState)(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
     var handleOptionClick = function(value) {
         setSelectedValue(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
         setIsOpen(false);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
         className: cn("center", containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 direction: direction,
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
                 className: cn("w-[70%] relative", elementClassName),
                 onClick: function() {
                     return setIsOpen(!isOpen);
                 },
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                         className: "border-b-[1px] border-black max-h-6 cursor-pointer",
                         children: ((_options_find = options.find(function(opt) {
                             return opt.value === selectedValue;
                         })) === null || _options_find === void 0 ? void 0 : _options_find.label) || selectedValue
                     }),
-                    isOpen ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", {
+                    isOpen ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", {
                         className: "fa-light fa-chevron-up absolute top-[1px] left-1 cursor-pointer"
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("i", {
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("i", {
                         className: "fa-light fa-chevron-down absolute top-[1px] left-1 cursor-pointer"
                     }),
-                    isOpen && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+                    isOpen && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime19.jsx)("div", {
+                            return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                                 className: "p-2 cursor-pointer hover:bg-gray-200 ".concat(optionClassName),
                                 onClick: function() {
                                     return handleOptionClick(option.value);
@@ -5162,7 +5294,7 @@ var SelectContainer = function(param) {
                             }, option.value);
                         })
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", {
+                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", {
                         value: selectedValue,
                         type: "hidden",
                         name: name,
@@ -5176,17 +5308,17 @@ var SelectContainer = function(param) {
 function MultiSelect(param) {
     var onChange = param.onChange, selectedOptions = param.selectedOptions, emptyOptionsElement = param.emptyOptionsElement, unremovableOptions = param.unremovableOptions, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_styles = param.styles, styles = _param_styles === void 0 ? {} : _param_styles, _param_name = param.name, name = _param_name === void 0 ? "multipleSelect" : _param_name, _param_placeholder = param.placeholder, placeholder = _param_placeholder === void 0 ? "Select items" : _param_placeholder, labelContent = param.labelContent, required = param.required, labelClassName = param.labelClassName, groupBy = param.groupBy, onSearch = param.onSearch, onSearchSync = param.onSearchSync, triggerSearchOnFocus = param.triggerSearchOnFocus, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, searchInputProps = param.searchInputProps;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
         className: cn("".concat(labelContent ? "flex gap-1 items-center" : ""), styles.containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 direction: direction,
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(multiselect_default, {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(multiselect_default, {
                 commandProps: {
                     label: placeholder
                 },
@@ -5207,7 +5339,7 @@ function MultiSelect(param) {
                 className: styles.className,
                 dropdownClassName: styles.dropdownClassName,
                 dropdownOptionClassName: styles.dropdownOptionClassName,
-                emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", {
+                emptyIndicator: emptyOptionsElement || /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", {
                     className: "text-center text-sm",
                     children: "all options selected."
                 }),
@@ -5221,17 +5353,17 @@ function MultiSelect(param) {
 var SelectWithSearch = function(param) {
     var options = param.options, labelClassName = param.labelClassName, labelContent = param.labelContent, name = param.name, onChange = param.onChange, value = param.value, placeholder = param.placeholder, required = param.required, defaultValue = param.defaultValue, notFoundLabel = param.notFoundLabel, searchPlaceholder = param.searchPlaceholder, containerClassName = param.containerClassName, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, elementClassName = param.elementClassName, notFoundLabelClassName = param.notFoundLabelClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, disabled = param.disabled, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
         className: cn("flex justify-between items-center w-full", containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 direction: direction,
                 labelContent: labelContent,
                 labelClassName: labelClassName,
                 name: name,
                 required: required
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SearchSelect, {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SearchSelect, {
                 direction: direction,
                 createNewOptionLabel: createNewOptionLabel,
                 createNewOptionContainerClassName: createNewOptionContainerClassName,
@@ -5257,10 +5389,10 @@ var SelectWithSearch = function(param) {
 };
 var TextAreaContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, placeholder = param.placeholder, props = param.props, minLength = param.minLength, onKeyDown = param.onKeyDown, onChange = param.onChange, direction = param.direction;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
         className: cn("flex flex-col gap-2 items-center", containerClassName),
         children: [
-            labelContent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ElementLabel, {
+            labelContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ElementLabel, {
                 direction: direction,
                 labelContent: labelContent,
                 labelClassName: "w-fit text-xl px-2 border-b-2 border-[#000] text-center ".concat(labelClassName),
@@ -5268,7 +5400,7 @@ var TextAreaContainer = function(param) {
                 required: required,
                 withDots: false
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("textarea", _object_spread_props(_object_spread({}, props), {
                 onChange: onChange,
                 minLength: minLength,
                 placeholder: placeholder,
@@ -5283,28 +5415,28 @@ var TextAreaContainer = function(param) {
 };
 var ElementLabel = function(param) {
     var labelContent = param.labelContent, labelClassName = param.labelClassName, name = param.name, required = param.required, _param_withDots = param.withDots, withDots = _param_withDots === void 0 ? true : _param_withDots, direction = param.direction;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", {
         style: {
             direction: direction
         },
         className: cn("text-start w-[30%] flex gap-0.5", labelClassName),
         htmlFor: name,
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                 children: labelContent
             }),
-            required && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+            required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                 className: "text-red-500",
                 children: "*"
             }),
-            withDots && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", {
+            withDots && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
                 children: ":"
             })
         ]
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("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) {
@@ -5318,8 +5450,8 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName;
-    var _ref = _sliced_to_array((0, import_react12.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react12.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
+    var _ref = _sliced_to_array((0, import_react13.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react13.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var form, err;
@@ -5381,66 +5513,66 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
         onSubmit: onSubmit,
         style: {
             direction: direction
         },
         className: cn("w-[350px] px-5 py-5 flex flex-col gap-5", formClassName),
         children: [
-            headerContent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+            headerContent && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                 className: cn("border-b-2 border-[#547f22] pb-2 text-start font-bold text-[20px]", headerClassName),
                 children: headerContent
             }),
             elements.map(function(element, index2) {
                 switch(element.type){
                     case "input":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InputContainer, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InputContainer, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "textarea":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TextAreaContainer, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "select":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectContainer, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContainer, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "multiSelect":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MultiSelect, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MultiSelect, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "selectWithSearch":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectWithSearch, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "internationalPhoneInput":
-                        return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
+                        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(InternationalPhonePicker, _object_spread_props(_object_spread({}, element), {
                             direction: direction
                         }), index2);
                     case "custom":
                         var _element_element;
-                        return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react12.cloneElement)(element.element, {
+                        return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react13.cloneElement)(element.element, {
                             key: index2
                         });
                     default:
                         return null;
                 }
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
                 className: cn("flex justify-between w-full", footerClassName),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", {
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
                         title: errorMsg,
                         className: cn("text-[#f22] text-[18px] max-w-[80%] ellipsis", errorClassName),
                         children: errorMsg
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
                         ref: submitRef,
                         disabled: isLoading,
                         className: cn("bg-[#547f22] px-3 py-1 rounded-lg text-white min-w-20", buttonClassName),
                         type: "submit",
-                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Loader, {
+                        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader, {
                             size: 25,
                             color: "#fff"
                         }) : buttonContent
@@ -5452,32 +5584,32 @@ var ModularForm = function(param) {
 };
 var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_moment2 = __toESM(require("moment"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("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;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
         style: {
             direction: direction,
             padding: "30px"
         },
         className: cn("w-full h-full flex flex-col gap-3", containerClassName),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
                 className: cn("text-lg font-bold", headlineClassName),
                 children: headline
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", {
                 className: cn("flex justify-center items-center gap-2 w-full", buttonsContainerClassName),
                 children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
                         onClick: onX,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(RedXSvg, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(RedXSvg, {})
                     }),
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
                         onClick: onV,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GreenVSvg, {})
+                        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(GreenVSvg, {})
                     })
                 ]
             })
@@ -5497,7 +5629,7 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
-    var _ref = _sliced_to_array((0, import_react13.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var _ref = _sliced_to_array((0, import_react14.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             return _ts_generator(this, function(_state) {
@@ -5522,19 +5654,19 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", {
         style: {
             direction: direction
         },
         onSubmit: onSubmit,
         className: cn("w-full h-10 flex justify-start gap-3 items-center ", formClassName),
         children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
                 className: cn("center text-[14px] relative gap-2", labelsClassName),
                 htmlFor: "from",
                 children: [
                     fromText,
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "from",
@@ -5542,12 +5674,12 @@ var DatePicker = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", {
                 className: cn("center text-[14px] relative gap-2 ", labelsClassName),
                 htmlFor: "to",
                 children: [
                     toText,
-                    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", {
+                    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", {
                         className: "w-[125px] text-[14px] py-[2px] px-1 rounded-[2px] border-black border-[1px] text-end ".concat(inputsClassName),
                         type: "date",
                         name: "to",
@@ -5555,12 +5687,12 @@ var DatePicker = function(param) {
                     })
                 ]
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", {
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", {
                 disabled: isLoading,
                 style: buttonStyle,
                 className: cn("bg-[#699a2c] text-[#fff] font-[500] w-[75px] h-[27px]", buttonClassName),
                 type: "submit",
-                children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Loader, {
+                children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Loader, {
                     className: "pt-[2px]",
                     size: 20,
                     color: "#fff"
@@ -5571,19 +5703,19 @@ var DatePicker = function(param) {
 };
 // src/components/CodeInput.tsx
 var import_input_otp = require("input-otp");
-var import_react14 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime23 = require("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;
-    var firstInputRef = (0, import_react14.useRef)(null);
-    (0, import_react14.useEffect)(function() {
+    var firstInputRef = (0, import_react15.useRef)(null);
+    (0, import_react15.useEffect)(function() {
         if (firstInputRef.current) {
             firstInputRef.current.focus();
         }
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
         className: cn("space-y-2 flex justify-center items-center", className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_input_otp.OTPInput, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_input_otp.OTPInput, {
             ref: firstInputRef,
             value: codeValue,
             onChange: function(newVal) {
@@ -5593,10 +5725,10 @@ function CodeInput(param) {
             maxLength: 6,
             render: function(param) {
                 var slots = param.slots;
-                return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+                return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
                     className: cn("flex gap-5", slotContainerClassName),
                     children: slots.map(function(slot, idx) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Slot2, _object_spread({}, slot), idx);
+                        return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Slot2, _object_spread({}, slot), idx);
                     })
                 });
             }
@@ -5604,11 +5736,11 @@ function CodeInput(param) {
     });
 }
 function Slot2(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("div", {
+        children: props.char !== null && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", {
             children: props.char
         })
     });
@@ -5632,6 +5764,7 @@ function Slot2(props) {
     InputContainer: InputContainer,
     InternationalPhonePicker: InternationalPhonePicker,
     Loader: Loader,
+    LoginWithGoogleButton: LoginWithGoogleButton,
     MaxRowsLabel: MaxRowsLabel,
     ModularForm: ModularForm,
     MultiSelect: MultiSelect,