@sunggang/ui-lib 0.3.20 → 0.3.21

package/index.esm2.js

@@ -19,10 +19,11 @@ import addDays from 'date-fns/addDays/index.js';
 import format$1 from 'date-fns/format/index.js';
 import { keyframes, jsx as jsx$1, css as css$2 } from '@emotion/react';
 import { Checkbox, RadioGroup, FormControlLabel, Radio } from '@mui/material';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronUpIcon, ChevronDownIcon, CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowModel, getFilteredRowModel, flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronRightIcon, CheckIcon, DotFilledIcon } from '@radix-ui/react-icons';
 
 var styles = {};
 
@@ -6677,7 +6678,7 @@ function _iterableToArray$2(iter) {
 function _arrayWithoutHoles$2(arr) {
     if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
 }
-function ownKeys$n(object, enumerableOnly) {
+function ownKeys$p(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -6690,9 +6691,9 @@ function ownKeys$n(object, enumerableOnly) {
 function _objectSpread$1(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$n(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$p(Object(source), !0).forEach(function(key) {
             _defineProperty$3(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -7099,7 +7100,7 @@ function _iterableToArrayLimit$1(arr, i) {
 function _arrayWithHoles$1(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function ownKeys$m(object, enumerableOnly) {
+function ownKeys$o(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -7112,9 +7113,9 @@ function ownKeys$m(object, enumerableOnly) {
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = null != arguments[i] ? arguments[i] : {};
-        i % 2 ? ownKeys$m(Object(source), !0).forEach(function(key) {
+        i % 2 ? ownKeys$o(Object(source), !0).forEach(function(key) {
             _defineProperty$2(target, key, source[key]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function(key) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -8116,7 +8117,7 @@ function _defineProperty$1(e, r, t) {
     }) : e[r] = t, e;
 }
 
-function ownKeys$l(e, r) {
+function ownKeys$n(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
         var o = Object.getOwnPropertySymbols(e);
@@ -8129,9 +8130,9 @@ function ownKeys$l(e, r) {
 function _objectSpread2$7(e) {
     for(var r = 1; r < arguments.length; r++){
         var t = null != arguments[r] ? arguments[r] : {};
-        r % 2 ? ownKeys$l(Object(t), !0).forEach(function(r) {
+        r % 2 ? ownKeys$n(Object(t), !0).forEach(function(r) {
             _defineProperty$1(e, r, t[r]);
-        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function(r) {
+        }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function(r) {
             Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
         });
     }
@@ -17497,7 +17498,7 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
 })(Droppable);
 ConnectedDroppable.defaultProps = defaultProps$1;
 
-function _define_property$p(obj, key, value) {
+function _define_property$r(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17510,7 +17511,7 @@ function _define_property$p(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$o(target) {
+function _object_spread$q(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -17520,12 +17521,12 @@ function _object_spread$o(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$p(target, key, source[key]);
+            _define_property$r(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$k(object, enumerableOnly) {
+function ownKeys$m(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -17538,12 +17539,12 @@ function ownKeys$k(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$k(target, source) {
+function _object_spread_props$m(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$k(Object(source)).forEach(function(key) {
+        ownKeys$m(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -17557,7 +17558,7 @@ var DragDropImages = function(param) {
             droppableId: "droppable-imageUrls",
             direction: "horizontal",
             children: function(provided) {
-                return /*#__PURE__*/ jsxs("div", _object_spread_props$k(_object_spread$o({
+                return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
                     ref: provided.innerRef
                 }, provided.droppableProps), {
                     className: "flex gap-2",
@@ -17567,7 +17568,7 @@ var DragDropImages = function(param) {
                                 draggableId: item === null || item === void 0 ? void 0 : item.id,
                                 index: index,
                                 children: function(provided) {
-                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$k(_object_spread$o({
+                                    return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
                                         ref: provided.innerRef
                                     }, provided.draggableProps, provided.dragHandleProps), {
                                         className: "w-24 my-2 rounded-lg bg-gray-200",
@@ -17607,7 +17608,7 @@ var DragDropImages = function(param) {
     });
 };
 
-function _define_property$o(obj, key, value) {
+function _define_property$q(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17620,7 +17621,7 @@ function _define_property$o(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$n(target) {
+function _object_spread$p(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -17630,12 +17631,12 @@ function _object_spread$n(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$o(target, key, source[key]);
+            _define_property$q(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$j(object, enumerableOnly) {
+function ownKeys$l(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -17648,12 +17649,12 @@ function ownKeys$j(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$j(target, source) {
+function _object_spread_props$l(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$j(Object(source)).forEach(function(key) {
+        ownKeys$l(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -17667,7 +17668,7 @@ var CustomDragDropImages = function(param) {
             droppableId: "droppable-imageUrls",
             direction: "horizontal",
             children: function(provided) {
-                return /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({
+                return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
                     ref: provided.innerRef
                 }, provided.droppableProps), {
                     children: [
@@ -17683,7 +17684,7 @@ var CustomDragDropImages = function(param) {
                                         draggableId: item === null || item === void 0 ? void 0 : item.id,
                                         index: index,
                                         children: function(provided) {
-                                            return /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({
+                                            return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
                                                 ref: provided.innerRef
                                             }, provided.draggableProps, provided.dragHandleProps), {
                                                 className: "w-[172px] my-2 rounded-lg relative p-2 bg-white border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
@@ -17725,6 +17726,115 @@ var CustomDragDropImages = function(param) {
     });
 };
 
+function _define_property$p(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$o(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$p(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$k(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$k(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$k(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var PrimaryDragDropImage = function(param) {
+    var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
+    return /*#__PURE__*/ jsx(DragDropContext, {
+        onDragEnd: onDragEnd,
+        children: /*#__PURE__*/ jsx(ConnectedDroppable, {
+            droppableId: "droppable-imageUrls",
+            direction: "horizontal",
+            children: function(provided) {
+                return /*#__PURE__*/ jsx("div", _object_spread_props$k(_object_spread$o({
+                    ref: provided.innerRef
+                }, provided.droppableProps), {
+                    children: /*#__PURE__*/ jsxs("div", {
+                        className: "flex gap-9 mt-2",
+                        children: [
+                            (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
+                                return /*#__PURE__*/ jsx(PublicDraggable, {
+                                    draggableId: item === null || item === void 0 ? void 0 : item.id,
+                                    index: index,
+                                    children: function(provided) {
+                                        return /*#__PURE__*/ jsxs("div", _object_spread_props$k(_object_spread$o({
+                                            ref: provided.innerRef
+                                        }, provided.draggableProps, provided.dragHandleProps), {
+                                            className: "w-[172px] my-2 rounded-lg relative p-2 bg-[#F1F1F1] border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
+                                            children: [
+                                                /*#__PURE__*/ jsx(Icon, {
+                                                    className: "absolute -right-0 -top-0  rounded-full z-10 text-black",
+                                                    color: "#fff",
+                                                    icon: "carbon:close-filled",
+                                                    width: "30",
+                                                    height: "30",
+                                                    onClick: function() {
+                                                        return handleRemove(item);
+                                                    },
+                                                    style: {
+                                                        color: "white",
+                                                        backgroundColor: "black"
+                                                    }
+                                                }),
+                                                /*#__PURE__*/ jsx("img", {
+                                                    className: "w-[156px] h-[100px] object-cover",
+                                                    src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
+                                                    alt: ""
+                                                })
+                                            ]
+                                        }));
+                                    }
+                                }, item === null || item === void 0 ? void 0 : item.id);
+                            }) : null,
+                            provided.placeholder
+                        ]
+                    })
+                }));
+            }
+        })
+    });
+};
+
 function _array_like_to_array$n(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -17736,7 +17846,7 @@ function _array_with_holes$k(arr) {
 function _array_without_holes$8(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$n(arr);
 }
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17782,7 +17892,7 @@ function _non_iterable_rest$k() {
 function _non_iterable_spread$8() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$m(target) {
+function _object_spread$n(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -17792,12 +17902,12 @@ function _object_spread$m(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$n(target, key, source[key]);
+            _define_property$o(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$i(object, enumerableOnly) {
+function ownKeys$j(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -17810,12 +17920,12 @@ function ownKeys$i(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$i(target, source) {
+function _object_spread_props$j(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$i(Object(source)).forEach(function(key) {
+        ownKeys$j(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -17843,6 +17953,8 @@ var DropImage = function(param) {
     }, [
         imageUrls
     ]);
+    var MAX_SIZE_2MB = 2 * 1024 * 1024;
+    var MAX_SIZE_5MB = 5 * 1024 * 1024;
     var _useDropzone = useDropzone({
         accept: {
             "image/png": [
@@ -17854,7 +17966,7 @@ var DropImage = function(param) {
             ]
         },
         maxFiles: 10,
-        maxSize: 5000000,
+        maxSize: imageStyleType === "primary" ? MAX_SIZE_2MB : MAX_SIZE_5MB,
         onDrop: function(dropFiles) {
             var newFiles = [];
             setFiles(function(prevFiles) {
@@ -17879,7 +17991,7 @@ var DropImage = function(param) {
         var _newItems_splice = _sliced_to_array$k(newItems.splice(result.source.index, 1), 1), reorderedItem = _newItems_splice[0];
         newItems.splice(result.destination.index, 0, reorderedItem);
         var reSortItem = newItems.map(function(item, index) {
-            return _object_spread_props$i(_object_spread$m({}, item), {
+            return _object_spread_props$j(_object_spread$n({}, item), {
                 index: index + 1
             });
         });
@@ -17894,17 +18006,44 @@ var DropImage = function(param) {
     return /*#__PURE__*/ jsxs("section", {
         className: "w-full",
         children: [
-            /*#__PURE__*/ jsxs("div", _object_spread_props$i(_object_spread$m({}, getRootProps({
+            /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({}, getRootProps({
                 className: "dropzone"
             })), {
                 children: [
-                    /*#__PURE__*/ jsx("input", _object_spread$m({}, getInputProps())),
+                    /*#__PURE__*/ jsx("input", _object_spread$n({}, getInputProps())),
                     /*#__PURE__*/ jsx("div", {
                         className: "flex justify-between",
-                        children: /*#__PURE__*/ jsx("div", {
+                        children: imageStyleType === "primary" ? /*#__PURE__*/ jsx("div", {
+                            className: "w-full",
+                            children: /*#__PURE__*/ jsxs("div", {
+                                className: "border-2 border-dashed border-[#17340929] rounded-[22px]",
+                                children: [
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "flex justify-center",
+                                        children: /*#__PURE__*/ jsx("div", {
+                                            className: "flex justify-center mt-9 mb-2 py-3 px-6 bg-[#1A1A1A] text-white rounded-[22px] text-sm",
+                                            children: "上傳照片"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex items-center flex-col justify-center",
+                                        children: [
+                                            /*#__PURE__*/ jsx("p", {
+                                                className: "font-normal text-sm text-[#777777] pb-4",
+                                                children: "檔案可為PNG，JPG，檔案大小須小於2M"
+                                            }),
+                                            /*#__PURE__*/ jsx("h5", {
+                                                className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
+                                                children: "拖曳圖片至此"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        }) : /*#__PURE__*/ jsx("div", {
                             className: "w-full bg-gray-light rounded-lg",
                             children: /*#__PURE__*/ jsxs("div", {
-                                className: "border-2 border-dashed border-gray-400 rounded-lg bg-gray-100",
+                                className: "border-2 border-dashed border-[#777777] rounded-lg bg-gray-100",
                                 children: [
                                     /*#__PURE__*/ jsx("div", {
                                         className: "flex justify-center py-8",
@@ -17918,7 +18057,7 @@ var DropImage = function(param) {
                                         className: "flex items-center flex-col justify-center",
                                         children: [
                                             /*#__PURE__*/ jsx("p", {
-                                                className: "font-normal text-sm text-gray-400 pb-4",
+                                                className: "font-normal text-sm text-[#777777] pb-4",
                                                 children: "圖片僅支援 png、jpg、jpeg"
                                             }),
                                             /*#__PURE__*/ jsx("h5", {
@@ -17945,6 +18084,11 @@ var DropImage = function(param) {
                         imageUrls: previewFiles,
                         onDragEnd: onDragEnd,
                         handleRemove: handleRemove
+                    }),
+                    imageStyleType === "primary" && /*#__PURE__*/ jsx(PrimaryDragDropImage, {
+                        imageUrls: previewFiles,
+                        onDragEnd: onDragEnd,
+                        handleRemove: handleRemove
                     })
                 ]
             })
@@ -18197,7 +18341,7 @@ var DisabledItem = function(param) {
     });
 };
 
-function _define_property$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18210,7 +18354,7 @@ function _define_property$m(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$l(target) {
+function _object_spread$m(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -18220,12 +18364,12 @@ function _object_spread$l(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$m(target, key, source[key]);
+            _define_property$n(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$h(object, enumerableOnly) {
+function ownKeys$i(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -18238,12 +18382,12 @@ function ownKeys$h(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$h(target, source) {
+function _object_spread_props$i(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$h(Object(source)).forEach(function(key) {
+        ownKeys$i(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -18300,7 +18444,7 @@ var Item = function(param) {
             onClick: function() {
                 return handleValueChange(item);
             },
-            children: formatOptionLabel(_object_spread_props$h(_object_spread$l({}, item), {
+            children: formatOptionLabel(_object_spread_props$i(_object_spread$m({}, item), {
                 isSelected: isSelected
             }))
         }) : /*#__PURE__*/ jsx(Fragment$1, {
@@ -18516,7 +18660,7 @@ function _array_with_holes$j(arr) {
 function _array_without_holes$7(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$m(arr);
 }
-function _define_property$l(obj, key, value) {
+function _define_property$m(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -18562,7 +18706,7 @@ function _non_iterable_rest$j() {
 function _non_iterable_spread$7() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$k(target) {
+function _object_spread$l(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -18572,12 +18716,12 @@ function _object_spread$k(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$l(target, key, source[key]);
+            _define_property$m(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$g(object, enumerableOnly) {
+function ownKeys$h(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -18590,12 +18734,12 @@ function ownKeys$g(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$g(target, source) {
+function _object_spread_props$h(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$g(Object(source)).forEach(function(key) {
+        ownKeys$h(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -18625,7 +18769,7 @@ var DropDown = function(param) {
     useEffect(function() {
         var formatItem = function(item) {
             if ("disabled" in item) return item;
-            return _object_spread_props$g(_object_spread$k({}, item), {
+            return _object_spread_props$h(_object_spread$l({}, item), {
                 disabled: false
             });
         };
@@ -19256,7 +19400,7 @@ function _async_to_generator$3(fn) {
         });
     };
 }
-function _define_property$k(obj, key, value1) {
+function _define_property$l(obj, key, value1) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value1,
@@ -19309,7 +19453,7 @@ function _non_iterable_rest$g() {
 function _non_iterable_spread$6() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$j(target) {
+function _object_spread$k(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -19319,12 +19463,12 @@ function _object_spread$j(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$k(target, key, source[key]);
+            _define_property$l(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$f(object, enumerableOnly) {
+function ownKeys$g(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -19337,20 +19481,20 @@ function ownKeys$f(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$f(target, source) {
+function _object_spread_props$g(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$f(Object(source)).forEach(function(key) {
+        ownKeys$g(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$a(source, excluded) {
+function _object_without_properties$b(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$a(source, excluded);
+    var target = _object_without_properties_loose$b(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -19363,7 +19507,7 @@ function _object_without_properties$a(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$a(source, excluded) {
+function _object_without_properties_loose$b(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -19666,7 +19810,7 @@ var HookFormContext = React__default.createContext(null);
  * }
  * ```
  */ var FormProvider$1 = function(props) {
-    var children = props.children, data = _object_without_properties$a(props, [
+    var children = props.children, data = _object_without_properties$b(props, [
         "children"
     ]);
     return React__default.createElement(HookFormContext.Provider, {
@@ -19744,7 +19888,7 @@ var getProxyFormState = function(formState, control, localProxyFormState) {
             formState: _localProxyFormState.current,
             exact: exact,
             callback: function(formState) {
-                !disabled && updateFormState(_object_spread$j({}, control._formState, formState));
+                !disabled && updateFormState(_object_spread$k({}, control._formState, formState));
             }
         });
     }, [
@@ -19862,7 +20006,7 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
         exact: true
     });
     var _props = React__default.useRef(props);
-    var _registerProps = React__default.useRef(control.register(name, _object_spread$j(_object_spread_props$f(_object_spread$j({}, props.rules), {
+    var _registerProps = React__default.useRef(control.register(name, _object_spread$k(_object_spread_props$g(_object_spread$k({}, props.rules), {
         value: value1
     }), isBoolean(props.disabled) ? {
         disabled: props.disabled
@@ -19950,7 +20094,7 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
         name
     ]);
     var field = React__default.useMemo(function() {
-        return _object_spread_props$f(_object_spread$j({
+        return _object_spread_props$g(_object_spread$k({
             name: name,
             value: value1
         }, isBoolean(disabled) || formState.disabled ? {
@@ -19971,7 +20115,7 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
     ]);
     React__default.useEffect(function() {
         var _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-        control.register(name, _object_spread$j({}, _props.current.rules, isBoolean(_props.current.disabled) ? {
+        control.register(name, _object_spread$k({}, _props.current.rules, isBoolean(_props.current.disabled) ? {
             disabled: _props.current.disabled
         } : {}));
         var updateMounted = function(name, value1) {
@@ -20065,8 +20209,8 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
     return props.render(useController(props));
 };
 var appendErrors = function(name, validateAllFieldCriteria, errors, type, message) {
-    return validateAllFieldCriteria ? _object_spread_props$f(_object_spread$j({}, errors[name]), {
-        types: _object_spread_props$f(_object_spread$j({}, errors[name] && errors[name].types ? errors[name].types : {}), _define_property$k({}, type, message || true))
+    return validateAllFieldCriteria ? _object_spread_props$g(_object_spread$k({}, errors[name]), {
+        types: _object_spread_props$g(_object_spread$k({}, errors[name] && errors[name].types ? errors[name].types : {}), _define_property$l({}, type, message || true))
     }) : {};
 };
 var convertToArrayPayload = function(value1) {
@@ -20254,7 +20398,7 @@ function getDirtyFieldsFromDefaultValues(data, formValues, dirtyFieldsFromValues
         for(var key in data){
             if (Array.isArray(data[key]) || isObject$a(data[key]) && !objectHasFunction(data[key])) {
                 if (isUndefined(formValues) || isPrimitive(dirtyFieldsFromValues[key])) {
-                    dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : _object_spread$j({}, markFieldsDirty(data[key]));
+                    dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : _object_spread$k({}, markFieldsDirty(data[key]));
                 } else {
                     getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
                 }
@@ -20398,7 +20542,7 @@ var iterateFieldsByAction = function(fields, action, fieldsNames, abortEarly) {
             var key = _ref;
             var field = get$2(fields, key);
             if (field) {
-                var _f = field._f, currentField = _object_without_properties$a(field, [
+                var _f = field._f, currentField = _object_without_properties$b(field, [
                     "_f"
                 ]);
                 if (_f) {
@@ -20466,7 +20610,7 @@ function schemaErrorLookup(errors, _fields, name) {
 }
 var shouldRenderFormState = function(formStateData, _proxyFormState, updateFormState, isRoot) {
     updateFormState(formStateData);
-    formStateData.name; var formState = _object_without_properties$a(formStateData, [
+    formStateData.name; var formState = _object_without_properties$b(formStateData, [
         "name"
     ]);
     return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find(function(key) {
@@ -20548,7 +20692,7 @@ var validateField = function() {
                     getMinMaxMessage = function(exceedMax, maxLengthMessage, minLengthMessage) {
                         var maxType = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : INPUT_VALIDATION_RULES.maxLength, minType = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : INPUT_VALIDATION_RULES.minLength;
                         var message = exceedMax ? maxLengthMessage : minLengthMessage;
-                        error[name] = _object_spread$j({
+                        error[name] = _object_spread$k({
                             type: exceedMax ? maxType : minType,
                             message: message,
                             ref: ref
@@ -20560,7 +20704,7 @@ var validateField = function() {
                             message: required
                         } : getValueAndMessage(required), value1 = _ref.value, message = _ref.message;
                         if (value1) {
-                            error[name] = _object_spread$j({
+                            error[name] = _object_spread$k({
                                 type: INPUT_VALIDATION_RULES.required,
                                 message: message,
                                 ref: inputRef
@@ -20629,7 +20773,7 @@ var validateField = function() {
                     if (pattern && !isEmpty && isString(inputValue)) {
                         _getValueAndMessage = getValueAndMessage(pattern), patternValue = _getValueAndMessage.value, message1 = _getValueAndMessage.message;
                         if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-                            error[name] = _object_spread$j({
+                            error[name] = _object_spread$k({
                                 type: INPUT_VALIDATION_RULES.pattern,
                                 message: message1,
                                 ref: ref
@@ -20659,7 +20803,7 @@ var validateField = function() {
                     result = _state.sent();
                     validateError = getValidateError(result, inputRef);
                     if (validateError) {
-                        error[name] = _object_spread$j({}, validateError, appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
+                        error[name] = _object_spread$k({}, validateError, appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
                         if (!validateAllFieldCriteria) {
                             setCustomValidity(validateError.message);
                             return [
@@ -20705,7 +20849,7 @@ var validateField = function() {
                         key
                     ]);
                     if (validateError1) {
-                        validationResult = _object_spread$j({}, validateError1, appendErrorsCurry(key, validateError1.message));
+                        validationResult = _object_spread$k({}, validateError1, appendErrorsCurry(key, validateError1.message));
                         setCustomValidity(validateError1.message);
                         if (validateAllFieldCriteria) {
                             error[name] = validationResult;
@@ -20720,7 +20864,7 @@ var validateField = function() {
                     ];
                 case 6:
                     if (!isEmptyObject(validationResult)) {
-                        error[name] = _object_spread$j({
+                        error[name] = _object_spread$k({
                             ref: inputRef
                         }, validationResult);
                         if (!validateAllFieldCriteria) {
@@ -20751,7 +20895,7 @@ var defaultOptions = {
 };
 function createFormControl() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var _options = _object_spread$j({}, defaultOptions, props);
+    var _options = _object_spread$k({}, defaultOptions, props);
     var _formState = {
         submitCount: 0,
         isDirty: false,
@@ -20793,7 +20937,7 @@ function createFormControl() {
         isValid: false,
         errors: false
     };
-    var _proxySubscribeFormState = _object_spread$j({}, _proxyFormState);
+    var _proxySubscribeFormState = _object_spread$k({}, _proxyFormState);
     var _subjects = {
         array: createSubject(),
         state: createSubject()
@@ -20970,13 +21114,13 @@ function createFormControl() {
             error ? set(_formState.errors, name, error) : unset(_formState.errors, name);
         }
         if ((error ? !deepEqual(previousFieldError, error) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
-            var updatedFormState = _object_spread_props$f(_object_spread$j({}, fieldState, shouldUpdateValid && isBoolean(isValid) ? {
+            var updatedFormState = _object_spread_props$g(_object_spread$k({}, fieldState, shouldUpdateValid && isBoolean(isValid) ? {
                 isValid: isValid
             } : {}), {
                 errors: _formState.errors,
                 name: name
             });
-            _formState = _object_spread$j({}, _formState, updatedFormState);
+            _formState = _object_spread$k({}, _formState, updatedFormState);
             _subjects.state.next(updatedFormState);
         }
     };
@@ -21079,7 +21223,7 @@ function createFormControl() {
                             3,
                             6
                         ];
-                        _f = field._f, fieldValue = _object_without_properties$a(field, [
+                        _f = field._f, fieldValue = _object_without_properties$b(field, [
                             "_f"
                         ]);
                         if (!_f) return [
@@ -21178,7 +21322,7 @@ function createFormControl() {
         return !_options.disabled && (name && data && set(_formValues, name, data), !deepEqual(getValues(), _defaultValues));
     };
     var _getWatch = function(names, defaultValue, isGlobal) {
-        return generateWatchOutput(names, _names, _object_spread$j({}, _state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? _define_property$k({}, names, defaultValue) : defaultValue), isGlobal, defaultValue);
+        return generateWatchOutput(names, _names, _object_spread$k({}, _state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? _define_property$l({}, names, defaultValue) : defaultValue), isGlobal, defaultValue);
     };
     var _getFieldArray = function(name) {
         return compact(get$2(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get$2(_defaultValues, name, []) : []));
@@ -21253,7 +21397,7 @@ function createFormControl() {
         } else {
             field && !field._f && !isNullOrUndefined(cloneValue) ? setValues(name, cloneValue, options) : setFieldValue(name, cloneValue, options);
         }
-        isWatched(name, _names) && _subjects.state.next(_object_spread$j({}, _formState));
+        isWatched(name, _names) && _subjects.state.next(_object_spread$k({}, _formState));
         _subjects.state.next({
             name: _state.mount ? name : undefined,
             values: cloneObject(_formValues)
@@ -21307,12 +21451,12 @@ function createFormControl() {
                             }
                             return [
                                 2,
-                                shouldRender && _subjects.state.next(_object_spread$j({
+                                shouldRender && _subjects.state.next(_object_spread$k({
                                     name: name
                                 }, watched ? {} : fieldState))
                             ];
                         }
-                        !isBlurEvent && watched && _subjects.state.next(_object_spread$j({}, _formState));
+                        !isBlurEvent && watched && _subjects.state.next(_object_spread$k({}, _formState));
                         if (!_options.resolver) return [
                             3,
                             2
@@ -21443,7 +21587,7 @@ function createFormControl() {
                                                 field = get$2(_fields, fieldName);
                                                 return [
                                                     4,
-                                                    executeBuiltInValidation(field && field._f ? _define_property$k({}, fieldName, field) : field)
+                                                    executeBuiltInValidation(field && field._f ? _define_property$l({}, fieldName, field) : field)
                                                 ];
                                             case 1:
                                                 return [
@@ -21474,7 +21618,7 @@ function createFormControl() {
                         validationResult = isValid = _state.sent();
                         _state.label = 6;
                     case 6:
-                        _subjects.state.next(_object_spread_props$f(_object_spread$j({}, !isString(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid !== _formState.isValid ? {} : {
+                        _subjects.state.next(_object_spread_props$g(_object_spread$k({}, !isString(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid !== _formState.isValid ? {} : {
                             name: name
                         }, _options.resolver || !name ? {
                             isValid: isValid
@@ -21494,7 +21638,7 @@ function createFormControl() {
         };
     }();
     var getValues = function(fieldNames) {
-        var values = _object_spread$j({}, _state.mount ? _formValues : _defaultValues);
+        var values = _object_spread$k({}, _state.mount ? _formValues : _defaultValues);
         return isUndefined(fieldNames) ? values : isString(fieldNames) ? get$2(values, fieldNames) : fieldNames.map(function(name) {
             return get$2(values, name);
         });
@@ -21522,12 +21666,12 @@ function createFormControl() {
         })._f || {}).ref;
         var currentError = get$2(_formState.errors, name) || {};
         // Don't override existing error messages elsewhere in the object tree.
-        currentError.ref; currentError.message; currentError.type; var restOfErrorTree = _object_without_properties$a(currentError, [
+        currentError.ref; currentError.message; currentError.type; var restOfErrorTree = _object_without_properties$b(currentError, [
             "ref",
             "message",
             "type"
         ]);
-        set(_formState.errors, name, _object_spread_props$f(_object_spread$j({}, restOfErrorTree, error), {
+        set(_formState.errors, name, _object_spread_props$g(_object_spread$k({}, restOfErrorTree, error), {
             ref: ref
         }));
         _subjects.state.next({
@@ -21548,8 +21692,8 @@ function createFormControl() {
         return _subjects.state.subscribe({
             next: function(formState) {
                 if (shouldSubscribeByName(props.name, formState.name, props.exact) && shouldRenderFormState(formState, props.formState || _proxyFormState, _setFormState, props.reRenderRoot)) {
-                    props.callback(_object_spread$j({
-                        values: _object_spread$j({}, _formValues)
+                    props.callback(_object_spread$k({
+                        values: _object_spread$k({}, _formValues)
                     }, _formState, formState));
                 }
             }
@@ -21557,8 +21701,8 @@ function createFormControl() {
     };
     var subscribe = function(props) {
         _state.mount = true;
-        _proxySubscribeFormState = _object_spread$j({}, _proxySubscribeFormState, props.formState);
-        return _subscribe(_object_spread_props$f(_object_spread$j({}, props), {
+        _proxySubscribeFormState = _object_spread$k({}, _proxySubscribeFormState, props.formState);
+        return _subscribe(_object_spread_props$g(_object_spread$k({}, props), {
             formState: _proxySubscribeFormState
         }));
     };
@@ -21597,7 +21741,7 @@ function createFormControl() {
         _subjects.state.next({
             values: cloneObject(_formValues)
         });
-        _subjects.state.next(_object_spread$j({}, _formState, !options.keepDirty ? {} : {
+        _subjects.state.next(_object_spread$k({}, _formState, !options.keepDirty ? {} : {
             isDirty: _getDirty()
         }));
         !options.keepIsValid && _setValid();
@@ -21612,8 +21756,8 @@ function createFormControl() {
         var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
         var field = get$2(_fields, name);
         var disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
-        set(_fields, name, _object_spread_props$f(_object_spread$j({}, field || {}), {
-            _f: _object_spread$j(_object_spread_props$f(_object_spread$j({}, field && field._f ? field._f : {
+        set(_fields, name, _object_spread_props$g(_object_spread$k({}, field || {}), {
+            _f: _object_spread$k(_object_spread_props$g(_object_spread$k({}, field && field._f ? field._f : {
                 ref: {
                     name: name
                 }
@@ -21631,7 +21775,7 @@ function createFormControl() {
         } else {
             updateValidAndValue(name, true, options.value);
         }
-        return _object_spread_props$f(_object_spread$j({}, disabledIsDefined ? {
+        return _object_spread_props$g(_object_spread$k({}, disabledIsDefined ? {
             disabled: options.disabled || _options.disabled
         } : {}, _options.progressive ? {
             required: !!options.required,
@@ -21657,7 +21801,7 @@ function createFormControl() {
                         return;
                     }
                     set(_fields, name, {
-                        _f: _object_spread$j({}, field._f, radioOrCheckbox ? {
+                        _f: _object_spread$k({}, field._f, radioOrCheckbox ? {
                             refs: _to_consumable_array$6(refs.filter(live)).concat([
                                 fieldRef
                             ], _to_consumable_array$6(Array.isArray(get$2(_defaultValues, name)) ? [
@@ -21811,7 +21955,7 @@ function createFormControl() {
                             ];
                             return [
                                 4,
-                                onInvalid(_object_spread$j({}, _formState.errors), e)
+                                onInvalid(_object_spread$k({}, _formState.errors), e)
                             ];
                         case 10:
                             _state.sent();
@@ -21862,7 +22006,7 @@ function createFormControl() {
                 unset(_formState.errors, name);
                 _proxyFormState.isValid && _setValid();
             }
-            _subjects.state.next(_object_spread$j({}, _formState));
+            _subjects.state.next(_object_spread$k({}, _formState));
         }
     };
     var _reset = function(formValues) {
@@ -21953,10 +22097,10 @@ function createFormControl() {
             }
             _formValues = cloneObject(values);
             _subjects.array.next({
-                values: _object_spread$j({}, values)
+                values: _object_spread$k({}, values)
             });
             _subjects.state.next({
-                values: _object_spread$j({}, values)
+                values: _object_spread$k({}, values)
             });
         }
         _names = {
@@ -21997,7 +22141,7 @@ function createFormControl() {
         }
     };
     var _setFormState = function(updatedFormState) {
-        _formState = _object_spread$j({}, _formState, updatedFormState);
+        _formState = _object_spread$k({}, _formState, updatedFormState);
     };
     var _resetDefaultValues = function() {
         return isFunction$5(_options.defaultValues) && _options.defaultValues().then(function(values) {
@@ -22057,7 +22201,7 @@ function createFormControl() {
                 return _options;
             },
             set _options (value){
-                _options = _object_spread$j({}, _options, value);
+                _options = _object_spread$k({}, _options, value);
             }
         },
         subscribe: subscribe,
@@ -22075,7 +22219,7 @@ function createFormControl() {
         setFocus: setFocus,
         getFieldState: getFieldState
     };
-    return _object_spread_props$f(_object_spread$j({}, methods), {
+    return _object_spread_props$g(_object_spread$k({}, methods), {
         formControl: methods
     });
 }
@@ -22128,7 +22272,7 @@ function createFormControl() {
         defaultValues: isFunction$5(props.defaultValues) ? undefined : props.defaultValues
     }), 2), formState = _React_useState[0], updateFormState = _React_useState[1];
     if (!_formControl.current) {
-        _formControl.current = _object_spread_props$f(_object_spread$j({}, props.formControl ? props.formControl : createFormControl(props)), {
+        _formControl.current = _object_spread_props$g(_object_spread$k({}, props.formControl ? props.formControl : createFormControl(props)), {
             formState: formState
         });
         if (props.formControl && props.defaultValues && !isFunction$5(props.defaultValues)) {
@@ -22141,7 +22285,7 @@ function createFormControl() {
         return control._subscribe({
             formState: control._proxyFormState,
             callback: function() {
-                return updateFormState(_object_spread$j({}, control._formState));
+                return updateFormState(_object_spread$k({}, control._formState));
             },
             reRenderRoot: true
         });
@@ -22172,7 +22316,7 @@ function createFormControl() {
             control._reset(props.values, control._options.resetOptions);
             _values.current = props.values;
             updateFormState(function(state) {
-                return _object_spread$j({}, state);
+                return _object_spread$k({}, state);
             });
         } else {
             control._resetDefaultValues();
@@ -22196,7 +22340,7 @@ function createFormControl() {
         }
         if (control._state.watch) {
             control._state.watch = false;
-            control._subjects.state.next(_object_spread$j({}, control._formState));
+            control._subjects.state.next(_object_spread$k({}, control._formState));
         }
         control._removeUnmounted();
     });
@@ -22212,7 +22356,7 @@ function createFormControl() {
     return _formControl.current;
 }
 
-function _define_property$j(obj, key, value) {
+function _define_property$k(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22225,7 +22369,7 @@ function _define_property$j(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$i(target) {
+function _object_spread$j(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22235,12 +22379,12 @@ function _object_spread$i(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$j(target, key, source[key]);
+            _define_property$k(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$e(object, enumerableOnly) {
+function ownKeys$f(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -22253,12 +22397,12 @@ function ownKeys$e(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$e(target, source) {
+function _object_spread_props$f(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$e(Object(source)).forEach(function(key) {
+        ownKeys$f(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -22269,7 +22413,7 @@ var FormProvider = function(param) {
     var methods = useForm({
         defaultValues: defaultValues
     });
-    return /*#__PURE__*/ jsx(FormProvider$1, _object_spread_props$e(_object_spread$i({}, methods), {
+    return /*#__PURE__*/ jsx(FormProvider$1, _object_spread_props$f(_object_spread$j({}, methods), {
         children: /*#__PURE__*/ jsx("form", {
             onSubmit: methods.handleSubmit(onSubmit, onError),
             children: children
@@ -22277,7 +22421,7 @@ var FormProvider = function(param) {
     }));
 };
 
-function _define_property$i(obj, key, value) {
+function _define_property$j(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22290,7 +22434,7 @@ function _define_property$i(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$h(target) {
+function _object_spread$i(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22300,12 +22444,12 @@ function _object_spread$h(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$i(target, key, source[key]);
+            _define_property$j(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$d(object, enumerableOnly) {
+function ownKeys$e(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -22318,20 +22462,20 @@ function ownKeys$d(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$d(target, source) {
+function _object_spread_props$e(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$d(Object(source)).forEach(function(key) {
+        ownKeys$e(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$9(source, excluded) {
+function _object_without_properties$a(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$9(source, excluded);
+    var target = _object_without_properties_loose$a(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22344,7 +22488,7 @@ function _object_without_properties$9(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$9(source, excluded) {
+function _object_without_properties_loose$a(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22357,7 +22501,7 @@ function _object_without_properties_loose$9(source, excluded) {
     return target;
 }
 var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var _param_size = _param.size, size = _param_size === void 0 ? "large" : _param_size, color = _param.color, props = _object_without_properties$9(_param, [
+    var _param_size = _param.size, size = _param_size === void 0 ? "large" : _param_size, color = _param.color, props = _object_without_properties$a(_param, [
         "size",
         "color"
     ]);
@@ -22388,7 +22532,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
             control: control,
             render: function(param) {
                 param.field;
-                return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$d(_object_spread$h({
+                return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$e(_object_spread$i({
                     className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", bgColor, sizeClass[size].root, "data-[state=unchecked]:bg-input")
                 }, props), {
                     ref: ref,
@@ -22401,7 +22545,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     });
 });
 
-function _define_property$h(obj, key, value) {
+function _define_property$i(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22414,7 +22558,7 @@ function _define_property$h(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$g(target) {
+function _object_spread$h(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22424,12 +22568,12 @@ function _object_spread$g(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$h(target, key, source[key]);
+            _define_property$i(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$c(object, enumerableOnly) {
+function ownKeys$d(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -22442,20 +22586,20 @@ function ownKeys$c(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$c(target, source) {
+function _object_spread_props$d(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$c(Object(source)).forEach(function(key) {
+        ownKeys$d(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$8(source, excluded) {
+function _object_without_properties$9(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$8(source, excluded);
+    var target = _object_without_properties_loose$9(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22468,7 +22612,7 @@ function _object_without_properties$8(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22504,7 +22648,7 @@ var buttonVariants = cva("inline-flex items-center justify-center whitespace-now
     }
 });
 var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, customClassName = _param.customClassName, children = _param.children, props = _object_without_properties$8(_param, [
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_isLoading = _param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, customClassName = _param.customClassName, children = _param.children, props = _object_without_properties$9(_param, [
         "className",
         "variant",
         "size",
@@ -22514,7 +22658,7 @@ var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "children"
     ]);
     var Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, _object_spread_props$c(_object_spread$g({
+    return /*#__PURE__*/ jsx(Comp, _object_spread_props$d(_object_spread$h({
         className: cn(variant !== "custom" ? buttonVariants({
             variant: variant,
             size: size,
@@ -22546,7 +22690,7 @@ var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     }));
 });
 
-function _define_property$g(obj, key, value) {
+function _define_property$h(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22577,7 +22721,7 @@ function _object_destructuring_empty$2(o) {
     if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
     return o;
 }
-function _object_spread$f(target) {
+function _object_spread$g(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22587,12 +22731,12 @@ function _object_spread$f(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$g(target, key, source[key]);
+            _define_property$h(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$b(object, enumerableOnly) {
+function ownKeys$c(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -22605,20 +22749,20 @@ function ownKeys$b(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$b(target, source) {
+function _object_spread_props$c(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$b(Object(source)).forEach(function(key) {
+        ownKeys$c(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
     return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$8(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$7(source, excluded);
+    var target = _object_without_properties_loose$8(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22631,7 +22775,7 @@ function _object_without_properties$7(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22644,15 +22788,15 @@ function _object_without_properties_loose$7(source, excluded) {
     return target;
 }
 function Calendar$2(_param) {
-    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties$7(_param, [
+    var className = _param.className, classNames = _param.classNames, _param_showOutsideDays = _param.showOutsideDays, showOutsideDays = _param_showOutsideDays === void 0 ? true : _param_showOutsideDays, props = _object_without_properties$8(_param, [
         "className",
         "classNames",
         "showOutsideDays"
     ]);
-    return /*#__PURE__*/ jsx(DayPicker, _object_spread_props$b(_object_spread$f({
+    return /*#__PURE__*/ jsx(DayPicker, _object_spread_props$c(_object_spread$g({
         showOutsideDays: showOutsideDays,
         className: cn("p-3", className),
-        classNames: _object_spread$f({
+        classNames: _object_spread$g({
             months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
             month: "space-y-4",
             caption: "flex justify-center pt-1 relative items-center",
@@ -22704,7 +22848,7 @@ function Calendar$2(_param) {
 }
 Calendar$2.displayName = "Calendar";
 
-function _define_property$f(obj, key, value) {
+function _define_property$g(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -22717,7 +22861,7 @@ function _define_property$f(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$e(target) {
+function _object_spread$f(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -22727,14 +22871,14 @@ function _object_spread$e(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$f(target, key, source[key]);
+            _define_property$g(target, key, source[key]);
         });
     }
     return target;
 }
-function _object_without_properties$6(source, excluded) {
+function _object_without_properties$7(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose$6(source, excluded);
+    var target = _object_without_properties_loose$7(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -22747,7 +22891,7 @@ function _object_without_properties$6(source, excluded) {
     }
     return target;
 }
-function _object_without_properties_loose$6(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -22762,13 +22906,13 @@ function _object_without_properties_loose$6(source, excluded) {
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties$6(_param, [
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties$7(_param, [
         "className",
         "align",
         "sideOffset"
     ]);
     return /*#__PURE__*/ jsx(PopoverPrimitive.Portal, {
-        children: /*#__PURE__*/ jsx(PopoverPrimitive.Content, _object_spread$e({
+        children: /*#__PURE__*/ jsx(PopoverPrimitive.Content, _object_spread$f({
             ref: ref,
             align: align,
             sideOffset: sideOffset,
@@ -23999,7 +24143,7 @@ function _array_with_holes$d(arr) {
 function _array_without_holes$5(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$g(arr);
 }
-function _define_property$e(obj, key, value) {
+function _define_property$f(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -24045,7 +24189,7 @@ function _non_iterable_rest$d() {
 function _non_iterable_spread$5() {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$d(target) {
+function _object_spread$e(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -24055,12 +24199,12 @@ function _object_spread$d(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$e(target, key, source[key]);
+            _define_property$f(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$a(object, enumerableOnly) {
+function ownKeys$b(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -24073,12 +24217,12 @@ function ownKeys$a(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$a(target, source) {
+function _object_spread_props$b(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$a(Object(source)).forEach(function(key) {
+        ownKeys$b(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -24285,7 +24429,7 @@ function observeMove(element, onMove) {
         // Older browsers don't support a `document` as the root and will throw an
         // error.
         try {
-            io = new IntersectionObserver(handleObserve, _object_spread_props$a(_object_spread$d({}, options), {
+            io = new IntersectionObserver(handleObserve, _object_spread_props$b(_object_spread$e({}, options), {
                 // Handle <iframe>s
                 root: root.ownerDocument
             }));
@@ -26827,7 +26971,7 @@ var shouldHideSelectedOptions = function shouldHideSelectedOptions(props) {
     return hideSelectedOptions;
 };
 var instanceId = 1;
-var Select = /*#__PURE__*/ function(_Component) {
+var Select$1 = /*#__PURE__*/ function(_Component) {
     _inherits$3(Select, _Component);
     var _super = _createSuper(Select);
     // Misc. Instance Properties
@@ -28180,11 +28324,11 @@ var Select = /*#__PURE__*/ function(_Component) {
     ]);
     return Select;
 }(Component);
-Select.defaultProps = defaultProps;
+Select$1.defaultProps = defaultProps;
 
 var StateManagedSelect = /*#__PURE__*/ forwardRef(function(props, ref) {
     var baseSelectProps = useStateManager(props);
-    return /*#__PURE__*/ React.createElement(Select, _extends$4({
+    return /*#__PURE__*/ React.createElement(Select$1, _extends$4({
         ref: ref
     }, baseSelectProps));
 });
@@ -46674,7 +46818,7 @@ var verifyTaxId = function(idStr) {
 function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$d(obj, key, value) {
+function _define_property$e(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -46714,7 +46858,7 @@ function _iterable_to_array_limit$c(arr, i) {
 function _non_iterable_rest$c() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _object_spread$c(target) {
+function _object_spread$d(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -46724,12 +46868,12 @@ function _object_spread$c(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$d(target, key, source[key]);
+            _define_property$e(target, key, source[key]);
         });
     }
     return target;
 }
-function ownKeys$9(object, enumerableOnly) {
+function ownKeys$a(object, enumerableOnly) {
     var keys = Object.keys(object);
     if (Object.getOwnPropertySymbols) {
         var symbols = Object.getOwnPropertySymbols(object);
@@ -46742,12 +46886,12 @@ function ownKeys$9(object, enumerableOnly) {
     }
     return keys;
 }
-function _object_spread_props$9(target, source) {
+function _object_spread_props$a(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
     } else {
-        ownKeys$9(Object(source)).forEach(function(key) {
+        ownKeys$a(Object(source)).forEach(function(key) {
             Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
         });
     }
@@ -46852,14 +46996,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$9(_object_spread$c({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$d({
                                         className: [
                                             isDisabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                                             "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg border border-solid border-gray-300",
                                             (item === null || item === void 0 ? void 0 : item.icon) ? "pl-14" : "pl-4"
                                         ].join(" "),
                                         style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$d({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.cityName) || "");
                                         },
@@ -46890,14 +47034,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$9(_object_spread$c({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$d({
                                         className: [
                                             isDisabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                                             "customSelect w-full h-11 text-[15px] py-2 pr-4 rounded-lg border border-solid border-gray-300",
                                             (item === null || item === void 0 ? void 0 : item.subIcon) ? "pl-14" : "pl-4"
                                         ].join(" "),
                                         style: item === null || item === void 0 ? void 0 : item.style
-                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$d({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.districtName) || "");
                                         },
@@ -47186,6 +47330,283 @@ var CustomUpload = function(param) {
     });
 };
 
+function _define_property$d(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread$c(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property$d(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys$9(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props$9(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys$9(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties$6(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose$6(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose$6(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties$6(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Trigger, _object_spread_props$9(_object_spread$c({
+        ref: ref,
+        className: cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)
+    }, props), {
+        children: [
+            children,
+            /*#__PURE__*/ jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ jsx(Icon, {
+                    className: "h-6 w-6",
+                    icon: "ri:arrow-down-s-line",
+                    color: "6f6f6f"
+                })
+            })
+        ]
+    }));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties$6(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollUpButton, _object_spread_props$9(_object_spread$c({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties$6(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollDownButton, _object_spread_props$9(_object_spread$c({
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
+            className: "h-4 w-4"
+        })
+    }));
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties$6(_param, [
+        "className",
+        "children",
+        "position"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Portal, {
+        children: /*#__PURE__*/ jsxs(SelectPrimitive.Content, _object_spread_props$9(_object_spread$c({
+            ref: ref,
+            className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            position: position
+        }, props), {
+            children: [
+                /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
+                /*#__PURE__*/ jsx(SelectPrimitive.Viewport, {
+                    className: cn(position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+                    children: children
+                }),
+                /*#__PURE__*/ jsx(SelectScrollDownButton, {})
+            ]
+        }))
+    });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties$6(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Label, _object_spread$c({
+        ref: ref,
+        className: cn("px-2 py-1.5 text-sm font-semibold", className)
+    }, props));
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, children = _param.children, props = _object_without_properties$6(_param, [
+        "className",
+        "children"
+    ]);
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Item, _object_spread_props$9(_object_spread$c({
+        ref: ref,
+        className: cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+    }, props), {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(SelectPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(CheckIcon, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    }));
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties$6(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ jsx(SelectPrimitive.Separator, _object_spread$c({
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props));
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+var sizeClassMap = {
+    sm: "h-8 px-2 text-xs",
+    md: "h-[44px] px-3 text-base",
+    lg: "h-12 px-4 text-lg"
+};
+var optionSizeClassMap = {
+    sm: "h-6 px-2 text-xs",
+    md: "h-8 px-3 text-base",
+    lg: "h-10 px-4 text-lg"
+};
+var BaseSelect = function(param) {
+    var item = param.item;
+    var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
+    var _item_className = item.className, className = _item_className === void 0 ? "" : _item_className, _item_size = item.size, size = _item_size === void 0 ? "md" : _item_size, _item_groupLabelColor = item.groupLabelColor, groupLabelColor = _item_groupLabelColor === void 0 ? "" : _item_groupLabelColor, _item_bgColor = item.bgColor, bgColor = _item_bgColor === void 0 ? "" : _item_bgColor, _item_optionHoverColor = item.optionHoverColor, optionHoverColor = _item_optionHoverColor === void 0 ? "" : _item_optionHoverColor, _item_optionSelectedBgColor = item.optionSelectedBgColor, optionSelectedBgColor = _item_optionSelectedBgColor === void 0 ? "" : _item_optionSelectedBgColor, _item_option = item.option, option = _item_option === void 0 ? [] : _item_option;
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(FieldLabel, {
+                item: item
+            }),
+            /*#__PURE__*/ jsx(Controller$2, {
+                name: item === null || item === void 0 ? void 0 : item.name,
+                control: control,
+                rules: item.validateOption,
+                render: function(param) {
+                    var field = param.field;
+                    return /*#__PURE__*/ jsxs(Select, {
+                        onValueChange: field.onChange,
+                        value: field.value,
+                        children: [
+                            /*#__PURE__*/ jsx(SelectTrigger, {
+                                className: cn(sizeClassMap[size], className),
+                                children: /*#__PURE__*/ jsx(SelectValue, {
+                                    placeholder: item === null || item === void 0 ? void 0 : item.placeholder
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SelectContent, {
+                                children: option.map(function(item, index) {
+                                    var _item_options, _item_options1;
+                                    return "options" in item ? /*#__PURE__*/ jsxs(SelectGroup, {
+                                        children: [
+                                            item.label && /*#__PURE__*/ jsx(SelectLabel, {
+                                                className: cn(sizeClassMap[size], groupLabelColor),
+                                                children: item.label
+                                            }),
+                                            (item === null || item === void 0 ? void 0 : (_item_options = item.options) === null || _item_options === void 0 ? void 0 : _item_options.length) ? item === null || item === void 0 ? void 0 : (_item_options1 = item.options) === null || _item_options1 === void 0 ? void 0 : _item_options1.map(function(opt) {
+                                                return /*#__PURE__*/ jsx(SelectItem, {
+                                                    value: opt.value,
+                                                    className: cn(bgColor, optionHoverColor, optionSelectedBgColor, optionSizeClassMap[size], "!pl-4"),
+                                                    children: opt.name
+                                                }, opt.value);
+                                            }) : []
+                                        ]
+                                    }, index) : /*#__PURE__*/ jsx(SelectItem, {
+                                        value: String(item.value),
+                                        className: cn(bgColor, optionHoverColor, optionSelectedBgColor, optionSizeClassMap[size]),
+                                        children: item === null || item === void 0 ? void 0 : item.name
+                                    }, item.value);
+                                })
+                            })
+                        ]
+                    });
+                }
+            }),
+            validateMsg(errors, item) && /*#__PURE__*/ jsxs("div", {
+                className: "text-left pt-1 text-xs text-[#EF5533]",
+                children: [
+                    "*",
+                    validateMsg(errors, item)
+                ]
+            })
+        ]
+    });
+};
+
 /* eslint-disable react/no-array-index-key */ /* eslint-disable react/prop-types */ function _array_like_to_array$c(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -47901,6 +48322,10 @@ var Row = function(param) {
                 return /*#__PURE__*/ createElement(SingleSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
+            case "baseSelect":
+                return /*#__PURE__*/ createElement(BaseSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                    key: "rowField-".concat(index)
+                }));
             case "multipleSelect":
                 return /*#__PURE__*/ createElement(MultipleSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
                     key: "rowField-".concat(index)