akeyless-client-commons 1.0.127 → 1.0.129

package/dist/components/index.js

@@ -562,114 +562,6 @@ __export(index_exports, {
     }
 });
 module.exports = __toCommonJS(index_exports);
-// src/components/utils/Checkboxes.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Checkbox = function(param) {
-    var id = param.id, checked = param.checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, style = param.style;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        className: "checkbox-wrapper-51",
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-                type: "checkbox",
-                id: id,
-                className: "hidden",
-                checked: checked,
-                onChange: function() {
-                    return setChecked(!checked);
-                }
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
-                htmlFor: id,
-                className: "relative block w-[42px] h-[24px] cursor-pointer transform-gpu",
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        className: "relative top-[1px] left-[1px] w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(checked ? "bg-[#52d66b]" : "bg-[#c8ccd4]")
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                        className: "absolute ".concat(rotate ? "left-0" : "right-0", " top-0  w-[24px] h-[24px] bg-white rounded-full shadow-md transition-transform duration-200 ease-in-out ").concat(checked ? rotate ? "translate-x-[18px]" : "-translate-x-[18px]" : ""),
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
-                            width: "10px",
-                            height: "10px",
-                            viewBox: "0 0 10 10",
-                            className: "m-[7px] fill-none",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
-                                d: "M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z",
-                                strokeWidth: "2",
-                                strokeLinecap: "round",
-                                strokeLinejoin: "round",
-                                className: "transition-all duration-500 linear",
-                                stroke: checked ? "#52d66b" : "#c8ccd4",
-                                style: {
-                                    strokeDasharray: checked ? "25" : "24",
-                                    strokeDashoffset: checked ? "25" : "0"
-                                }
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-// src/components/utils/ErrorBoundary.tsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ErrorBoundary = /*#__PURE__*/ function(_import_react_default_Component) {
-    "use strict";
-    _inherits(ErrorBoundary, _import_react_default_Component);
-    function ErrorBoundary(props) {
-        _class_call_check(this, ErrorBoundary);
-        var _this;
-        _this = _call_super(this, ErrorBoundary, [
-            props
-        ]);
-        _this.state = {
-            hasError: false,
-            error: null,
-            errorInfo: null
-        };
-        return _this;
-    }
-    _create_class(ErrorBoundary, [
-        {
-            key: "componentDidCatch",
-            value: function componentDidCatch(error, errorInfo) {
-                console.error("Error:", error);
-                console.log("Error Info:", errorInfo);
-                this.setState({
-                    errorInfo: errorInfo
-                });
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                if (this.state.hasError) {
-                    return this.props.fallback || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
-                        className: "full center",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", {
-                            children: "\u05DE\u05E9\u05D4\u05D5 \u05D4\u05E9\u05EA\u05D1\u05E9...."
-                        })
-                    });
-                }
-                return this.props.children;
-            }
-        }
-    ], [
-        {
-            key: "getDerivedStateFromError",
-            value: function getDerivedStateFromError(error) {
-                return {
-                    hasError: true,
-                    error: error
-                };
-            }
-        }
-    ]);
-    return ErrorBoundary;
-}(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");
@@ -677,7 +569,7 @@ 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_react = require("react");
 // src/helpers/phoneNumber.ts
 var import_libphonenumber_js = require("libphonenumber-js");
 var local_israel_phone_format = function(international_number) {
@@ -766,7 +658,7 @@ var initApp = function() {
 };
 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 signInWithGoogle = (0, import_react.useCallback)(/*#__PURE__*/ _async_to_generator(function() {
         var result, user;
         return _ts_generator(this, function(_state) {
             switch(_state.label){
@@ -1224,7 +1116,126 @@ var baseDomain = mode === "qa" ? "https://nx-api.xyz/api" : "https://nx-api.info
 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/Checkboxes.tsx
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Checkbox = function(param) {
+    var id = param.id, checked = param.checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name;
+    var isControlled = typeof checked === "boolean" && typeof setChecked === "function";
+    var _ref = _sliced_to_array((0, import_react2.useState)(false), 2), internalChecked = _ref[0], setInternalChecked = _ref[1];
+    var actualChecked = isControlled ? checked : internalChecked;
+    var toggleChecked = function() {
+        if (isControlled) {
+            setChecked(!checked);
+        } else {
+            setInternalChecked(function(prev) {
+                return !prev;
+            });
+        }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+        className: containerClassName,
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
+                name: name,
+                type: "checkbox",
+                id: id,
+                className: "hidden",
+                checked: actualChecked,
+                onChange: toggleChecked
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
+                htmlFor: id,
+                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                        className: cn("relative top-[1px] left-[1px] w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(actualChecked ? "bg-[#52d66b]" : "bg-[#c8ccd4]"), elementClassName)
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                        className: cn("absolute ".concat(rotate ? "left-0" : "right-0", " top-0 w-[24px] h-[24px] bg-white rounded-full shadow-md transition-transform duration-200 ease-in-out ").concat(actualChecked ? rotate ? "translate-x-[18px]" : "-translate-x-[18px]" : ""), circleClassName),
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
+                            width: "10px",
+                            height: "10px",
+                            viewBox: "0 0 10 10",
+                            className: "m-[7px] fill-none",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+                                d: "M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                className: "transition-all duration-500 linear",
+                                stroke: actualChecked ? "#52d66b" : "#c8ccd4",
+                                style: {
+                                    strokeDasharray: actualChecked ? "25" : "24",
+                                    strokeDashoffset: actualChecked ? "25" : "0"
+                                }
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+// src/components/utils/ErrorBoundary.tsx
+var import_react3 = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ErrorBoundary = /*#__PURE__*/ function(_import_react3_default_Component) {
+    "use strict";
+    _inherits(ErrorBoundary, _import_react3_default_Component);
+    function ErrorBoundary(props) {
+        _class_call_check(this, ErrorBoundary);
+        var _this;
+        _this = _call_super(this, ErrorBoundary, [
+            props
+        ]);
+        _this.state = {
+            hasError: false,
+            error: null,
+            errorInfo: null
+        };
+        return _this;
+    }
+    _create_class(ErrorBoundary, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                console.error("Error:", error);
+                console.log("Error Info:", errorInfo);
+                this.setState({
+                    errorInfo: errorInfo
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                if (this.state.hasError) {
+                    return this.props.fallback || /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                        className: "full center",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", {
+                            children: "\u05DE\u05E9\u05D4\u05D5 \u05D4\u05E9\u05EA\u05D1\u05E9...."
+                        })
+                    });
+                }
+                return this.props.children;
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(error) {
+                return {
+                    hasError: true,
+                    error: error
+                };
+            }
+        }
+    ]);
+    return ErrorBoundary;
+}(import_react3.default.Component);
 // src/components/utils/loaders.tsx
+var import_react_spinners = require("react-spinners");
 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;
@@ -1251,7 +1262,7 @@ var Version = function(param) {
     });
 };
 // src/components/utils/LoginWithGoogle.tsx
-var import_react3 = require("react");
+var import_react4 = 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;
@@ -1286,7 +1297,7 @@ var LoginWithGoogleButton = function(param) {
         color: "#000"
     } : _param_loaderProps, googleSvgProps = param.googleSvgProps, buttonProps = param.buttonProps, appName = param.appName;
     var signInWithGoogle = useLoginWithGoogle();
-    var _ref = _sliced_to_array((0, import_react3.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var _ref = _sliced_to_array((0, import_react4.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
     var onLoginClick = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var user, dbUser, token, userPermissions, error;
@@ -1378,7 +1389,7 @@ var LoginWithGoogleButton = function(param) {
 // src/components/table/components.tsx
 var import_exceljs = __toESM(require("exceljs"));
 var import_file_saver = require("file-saver");
-var import_react10 = require("react");
+var import_react11 = require("react");
 // src/assets/svg.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var RedXSvg = function(param) {
@@ -1626,14 +1637,14 @@ var exportToExcelSvg = function(width, height, viewBox) {
     });
 };
 // src/components/table/hooks.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_zustand = require("zustand");
 var import_lodash3 = require("lodash");
 // src/components/table/Table.tsx
-var import_react4 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_lodash2 = require("lodash");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var TableContext = (0, import_react4.createContext)(null);
+var TableContext = (0, import_react5.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
@@ -1654,7 +1665,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_react4.useMemo)(function() {
+    var allKeys = (0, import_react5.useMemo)(function() {
         return Array.from(data.reduce(function(keys, obj) {
             Object.keys(obj).forEach(function(key) {
                 return keys.add(key);
@@ -1664,7 +1675,7 @@ var TableProvider = function(props) {
     }, [
         data
     ]);
-    var dataToRender = (0, import_react4.useMemo)(function() {
+    var dataToRender = (0, import_react5.useMemo)(function() {
         var filtered = data;
         if (includeSearch && deferredSearchQuery.length > 0) {
             var cleanString = function(str) {
@@ -1787,11 +1798,11 @@ var TableBase = function(props) {
 var areEqual = function(prevProps, nextProps) {
     return (0, import_lodash2.isEqual)(prevProps, nextProps);
 };
-var Table = import_react4.default.memo(TableBase, areEqual);
+var Table = import_react5.default.memo(TableBase, areEqual);
 Table.displayName = "Table";
 // src/components/table/hooks.tsx
 var useTableContext = function() {
-    var context = (0, import_react5.useContext)(TableContext);
+    var context = (0, import_react6.useContext)(TableContext);
     if (!context) {
         throw new Error("useTableContext must be used within a Table component");
     }
@@ -1802,8 +1813,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_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 _ref = _sliced_to_array((0, import_react6.useState)(initFilter), 2), filters = _ref[0], setFilters = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react6.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];
@@ -1849,8 +1860,8 @@ var useFilter = function(param) {
     };
 };
 var useSort = function() {
-    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 _ref = _sliced_to_array((0, import_react6.useState)(null), 2), sortColumn = _ref[0], setSortColumn = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react6.useState)(null), 2), sortOrder = _ref1[0], setSortOrder = _ref1[1];
     var handleSort = function(columnIndex) {
         var newSortOrder = "asc";
         if (sortColumn === columnIndex && sortOrder === "asc") {
@@ -1875,16 +1886,16 @@ var useSort = function() {
     };
 };
 var useDisplayToggle = function() {
-    var _ref = _sliced_to_array((0, import_react5.useState)(false), 2), displayAllRows = _ref[0], setDisplayAllRows = _ref[1];
+    var _ref = _sliced_to_array((0, import_react6.useState)(false), 2), displayAllRows = _ref[0], setDisplayAllRows = _ref[1];
     return {
         displayAllRows: displayAllRows,
         setDisplayAllRows: setDisplayAllRows
     };
 };
 var useSearch = function() {
-    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 _ref = _sliced_to_array((0, import_react6.useState)(""), 2), searchQuery = _ref[0], setSearchQuery = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react6.useTransition)(), 2), isPending = _ref1[0], startTransition = _ref1[1];
+    var deferredSearchQuery = (0, import_react6.useDeferredValue)(searchQuery);
     var handleSearch = function(e) {
         var value = e.target.value;
         startTransition(function() {
@@ -1936,7 +1947,7 @@ function Badge(_param) {
 // src/components/ui/button.tsx
 var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority2 = require("class-variance-authority");
-var React3 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 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: {
@@ -1960,7 +1971,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)("inline-flex item
         size: "default"
     }
 });
-var Button = React3.forwardRef(function(_param, ref) {
+var Button = React4.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, size3 = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
         "className",
         "variant",
@@ -1980,9 +1991,9 @@ var Button = React3.forwardRef(function(_param, ref) {
 });
 Button.displayName = "Button";
 // src/components/ui/input.tsx
-var React4 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Input = React4.forwardRef(function(_param, ref) {
+var Input = React5.forwardRef(function(_param, ref) {
     var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "type"
@@ -1995,10 +2006,10 @@ var Input = React4.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 // src/components/ui/progress.tsx
-var React5 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var ProgressComponent = React5.forwardRef(function(_param, ref) {
+var ProgressComponent = React6.forwardRef(function(_param, ref) {
     var className = _param.className, value = _param.value, containerClassName = _param.containerClassName, indicatorClassName = _param.indicatorClassName, showValueClassName = _param.showValueClassName, _param_showValue = _param.showValue, showValue = _param_showValue === void 0 ? false : _param_showValue, props = _object_without_properties(_param, [
         "className",
         "value",
@@ -2031,19 +2042,19 @@ 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_react7 = __toESM(require("react"));
-var import_react8 = require("react");
+var import_react8 = __toESM(require("react"));
+var import_react9 = require("react");
 // src/components/ui/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react2 = require("lucide-react");
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 // src/components/ui/dialog.tsx
-var React6 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React6.forwardRef(function(_param, ref) {
+var DialogOverlay = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2053,7 +2064,7 @@ var DialogOverlay = React6.forwardRef(function(_param, ref) {
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React6.forwardRef(function(_param, ref) {
+var DialogContent = React7.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
@@ -2103,7 +2114,7 @@ var DialogFooter = function(_param) {
     }, props));
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(function(_param, ref) {
+var DialogTitle = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2113,7 +2124,7 @@ var DialogTitle = React6.forwardRef(function(_param, ref) {
     }, props));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(function(_param, ref) {
+var DialogDescription = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2125,7 +2136,7 @@ var DialogDescription = React6.forwardRef(function(_param, ref) {
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/command.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var Command = React7.forwardRef(function(_param, ref) {
+var Command = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2135,7 +2146,7 @@ var Command = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React7.forwardRef(function(_param, ref) {
+var CommandInput = React8.forwardRef(function(_param, ref) {
     var className = _param.className, withSearchIcon = _param.withSearchIcon, props = _object_without_properties(_param, [
         "className",
         "withSearchIcon"
@@ -2157,7 +2168,7 @@ var CommandInput = React7.forwardRef(function(_param, ref) {
     });
 });
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React7.forwardRef(function(_param, ref) {
+var CommandList = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2167,14 +2178,14 @@ var CommandList = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React7.forwardRef(function(props, ref) {
+var CommandEmpty = React8.forwardRef(function(props, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_cmdk.Command.Empty, _object_spread({
         ref: ref,
         className: "py-6 text-center text-sm"
     }, props));
 });
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React7.forwardRef(function(_param, ref) {
+var CommandGroup = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2184,7 +2195,7 @@ var CommandGroup = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React7.forwardRef(function(_param, ref) {
+var CommandSeparator = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -2194,7 +2205,7 @@ var CommandSeparator = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React7.forwardRef(function(_param, ref) {
+var CommandItem = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -3778,10 +3789,10 @@ 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_react6 = require("react");
+var React9 = __toESM(require("react"), 1);
+var import_react7 = require("react");
 var ReactDOM = __toESM(require("react-dom"), 1);
-var index = typeof document !== "undefined" ? import_react6.useLayoutEffect : import_react6.useEffect;
+var index = typeof document !== "undefined" ? import_react7.useLayoutEffect : import_react7.useEffect;
 function deepEqual(a, b) {
     if (a === b) {
         return true;
@@ -3841,7 +3852,7 @@ function roundByDPR(element, value) {
     return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-    var ref = React8.useRef(value);
+    var ref = React9.useRef(value);
     index(function() {
         ref.current = value;
     });
@@ -3852,27 +3863,27 @@ function useFloating(options) {
         options = {};
     }
     var _options_placement = options.placement, placement = _options_placement === void 0 ? "bottom" : _options_placement, _options_strategy = options.strategy, strategy = _options_strategy === void 0 ? "absolute" : _options_strategy, _options_middleware = options.middleware, middleware = _options_middleware === void 0 ? [] : _options_middleware, platform2 = options.platform, tmp = options.elements, _ref = tmp === void 0 ? {} : tmp, externalReference = _ref.reference, externalFloating = _ref.floating, _options_transform = options.transform, transform = _options_transform === void 0 ? true : _options_transform, whileElementsMounted = options.whileElementsMounted, open = options.open;
-    var _React8_useState = _sliced_to_array(React8.useState({
+    var _React9_useState = _sliced_to_array(React9.useState({
         x: 0,
         y: 0,
         strategy: strategy,
         placement: placement,
         middlewareData: {},
         isPositioned: false
-    }), 2), data = _React8_useState[0], setData = _React8_useState[1];
-    var _React8_useState1 = _sliced_to_array(React8.useState(middleware), 2), latestMiddleware = _React8_useState1[0], setLatestMiddleware = _React8_useState1[1];
+    }), 2), data = _React9_useState[0], setData = _React9_useState[1];
+    var _React9_useState1 = _sliced_to_array(React9.useState(middleware), 2), latestMiddleware = _React9_useState1[0], setLatestMiddleware = _React9_useState1[1];
     if (!deepEqual(latestMiddleware, middleware)) {
         setLatestMiddleware(middleware);
     }
-    var _React8_useState2 = _sliced_to_array(React8.useState(null), 2), _reference = _React8_useState2[0], _setReference = _React8_useState2[1];
-    var _React8_useState3 = _sliced_to_array(React8.useState(null), 2), _floating = _React8_useState3[0], _setFloating = _React8_useState3[1];
-    var setReference = React8.useCallback(function(node) {
+    var _React9_useState2 = _sliced_to_array(React9.useState(null), 2), _reference = _React9_useState2[0], _setReference = _React9_useState2[1];
+    var _React9_useState3 = _sliced_to_array(React9.useState(null), 2), _floating = _React9_useState3[0], _setFloating = _React9_useState3[1];
+    var setReference = React9.useCallback(function(node) {
         if (node !== referenceRef.current) {
             referenceRef.current = node;
             _setReference(node);
         }
     }, []);
-    var setFloating = React8.useCallback(function(node) {
+    var setFloating = React9.useCallback(function(node) {
         if (node !== floatingRef.current) {
             floatingRef.current = node;
             _setFloating(node);
@@ -3880,14 +3891,14 @@ function useFloating(options) {
     }, []);
     var referenceEl = externalReference || _reference;
     var floatingEl = externalFloating || _floating;
-    var referenceRef = React8.useRef(null);
-    var floatingRef = React8.useRef(null);
-    var dataRef = React8.useRef(data);
+    var referenceRef = React9.useRef(null);
+    var floatingRef = React9.useRef(null);
+    var dataRef = React9.useRef(data);
     var hasWhileElementsMounted = whileElementsMounted != null;
     var whileElementsMountedRef = useLatestRef(whileElementsMounted);
     var platformRef = useLatestRef(platform2);
     var openRef = useLatestRef(open);
-    var update = React8.useCallback(function() {
+    var update = React9.useCallback(function() {
         if (!referenceRef.current || !floatingRef.current) {
             return;
         }
@@ -3933,7 +3944,7 @@ function useFloating(options) {
     }, [
         open
     ]);
-    var isMountedRef = React8.useRef(false);
+    var isMountedRef = React9.useRef(false);
     index(function() {
         isMountedRef.current = true;
         return function() {
@@ -3956,7 +3967,7 @@ function useFloating(options) {
         whileElementsMountedRef,
         hasWhileElementsMounted
     ]);
-    var refs = React8.useMemo(function() {
+    var refs = React9.useMemo(function() {
         return {
             reference: referenceRef,
             floating: floatingRef,
@@ -3967,7 +3978,7 @@ function useFloating(options) {
         setReference,
         setFloating
     ]);
-    var elements = React8.useMemo(function() {
+    var elements = React9.useMemo(function() {
         return {
             reference: referenceEl,
             floating: floatingEl
@@ -3976,7 +3987,7 @@ function useFloating(options) {
         referenceEl,
         floatingEl
     ]);
-    var floatingStyles = React8.useMemo(function() {
+    var floatingStyles = React9.useMemo(function() {
         var initialStyles = {
             position: strategy,
             left: 0,
@@ -4006,7 +4017,7 @@ function useFloating(options) {
         data.x,
         data.y
     ]);
-    return React8.useMemo(function() {
+    return React9.useMemo(function() {
         return _object_spread_props(_object_spread({}, data), {
             update: update,
             refs: refs,
@@ -4123,7 +4134,7 @@ function isOptionsExist(groupOption, targetOption) {
     }
     return false;
 }
-var CommandEmpty2 = (0, import_react8.forwardRef)(function(_param, forwardedRef) {
+var CommandEmpty2 = (0, import_react9.forwardRef)(function(_param, forwardedRef) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -4140,8 +4151,8 @@ var CommandEmpty2 = (0, import_react8.forwardRef)(function(_param, forwardedRef)
 });
 CommandEmpty2.displayName = "CommandEmpty";
 function useDebounce(value, delay) {
-    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 _import_react8_default_useState = _sliced_to_array(import_react8.default.useState(value), 2), debouncedValue = _import_react8_default_useState[0], setDebouncedValue = _import_react8_default_useState[1];
+    (0, import_react9.useEffect)(function() {
         var timer = setTimeout(function() {
             return setDebouncedValue(value);
         }, delay || 500);
@@ -4154,10 +4165,10 @@ function useDebounce(value, delay) {
     ]);
     return debouncedValue;
 }
-var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
+var MultipleSelector = (0, import_react9.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_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 _import_react8_default_useState = _sliced_to_array(import_react8.default.useState(false), 2), isLoading = _import_react8_default_useState[0], setIsLoading = _import_react8_default_useState[1];
     var _useFloating = useFloating({
         placement: "bottom-start",
         middleware: [
@@ -4167,20 +4178,20 @@ var MultipleSelector = (0, import_react8.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_react8.useRef)(null);
+    var containerRef = (0, import_react9.useRef)(null);
     var setContainerRef = function(node) {
         containerRef.current = node;
         refs.setReference(node);
     };
-    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 inputRef = (0, import_react9.useRef)(null);
+    var _import_react8_default_useState1 = _sliced_to_array(import_react8.default.useState(false), 2), open = _import_react8_default_useState1[0], setOpen = _import_react8_default_useState1[1];
+    var _import_react8_default_useState2 = _sliced_to_array(import_react8.default.useState(false), 2), onScrollbar = _import_react8_default_useState2[0], setOnScrollbar = _import_react8_default_useState2[1];
+    var dropdownRef = (0, import_react9.useRef)(null);
+    var _import_react8_default_useState3 = _sliced_to_array(import_react8.default.useState(value || []), 2), selected = _import_react8_default_useState3[0], setSelected = _import_react8_default_useState3[1];
+    var _import_react8_default_useState4 = _sliced_to_array(import_react8.default.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _import_react8_default_useState4[0], setOptions = _import_react8_default_useState4[1];
+    var _import_react8_default_useState5 = _sliced_to_array(import_react8.default.useState(""), 2), inputValue = _import_react8_default_useState5[0], setInputValue = _import_react8_default_useState5[1];
     var debouncedSearchTerm = useDebounce(inputValue, delay || 500);
-    import_react7.default.useImperativeHandle(ref, function() {
+    import_react8.default.useImperativeHandle(ref, function() {
         return {
             selectedValue: _to_consumable_array(selected),
             input: inputRef.current,
@@ -4195,7 +4206,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
     }, [
         selected
     ]);
-    (0, import_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         if (open) {
             update();
         }
@@ -4203,14 +4214,14 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         open,
         update
     ]);
-    var handleClickOutside = (0, import_react8.useCallback)(function(event) {
+    var handleClickOutside = (0, import_react9.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_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         if (open) {
             document.addEventListener("mousedown", handleClickOutside);
             document.addEventListener("touchend", handleClickOutside);
@@ -4226,14 +4237,14 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         open,
         handleClickOutside
     ]);
-    (0, import_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         if (value) {
             setSelected(value);
         }
     }, [
         value
     ]);
-    (0, import_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         if (!arrayOptions || onSearch) return;
         var newOption = transToGroupOption(arrayOptions || [], groupBy);
         if (JSON.stringify(newOption) !== JSON.stringify(options)) {
@@ -4246,7 +4257,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         onSearch,
         options
     ]);
-    (0, import_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         var doSearchSync = function() {
             var res = onSearchSync === null || onSearchSync === void 0 ? void 0 : onSearchSync(debouncedSearchTerm);
             setOptions(transToGroupOption(res || [], groupBy));
@@ -4280,7 +4291,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearchSync
     ]);
-    (0, import_react8.useEffect)(function() {
+    (0, import_react9.useEffect)(function() {
         var doSearch = /*#__PURE__*/ function() {
             var _ref = _async_to_generator(function() {
                 var res;
@@ -4356,7 +4367,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         triggerSearchOnFocus,
         onSearch
     ]);
-    var handleUnselect = (0, import_react8.useCallback)(function(option) {
+    var handleUnselect = (0, import_react9.useCallback)(function(option) {
         if (unremovableOptions.find(function(v) {
             return (0, import_lodash4.isEqual)(v.value, option.value);
         })) {
@@ -4372,7 +4383,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         selected,
         unremovableOptions
     ]);
-    var handleKeyDown = (0, import_react8.useCallback)(function(e) {
+    var handleKeyDown = (0, import_react9.useCallback)(function(e) {
         var input = inputRef.current;
         if (input) {
             if (e.key === "Delete" || e.key === "Backspace") {
@@ -4391,7 +4402,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         handleUnselect,
         selected
     ]);
-    var combinedFloatingRef = (0, import_react8.useCallback)(function(node) {
+    var combinedFloatingRef = (0, import_react9.useCallback)(function(node) {
         if (!node) return;
         refs.setFloating(node);
         dropdownRef.current = node;
@@ -4442,7 +4453,7 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         }
         return void 0;
     };
-    var EmptyItem = (0, import_react8.useCallback)(function() {
+    var EmptyItem = (0, import_react9.useCallback)(function() {
         if (!emptyIndicator) return void 0;
         if (onSearch && !createNewOptionLabel && Object.keys(options).length === 0) {
             return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommandItem, {
@@ -4463,13 +4474,13 @@ var MultipleSelector = (0, import_react8.forwardRef)(function(param, ref) {
         options,
         emptyIndicatorClassName
     ]);
-    var selectables = (0, import_react8.useMemo)(function() {
+    var selectables = (0, import_react9.useMemo)(function() {
         return removePickedOption(options, selected);
     }, [
         options,
         selected
     ]);
-    var commandFilter = (0, import_react8.useCallback)(function() {
+    var commandFilter = (0, import_react9.useCallback)(function() {
         if (commandProps === null || commandProps === void 0 ? void 0 : commandProps.filter) {
             return commandProps.filter;
         }
@@ -4714,16 +4725,16 @@ function PopoverContent(_param) {
 }
 // src/components/ui/SearchSelect.tsx
 var import_lucide_react4 = require("lucide-react");
-var import_react9 = require("react");
+var import_react10 = 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_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() {
+    var id = (0, import_react10.useId)();
+    var _ref = _sliced_to_array((0, import_react10.useState)(false), 2), open = _ref[0], setOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react10.useState)(value || defaultValue || ""), 2), selectedValue = _ref1[0], setSelectedValue = _ref1[1];
+    var _ref2 = _sliced_to_array((0, import_react10.useState)(""), 2), searchQuery = _ref2[0], setSearchQuery = _ref2[1];
+    var _ref3 = _sliced_to_array((0, import_react10.useState)([]), 2), newOptions = _ref3[0], setNewOptions = _ref3[1];
+    (0, import_react10.useEffect)(function() {
         if (!defaultValue && onChange) {
             setSelectedValue(value);
         }
@@ -4732,13 +4743,13 @@ function SearchSelect(param) {
         onChange,
         defaultValue
     ]);
-    var allOptions = (0, import_react9.useMemo)(function() {
+    var allOptions = (0, import_react10.useMemo)(function() {
         return _to_consumable_array(options).concat(_to_consumable_array(newOptions));
     }, [
         options,
         newOptions
     ]);
-    var filteredOptions = (0, import_react9.useMemo)(function() {
+    var filteredOptions = (0, import_react10.useMemo)(function() {
         if (!searchQuery) return allOptions;
         var query2 = searchQuery.toLowerCase().trim();
         return allOptions.filter(function(option) {
@@ -4750,7 +4761,7 @@ function SearchSelect(param) {
         allOptions,
         searchQuery
     ]);
-    var selectLabel = (0, import_react9.useMemo)(function() {
+    var selectLabel = (0, import_react10.useMemo)(function() {
         var _allOptions_find;
         return selectedValue ? ((_allOptions_find = allOptions.find(function(item) {
             return item.value === selectedValue;
@@ -4760,7 +4771,7 @@ function SearchSelect(param) {
         allOptions,
         selectPlaceholder
     ]);
-    var addNewOption = (0, import_react9.useCallback)(function() {
+    var addNewOption = (0, import_react10.useCallback)(function() {
         var newOption = {
             value: searchQuery,
             label: searchQuery
@@ -4889,7 +4900,7 @@ function SearchSelect(param) {
 }
 // src/components/table/components.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var Filter = (0, import_react10.memo)(function(param) {
+var Filter = (0, import_react11.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;
@@ -4967,7 +4978,7 @@ var Filter = (0, import_react10.memo)(function(param) {
         ]
     });
 });
-var MaxRowsLabel = (0, import_react10.memo)(function() {
+var MaxRowsLabel = (0, import_react11.memo)(function() {
     var _useTableContext = useTableContext(), data = _useTableContext.data, dataToRender = _useTableContext.dataToRender, maxRowsLabel1 = _useTableContext.maxRowsLabel1, maxRowsLabel2 = _useTableContext.maxRowsLabel2, maxRows = _useTableContext.maxRows, displayAllRows = _useTableContext.displayAllRows, maxRowsContainerClassName = _useTableContext.maxRowsContainerClassName;
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", {
         className: cn("flex justify-start items-center text-lg gap-1", maxRowsContainerClassName || ""),
@@ -4987,7 +4998,7 @@ var MaxRowsLabel = (0, import_react10.memo)(function() {
         ]
     });
 }, renderOnce);
-var DisplayAllRowsButton = (0, import_react10.memo)(function() {
+var DisplayAllRowsButton = (0, import_react11.memo)(function() {
     var _useTableContext = useTableContext(), setDisplayAllRows = _useTableContext.setDisplayAllRows, displayAllRows = _useTableContext.displayAllRows, dataToRender = _useTableContext.dataToRender, maxRows = _useTableContext.maxRows, displayAllRowsButtonProps = _useTableContext.displayAllRowsButtonProps, displayAllRowsButtonLabel = _useTableContext.displayAllRowsButtonLabel;
     var toggleDisplayAmount = function() {
         return setDisplayAllRows(!displayAllRows);
@@ -5002,7 +5013,7 @@ var DisplayAllRowsButton = (0, import_react10.memo)(function() {
         ]
     }));
 }, renderOnce);
-var ExportToExcel = (0, import_react10.memo)(function() {
+var ExportToExcel = (0, import_react11.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);
@@ -5082,7 +5093,7 @@ var ExportToExcel = (0, import_react10.memo)(function() {
         children: exportExcelContent || exportToExcelSvg()
     });
 }, renderOnce);
-var Search = (0, import_react10.memo)(function() {
+var Search = (0, import_react11.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_runtime18.jsx)("input", {
         className: cn("border-black border-[1px] text-lg px-2 w-11/12", searchInputClassName),
@@ -5093,9 +5104,9 @@ var Search = (0, import_react10.memo)(function() {
         style: searchInputStyle
     });
 }, renderOnce);
-var TableHead = (0, import_react10.memo)(function() {
+var TableHead = (0, import_react11.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_react10.useMemo)(function() {
+    var sortDisplay = (0, import_react11.useMemo)(function() {
         return Boolean(sortKeys === null || sortKeys === void 0 ? void 0 : sortKeys.length);
     }, [
         sortKeys
@@ -5135,7 +5146,7 @@ var TableHead = (0, import_react10.memo)(function() {
         })
     });
 }, renderOnce);
-var TableBody = (0, import_react10.memo)(function() {
+var TableBody = (0, import_react11.memo)(function() {
     var dataToRender = useTableContext().dataToRender;
     return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", {
         className: "divide-y divide-gray-600",
@@ -5178,7 +5189,7 @@ var TableCell = function(param) {
         children: value
     });
 };
-var Summary = (0, import_react10.memo)(function() {
+var Summary = (0, import_react11.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_runtime18.jsxs)("div", {
         style: _object_spread_props(_object_spread({}, summaryContainerStyle), {
@@ -5269,7 +5280,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_react10.useMemo)(function() {
+    var _ref = (0, import_react11.useMemo)(function() {
         var secondsInDay = 86400;
         var days = Math.floor(duration / secondsInDay);
         var remainderAfterDays = duration % secondsInDay;
@@ -5385,12 +5396,12 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 // src/components/forms/ModularForm/formElements.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 var import_lucide_react5 = require("lucide-react");
-var import_react11 = require("react");
+var import_react12 = require("react");
 var RPNInput = __toESM(require("react-phone-number-input"));
 var import_flags = __toESM(require("react-phone-number-input/flags"));
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -5403,8 +5414,8 @@ function InternationalPhonePicker(param) {
             }
         }
     };
-    var _ref = _sliced_to_array((0, import_react11.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
-    (0, import_react11.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react12.useState)(""), 2), tempPhoneValue = _ref[0], setTempPhoneValue = _ref[1];
+    (0, import_react12.useEffect)(function() {
         if (defaultValue) {
             if (setPhoneValue) {
                 setPhoneValue(defaultValue);
@@ -5471,7 +5482,7 @@ function InternationalPhonePicker(param) {
         ]
     });
 }
-var PhoneInput = (0, import_react11.forwardRef)(function(_param, ref) {
+var PhoneInput = (0, import_react12.forwardRef)(function(_param, ref) {
     var className = _param.className, onKeyDown = _param.onKeyDown, defaultValue = _param.defaultValue, style = _param.style, defaultFocus = _param.defaultFocus, props = _object_without_properties(_param, [
         "className",
         "onKeyDown",
@@ -5479,8 +5490,8 @@ var PhoneInput = (0, import_react11.forwardRef)(function(_param, ref) {
         "style",
         "defaultFocus"
     ]);
-    var inputRef = (0, import_react11.useRef)(null);
-    (0, import_react11.useEffect)(function() {
+    var inputRef = (0, import_react12.useRef)(null);
+    (0, import_react12.useEffect)(function() {
         if (inputRef.current && defaultFocus) {
             inputRef.current.focus();
         }
@@ -5506,7 +5517,7 @@ var CountrySelect = function(param) {
     var handleSelect = function(event) {
         onChange(event.target.value);
     };
-    var originalClassName = (0, import_react11.useMemo)(function() {
+    var originalClassName = (0, import_react12.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_runtime19.jsxs)("div", {
@@ -5573,7 +5584,7 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 var defaultFormElementContainerClassName = "flex justify-start items-center gap-3 w-full";
 var defaultFormElementBorderClassName = "border-[1px] border-gray-300 hover:border-black rounded-sm";
 var useSortValues = function(options, sortDirection, sortAsNumber) {
-    var sortOptions = (0, import_react12.useMemo)(function() {
+    var sortOptions = (0, import_react13.useMemo)(function() {
         var sorted = sortAsNumber ? options.sort(function(a, b) {
             return parseInt(b.label) - parseInt(a.label);
         }) : options.sort(function(a, b) {
@@ -5589,13 +5600,13 @@ 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, labelWithDots = param.labelWithDots, labelsCommonClassName = param.labelsCommonClassName;
-    var handleChangeFunction = (0, import_react12.useCallback)(function(e) {
+    var handleChangeFunction = (0, import_react13.useCallback)(function(e) {
         handleChange(e);
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
     }, [
         onChange
     ]);
-    var validationProps = (0, import_react12.useMemo)(function() {
+    var validationProps = (0, import_react13.useMemo)(function() {
         return _object_spread_props(_object_spread({}, useValidation(validationName, validationError)), {
             onChange: handleChangeFunction
         });
@@ -5636,8 +5647,8 @@ 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_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _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, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    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 _ref = _sliced_to_array((0, import_react13.useState)(false), 2), isOpen = _ref[0], setIsOpen = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react13.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);
@@ -5855,10 +5866,10 @@ 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, labelsCommonClassName = param.labelsCommonClassName, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, onLoad = param.onLoad;
-    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 formRef = (0, import_react13.useRef)(null);
-    (0, import_react13.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react14.useState)(""), 2), errorMsg = _ref[0], setErrorMsg = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react14.useState)(false), 2), isLoading = _ref1[0], setIsLoading = _ref1[1];
+    var formRef = (0, import_react14.useRef)(null);
+    (0, import_react14.useEffect)(function() {
         if (formRef.current && autoFixLabelsWidth) {
             var labels = formRef.current.getElementsByClassName("form-label");
             var max_width = 0;
@@ -5876,7 +5887,7 @@ var ModularForm = function(param) {
         formRef.current,
         autoFixLabelsWidth
     ]);
-    (0, import_react13.useEffect)(function() {
+    (0, import_react14.useEffect)(function() {
         if (formRef.current) {
             onLoad === null || onLoad === void 0 ? void 0 : onLoad(formRef.current);
         }
@@ -5999,7 +6010,7 @@ var ModularForm = function(param) {
                         }), 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_react13.cloneElement)(element.element, {
+                        return typeof ((_element_element = element.element) === null || _element_element === void 0 ? void 0 : _element_element.type) !== "string" && (0, import_react14.cloneElement)(element.element, {
                             key: index2
                         });
                     default:
@@ -6031,7 +6042,7 @@ var ModularForm = function(param) {
 };
 var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_moment2 = __toESM(require("moment"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var ConfirmForm = function(param) {
@@ -6076,7 +6087,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_react14.useState)(false), 2), isLoading = _ref[0], setIsLoading = _ref[1];
+    var _ref = _sliced_to_array((0, import_react15.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) {
@@ -6150,12 +6161,12 @@ var DatePicker = function(param) {
 };
 // src/components/CodeInput.tsx
 var import_input_otp = require("input-otp");
-var import_react15 = require("react");
+var import_react16 = 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, _param_direction = param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction;
-    var firstInputRef = (0, import_react15.useRef)(null);
-    (0, import_react15.useEffect)(function() {
+    var firstInputRef = (0, import_react16.useRef)(null);
+    (0, import_react16.useEffect)(function() {
         if (firstInputRef.current) {
             firstInputRef.current.focus();
         }