npm - @sunggang/ui-lib - Versions diffs - 0.3.37 → 0.3.38 - Mend

@sunggang/ui-lib 0.3.37 → 0.3.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/index.esm2.js CHANGED Viewed

@@ -17497,7 +17497,7 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
 })(Droppable);
 ConnectedDroppable.defaultProps = defaultProps$1;
-function _define_property$r(obj, key, value) {
+function _define_property$s(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17510,7 +17510,7 @@ function _define_property$r(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$q(target) {
+function _object_spread$r(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -17520,7 +17520,7 @@ function _object_spread$q(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$r(target, key, source[key]);
+            _define_property$s(target, key, source[key]);
         });
     }
     return target;
@@ -17555,7 +17555,7 @@ var DragDropImages = function(param) {
         droppableId: "droppable-imageUrls",
         direction: "horizontal",
         children: function(provided) {
-            return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
+            return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$r({
                 ref: provided.innerRef
             }, provided.droppableProps), {
                 className: "flex gap-2",
@@ -17565,7 +17565,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$m(_object_spread$q({
+                                return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$r({
                                     ref: provided.innerRef
                                 }, provided.draggableProps, provided.dragHandleProps), {
                                     className: "w-24 my-2 rounded-lg bg-gray-200",
@@ -17604,7 +17604,7 @@ var DragDropImages = function(param) {
     });
 };
-function _define_property$q(obj, key, value) {
+function _define_property$r(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17617,7 +17617,7 @@ function _define_property$q(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$p(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);
@@ -17627,7 +17627,7 @@ function _object_spread$p(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$q(target, key, source[key]);
+            _define_property$r(target, key, source[key]);
         });
     }
     return target;
@@ -17662,7 +17662,7 @@ var CustomDragDropImages = function(param) {
         droppableId: "droppable-imageUrls",
         direction: "horizontal",
         children: function(provided) {
-            return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
+            return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$q({
                 ref: provided.innerRef
             }, provided.droppableProps), {
                 children: [
@@ -17678,7 +17678,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$l(_object_spread$p({
+                                        return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$q({
                                             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)]",
@@ -17719,7 +17719,7 @@ var CustomDragDropImages = function(param) {
     });
 };
-function _define_property$p(obj, key, value) {
+function _define_property$q(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17732,7 +17732,7 @@ function _define_property$p(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$o(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);
@@ -17742,7 +17742,7 @@ function _object_spread$o(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$p(target, key, source[key]);
+            _define_property$q(target, key, source[key]);
         });
     }
     return target;
@@ -17778,7 +17778,7 @@ var PrimaryDragDropImage = function(param) {
         direction: "horizontal",
         isDropDisabled: isDropDisabled || false,
         children: function(provided) {
-            return /*#__PURE__*/ jsx("div", _object_spread_props$k(_object_spread$o({
+            return /*#__PURE__*/ jsx("div", _object_spread_props$k(_object_spread$p({
                 ref: provided.innerRef
             }, provided.droppableProps), {
                 children: /*#__PURE__*/ jsxs("div", {
@@ -17789,7 +17789,7 @@ var PrimaryDragDropImage = function(param) {
                                 draggableId: String(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$k(_object_spread$p({
                                         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)]",
@@ -17933,7 +17933,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$o(obj, key, value) {
+function _define_property$p(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -17979,7 +17979,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$n(target) {
+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);
@@ -17989,7 +17989,7 @@ function _object_spread$n(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$o(target, key, source[key]);
+            _define_property$p(target, key, source[key]);
         });
     }
     return target;
@@ -18115,7 +18115,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$j(_object_spread$n({}, item), {
+            return _object_spread_props$j(_object_spread$o({}, item), {
                 index: index + 1
             });
         });
@@ -18133,11 +18133,11 @@ var DropImage = function(param) {
             /*#__PURE__*/ jsxs(DragDropContext, {
                 onDragEnd: onDragEnd,
                 children: [
-                    /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({}, getRootProps({
+                    /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$o({}, getRootProps({
                         className: "dropzone"
                     })), {
                         children: [
-                            /*#__PURE__*/ jsx("input", _object_spread$n({}, getInputProps())),
+                            /*#__PURE__*/ jsx("input", _object_spread$o({}, getInputProps())),
                             /*#__PURE__*/ jsx("div", {
                                 className: "flex justify-between",
                                 children: imageStyleType === "primary" ? /*#__PURE__*/ jsx("div", {
@@ -19034,7 +19034,7 @@ var DisabledItem = function(param) {
     });
 };
-function _define_property$n(obj, key, value) {
+function _define_property$o(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -19047,7 +19047,7 @@ function _define_property$n(obj, key, value) {
     }
     return obj;
 }
-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);
@@ -19057,7 +19057,7 @@ 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;
@@ -19137,7 +19137,7 @@ var Item = function(param) {
             onClick: function() {
                 return handleValueChange(item);
             },
-            children: formatOptionLabel(_object_spread_props$i(_object_spread$m({}, item), {
+            children: formatOptionLabel(_object_spread_props$i(_object_spread$n({}, item), {
                 isSelected: isSelected
             }))
         }) : /*#__PURE__*/ jsx(Fragment$1, {
@@ -19353,7 +19353,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$m(obj, key, value) {
+function _define_property$n(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -19399,7 +19399,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$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);
@@ -19409,7 +19409,7 @@ 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;
@@ -19462,7 +19462,7 @@ var DropDown = function(param) {
     useEffect(function() {
         var formatItem = function(item) {
             if ("disabled" in item) return item;
-            return _object_spread_props$h(_object_spread$l({}, item), {
+            return _object_spread_props$h(_object_spread$m({}, item), {
                 disabled: false
             });
         };
@@ -19996,7 +19996,7 @@ function _async_to_generator$3(fn) {
         });
     };
 }
-function _define_property$l(obj, key, value1) {
+function _define_property$m(obj, key, value1) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value1,
@@ -20049,7 +20049,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$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);
@@ -20059,7 +20059,7 @@ 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;
@@ -20483,7 +20483,7 @@ var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? React.useLayou
             formState: _localProxyFormState.current,
             exact: exact,
             callback: function(formState) {
-                !disabled && updateFormState(_object_spread$k({}, control._formState, formState));
+                !disabled && updateFormState(_object_spread$l({}, control._formState, formState));
             }
         });
     }, [
@@ -20600,7 +20600,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$k(_object_spread_props$g(_object_spread$k({}, props.rules), {
+    var _registerProps = React__default.useRef(control.register(name, _object_spread$l(_object_spread_props$g(_object_spread$l({}, props.rules), {
         value: value1
     }), isBoolean(props.disabled) ? {
         disabled: props.disabled
@@ -20688,7 +20688,7 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
         name
     ]);
     var field = React__default.useMemo(function() {
-        return _object_spread_props$g(_object_spread$k({
+        return _object_spread_props$g(_object_spread$l({
             name: name,
             value: value1
         }, isBoolean(disabled) || formState.disabled ? {
@@ -20709,7 +20709,7 @@ var generateWatchOutput = function(names, _names, formValues, isGlobal, defaultV
     ]);
     React__default.useEffect(function() {
         var _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-        control.register(name, _object_spread$k({}, _props.current.rules, isBoolean(_props.current.disabled) ? {
+        control.register(name, _object_spread$l({}, _props.current.rules, isBoolean(_props.current.disabled) ? {
             disabled: _props.current.disabled
         } : {}));
         var updateMounted = function(name, value1) {
@@ -20803,8 +20803,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$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))
+    return validateAllFieldCriteria ? _object_spread_props$g(_object_spread$l({}, errors[name]), {
+        types: _object_spread_props$g(_object_spread$l({}, errors[name] && errors[name].types ? errors[name].types : {}), _define_property$m({}, type, message || true))
     }) : {};
 };
 var convertToArrayPayload = function(value1) {
@@ -20992,7 +20992,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$k({}, markFieldsDirty(data[key]));
+                    dirtyFieldsFromValues[key] = Array.isArray(data[key]) ? markFieldsDirty(data[key], []) : _object_spread$l({}, markFieldsDirty(data[key]));
                 } else {
                     getDirtyFieldsFromDefaultValues(data[key], isNullOrUndefined(formValues) ? {} : formValues[key], dirtyFieldsFromValues[key]);
                 }
@@ -21286,7 +21286,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$k({
+                        error[name] = _object_spread$l({
                             type: exceedMax ? maxType : minType,
                             message: message,
                             ref: ref
@@ -21298,7 +21298,7 @@ var validateField = function() {
                             message: required
                         } : getValueAndMessage(required), value1 = _ref.value, message = _ref.message;
                         if (value1) {
-                            error[name] = _object_spread$k({
+                            error[name] = _object_spread$l({
                                 type: INPUT_VALIDATION_RULES.required,
                                 message: message,
                                 ref: inputRef
@@ -21367,7 +21367,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$k({
+                            error[name] = _object_spread$l({
                                 type: INPUT_VALIDATION_RULES.pattern,
                                 message: message1,
                                 ref: ref
@@ -21397,7 +21397,7 @@ var validateField = function() {
                     result = _state.sent();
                     validateError = getValidateError(result, inputRef);
                     if (validateError) {
-                        error[name] = _object_spread$k({}, validateError, appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
+                        error[name] = _object_spread$l({}, validateError, appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message));
                         if (!validateAllFieldCriteria) {
                             setCustomValidity(validateError.message);
                             return [
@@ -21443,7 +21443,7 @@ var validateField = function() {
                         key
                     ]);
                     if (validateError1) {
-                        validationResult = _object_spread$k({}, validateError1, appendErrorsCurry(key, validateError1.message));
+                        validationResult = _object_spread$l({}, validateError1, appendErrorsCurry(key, validateError1.message));
                         setCustomValidity(validateError1.message);
                         if (validateAllFieldCriteria) {
                             error[name] = validationResult;
@@ -21458,7 +21458,7 @@ var validateField = function() {
                     ];
                 case 6:
                     if (!isEmptyObject(validationResult)) {
-                        error[name] = _object_spread$k({
+                        error[name] = _object_spread$l({
                             ref: inputRef
                         }, validationResult);
                         if (!validateAllFieldCriteria) {
@@ -21489,7 +21489,7 @@ var defaultOptions = {
 };
 function createFormControl() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var _options = _object_spread$k({}, defaultOptions, props);
+    var _options = _object_spread$l({}, defaultOptions, props);
     var _formState = {
         submitCount: 0,
         isDirty: false,
@@ -21532,7 +21532,7 @@ function createFormControl() {
         isValid: false,
         errors: false
     };
-    var _proxySubscribeFormState = _object_spread$k({}, _proxyFormState);
+    var _proxySubscribeFormState = _object_spread$l({}, _proxyFormState);
     var _subjects = {
         array: createSubject(),
         state: createSubject()
@@ -21707,13 +21707,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$g(_object_spread$k({}, fieldState, shouldUpdateValid && isBoolean(isValid) ? {
+            var updatedFormState = _object_spread_props$g(_object_spread$l({}, fieldState, shouldUpdateValid && isBoolean(isValid) ? {
                 isValid: isValid
             } : {}), {
                 errors: _formState.errors,
                 name: name
             });
-            _formState = _object_spread$k({}, _formState, updatedFormState);
+            _formState = _object_spread$l({}, _formState, updatedFormState);
             _subjects.state.next(updatedFormState);
         }
     };
@@ -21915,7 +21915,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$k({}, _state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? _define_property$l({}, names, defaultValue) : defaultValue), isGlobal, defaultValue);
+        return generateWatchOutput(names, _names, _object_spread$l({}, _state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString(names) ? _define_property$m({}, names, defaultValue) : defaultValue), isGlobal, defaultValue);
     };
     var _getFieldArray = function(name) {
         return compact(get$2(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get$2(_defaultValues, name, []) : []));
@@ -21999,7 +21999,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$k({}, _formState));
+        isWatched(name, _names) && _subjects.state.next(_object_spread$l({}, _formState));
         _subjects.state.next({
             name: _state.mount ? name : undefined,
             values: cloneObject(_formValues)
@@ -22055,12 +22055,12 @@ function createFormControl() {
                             }
                             return [
                                 2,
-                                shouldRender && _subjects.state.next(_object_spread$k({
+                                shouldRender && _subjects.state.next(_object_spread$l({
                                     name: name
                                 }, watched ? {} : fieldState))
                             ];
                         }
-                        !isBlurEvent && watched && _subjects.state.next(_object_spread$k({}, _formState));
+                        !isBlurEvent && watched && _subjects.state.next(_object_spread$l({}, _formState));
                         if (!_options.resolver) return [
                             3,
                             2
@@ -22191,7 +22191,7 @@ function createFormControl() {
                                                 field = get$2(_fields, fieldName);
                                                 return [
                                                     4,
-                                                    executeBuiltInValidation(field && field._f ? _define_property$l({}, fieldName, field) : field)
+                                                    executeBuiltInValidation(field && field._f ? _define_property$m({}, fieldName, field) : field)
                                                 ];
                                             case 1:
                                                 return [
@@ -22222,7 +22222,7 @@ function createFormControl() {
                         validationResult = isValid = _state.sent();
                         _state.label = 6;
                     case 6:
-                        _subjects.state.next(_object_spread_props$g(_object_spread$k({}, !isString(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid !== _formState.isValid ? {} : {
+                        _subjects.state.next(_object_spread_props$g(_object_spread$l({}, !isString(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid !== _formState.isValid ? {} : {
                             name: name
                         }, _options.resolver || !name ? {
                             isValid: isValid
@@ -22242,7 +22242,7 @@ function createFormControl() {
         };
     }();
     var getValues = function(fieldNames) {
-        var values = _object_spread$k({}, _state.mount ? _formValues : _defaultValues);
+        var values = _object_spread$l({}, _state.mount ? _formValues : _defaultValues);
         return isUndefined(fieldNames) ? values : isString(fieldNames) ? get$2(values, fieldNames) : fieldNames.map(function(name) {
             return get$2(values, name);
         });
@@ -22275,7 +22275,7 @@ function createFormControl() {
             "message",
             "type"
         ]);
-        set(_formState.errors, name, _object_spread_props$g(_object_spread$k({}, restOfErrorTree, error), {
+        set(_formState.errors, name, _object_spread_props$g(_object_spread$l({}, restOfErrorTree, error), {
             ref: ref
         }));
         _subjects.state.next({
@@ -22296,8 +22296,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$k({
-                        values: _object_spread$k({}, _formValues)
+                    props.callback(_object_spread$l({
+                        values: _object_spread$l({}, _formValues)
                     }, _formState, formState));
                 }
             }
@@ -22305,8 +22305,8 @@ function createFormControl() {
     };
     var subscribe = function(props) {
         _state.mount = true;
-        _proxySubscribeFormState = _object_spread$k({}, _proxySubscribeFormState, props.formState);
-        return _subscribe(_object_spread_props$g(_object_spread$k({}, props), {
+        _proxySubscribeFormState = _object_spread$l({}, _proxySubscribeFormState, props.formState);
+        return _subscribe(_object_spread_props$g(_object_spread$l({}, props), {
             formState: _proxySubscribeFormState
         }));
     };
@@ -22345,7 +22345,7 @@ function createFormControl() {
         _subjects.state.next({
             values: cloneObject(_formValues)
         });
-        _subjects.state.next(_object_spread$k({}, _formState, !options.keepDirty ? {} : {
+        _subjects.state.next(_object_spread$l({}, _formState, !options.keepDirty ? {} : {
             isDirty: _getDirty()
         }));
         !options.keepIsValid && _setValid();
@@ -22360,8 +22360,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$g(_object_spread$k({}, field || {}), {
-            _f: _object_spread$k(_object_spread_props$g(_object_spread$k({}, field && field._f ? field._f : {
+        set(_fields, name, _object_spread_props$g(_object_spread$l({}, field || {}), {
+            _f: _object_spread$l(_object_spread_props$g(_object_spread$l({}, field && field._f ? field._f : {
                 ref: {
                     name: name
                 }
@@ -22379,7 +22379,7 @@ function createFormControl() {
         } else {
             updateValidAndValue(name, true, options.value);
         }
-        return _object_spread_props$g(_object_spread$k({}, disabledIsDefined ? {
+        return _object_spread_props$g(_object_spread$l({}, disabledIsDefined ? {
             disabled: options.disabled || _options.disabled
         } : {}, _options.progressive ? {
             required: !!options.required,
@@ -22405,7 +22405,7 @@ function createFormControl() {
                         return;
                     }
                     set(_fields, name, {
-                        _f: _object_spread$k({}, field._f, radioOrCheckbox ? {
+                        _f: _object_spread$l({}, field._f, radioOrCheckbox ? {
                             refs: _to_consumable_array$6(refs.filter(live)).concat([
                                 fieldRef
                             ], _to_consumable_array$6(Array.isArray(get$2(_defaultValues, name)) ? [
@@ -22559,7 +22559,7 @@ function createFormControl() {
                             ];
                             return [
                                 4,
-                                onInvalid(_object_spread$k({}, _formState.errors), e)
+                                onInvalid(_object_spread$l({}, _formState.errors), e)
                             ];
                         case 10:
                             _state.sent();
@@ -22610,7 +22610,7 @@ function createFormControl() {
                 unset(_formState.errors, name);
                 _proxyFormState.isValid && _setValid();
             }
-            _subjects.state.next(_object_spread$k({}, _formState));
+            _subjects.state.next(_object_spread$l({}, _formState));
         }
     };
     var _reset = function(formValues) {
@@ -22701,10 +22701,10 @@ function createFormControl() {
             }
             _formValues = cloneObject(values);
             _subjects.array.next({
-                values: _object_spread$k({}, values)
+                values: _object_spread$l({}, values)
             });
             _subjects.state.next({
-                values: _object_spread$k({}, values)
+                values: _object_spread$l({}, values)
             });
         }
         _names = {
@@ -22745,7 +22745,7 @@ function createFormControl() {
         }
     };
     var _setFormState = function(updatedFormState) {
-        _formState = _object_spread$k({}, _formState, updatedFormState);
+        _formState = _object_spread$l({}, _formState, updatedFormState);
     };
     var _resetDefaultValues = function() {
         return isFunction$5(_options.defaultValues) && _options.defaultValues().then(function(values) {
@@ -22805,7 +22805,7 @@ function createFormControl() {
                 return _options;
             },
             set _options (value){
-                _options = _object_spread$k({}, _options, value);
+                _options = _object_spread$l({}, _options, value);
             }
         },
         subscribe: subscribe,
@@ -22823,7 +22823,7 @@ function createFormControl() {
         setFocus: setFocus,
         getFieldState: getFieldState
     };
-    return _object_spread_props$g(_object_spread$k({}, methods), {
+    return _object_spread_props$g(_object_spread$l({}, methods), {
         formControl: methods
     });
 }
@@ -23065,7 +23065,7 @@ var updateAt = function(fieldValues, index, value1) {
     };
     React__default.useEffect(function() {
         control._state.action = false;
-        isWatched(name, control._names) && control._subjects.state.next(_object_spread$k({}, control._formState));
+        isWatched(name, control._names) && control._subjects.state.next(_object_spread$l({}, control._formState));
         if (_actioned.current && (!getValidationModes(control._options.mode).isOnSubmit || control._formState.isSubmitted) && !getValidationModes(control._options.reValidateMode).isOnSubmit) {
             if (control._options.resolver) {
                 control._runSchema([
@@ -23170,7 +23170,7 @@ var updateAt = function(fieldValues, index, value1) {
         ]),
         fields: React__default.useMemo(function() {
             return fields.map(function(field, index) {
-                return _object_spread_props$g(_object_spread$k({}, field), _define_property$l({}, keyName, ids.current[index] || generateId()));
+                return _object_spread_props$g(_object_spread$l({}, field), _define_property$m({}, keyName, ids.current[index] || generateId()));
             });
         }, [
             fields,
@@ -23228,7 +23228,7 @@ var updateAt = function(fieldValues, index, value1) {
         defaultValues: isFunction$5(props.defaultValues) ? undefined : props.defaultValues
     }), 2), formState = _React__default_useState[0], updateFormState = _React__default_useState[1];
     if (!_formControl.current) {
-        _formControl.current = _object_spread_props$g(_object_spread$k({}, props.formControl ? props.formControl : createFormControl(props)), {
+        _formControl.current = _object_spread_props$g(_object_spread$l({}, props.formControl ? props.formControl : createFormControl(props)), {
             formState: formState
         });
         if (props.formControl && props.defaultValues && !isFunction$5(props.defaultValues)) {
@@ -23241,12 +23241,12 @@ var updateAt = function(fieldValues, index, value1) {
         var sub = control._subscribe({
             formState: control._proxyFormState,
             callback: function() {
-                return updateFormState(_object_spread$k({}, control._formState));
+                return updateFormState(_object_spread$l({}, control._formState));
             },
             reRenderRoot: true
         });
         updateFormState(function(data) {
-            return _object_spread_props$g(_object_spread$k({}, data), {
+            return _object_spread_props$g(_object_spread$l({}, data), {
                 isReady: true
             });
         });
@@ -23303,7 +23303,7 @@ var updateAt = function(fieldValues, index, value1) {
             control._reset(props.values, control._options.resetOptions);
             _values.current = props.values;
             updateFormState(function(state) {
-                return _object_spread$k({}, state);
+                return _object_spread$l({}, state);
             });
         } else {
             control._resetDefaultValues();
@@ -23319,7 +23319,7 @@ var updateAt = function(fieldValues, index, value1) {
         }
         if (control._state.watch) {
             control._state.watch = false;
-            control._subjects.state.next(_object_spread$k({}, control._formState));
+            control._subjects.state.next(_object_spread$l({}, control._formState));
         }
         control._removeUnmounted();
     });
@@ -23327,7 +23327,7 @@ var updateAt = function(fieldValues, index, value1) {
     return _formControl.current;
 }
-function _define_property$k(obj, key, value) {
+function _define_property$l(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23340,7 +23340,7 @@ function _define_property$k(obj, key, value) {
     }
     return obj;
 }
-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);
@@ -23350,7 +23350,7 @@ 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;
@@ -23384,7 +23384,7 @@ var FormProvider = function(param) {
     var methods = useForm({
         defaultValues: defaultValues
     });
-    return /*#__PURE__*/ jsx(FormProvider$1, _object_spread_props$f(_object_spread$j({}, methods), {
+    return /*#__PURE__*/ jsx(FormProvider$1, _object_spread_props$f(_object_spread$k({}, methods), {
         children: /*#__PURE__*/ jsx("form", {
             onSubmit: methods.handleSubmit(onSubmit, onError),
             children: children
@@ -23392,7 +23392,7 @@ var FormProvider = function(param) {
     }));
 };
-function _define_property$j(obj, key, value) {
+function _define_property$k(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23405,7 +23405,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);
@@ -23415,7 +23415,7 @@ 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;
@@ -23503,7 +23503,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
             control: control,
             render: function(param) {
                 param.field;
-                return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$e(_object_spread$i({
+                return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$e(_object_spread$j({
                     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,
@@ -23516,7 +23516,7 @@ var Switch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     });
 });
-function _define_property$i(obj, key, value) {
+function _define_property$j(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23529,7 +23529,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);
@@ -23539,7 +23539,7 @@ 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;
@@ -23629,7 +23629,7 @@ var Button = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "children"
     ]);
     var Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, _object_spread_props$d(_object_spread$h({
+    return /*#__PURE__*/ jsx(Comp, _object_spread_props$d(_object_spread$i({
         className: cn(variant !== "custom" ? buttonVariants({
             variant: variant,
             size: size,
@@ -23661,7 +23661,7 @@ var Button = /*#__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,
@@ -23692,7 +23692,7 @@ function _object_destructuring_empty$2(o) {
     if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
     return o;
 }
-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);
@@ -23702,7 +23702,7 @@ 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;
@@ -23764,10 +23764,10 @@ function Calendar$2(_param) {
         "classNames",
         "showOutsideDays"
     ]);
-    return /*#__PURE__*/ jsx(DayPicker, _object_spread_props$c(_object_spread$g({
+    return /*#__PURE__*/ jsx(DayPicker, _object_spread_props$c(_object_spread$h({
         showOutsideDays: showOutsideDays,
         className: cn("p-3", className),
-        classNames: _object_spread$g({
+        classNames: _object_spread$h({
             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",
@@ -23819,7 +23819,7 @@ function Calendar$2(_param) {
 }
 Calendar$2.displayName = "Calendar";
-function _define_property$g(obj, key, value) {
+function _define_property$h(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -23832,7 +23832,7 @@ function _define_property$g(obj, key, value) {
     }
     return obj;
 }
-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);
@@ -23842,7 +23842,7 @@ 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;
@@ -23883,7 +23883,7 @@ var PopoverContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "sideOffset"
     ]);
     return /*#__PURE__*/ jsx(PopoverPrimitive.Portal, {
-        children: /*#__PURE__*/ jsx(PopoverPrimitive.Content, _object_spread$f({
+        children: /*#__PURE__*/ jsx(PopoverPrimitive.Content, _object_spread$g({
             ref: ref,
             align: align,
             sideOffset: sideOffset,
@@ -24561,7 +24561,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$f(obj, key, value) {
+function _define_property$g(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -24607,7 +24607,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$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);
@@ -24617,7 +24617,7 @@ 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;
@@ -24847,7 +24847,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$b(_object_spread$e({}, options), {
+            io = new IntersectionObserver(handleObserve, _object_spread_props$b(_object_spread$f({}, options), {
                 // Handle <iframe>s
                 root: root.ownerDocument
             }));
@@ -47237,7 +47237,7 @@ var verifyTaxId = function(idStr) {
 function _array_with_holes$c(arr) {
     if (Array.isArray(arr)) return 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,
@@ -47277,7 +47277,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$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);
@@ -47287,7 +47287,7 @@ 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;
@@ -47415,14 +47415,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$d({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$e({
                                         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-2xl border border-solid border-[#B4B4B4]",
                                             (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$d({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.cityName) || "", _object_spread$e({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.cityName) || "");
                                         },
@@ -47453,14 +47453,14 @@ var CityDistrict = function(param) {
                                             color: "6f6f6f"
                                         })
                                     }),
-                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$d({
+                                    /*#__PURE__*/ jsxs("select", _object_spread_props$a(_object_spread$e({
                                         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-2xl border border-solid border-[#B4B4B4]",
                                             (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$d({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register((item === null || item === void 0 ? void 0 : item.districtName) || "", _object_spread$e({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         onChange: function(e) {
                                             return handleCity(e, (item === null || item === void 0 ? void 0 : item.districtName) || "");
                                         },
@@ -47833,7 +47833,7 @@ var CustomUpload = function(param) {
     });
 };
-function _define_property$d(obj, key, value) {
+function _define_property$e(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -47846,7 +47846,7 @@ function _define_property$d(obj, key, value) {
     }
     return obj;
 }
-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);
@@ -47856,7 +47856,7 @@ 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;
@@ -47920,7 +47920,7 @@ var SelectTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "children"
     ]);
-    return /*#__PURE__*/ jsxs(SelectPrimitive.Trigger, _object_spread_props$9(_object_spread$c({
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Trigger, _object_spread_props$9(_object_spread$d({
         ref: ref,
         className: cn("flex h-9 w-full min-w-[8rem] items-center justify-between whitespace-nowrap rounded-2xl border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-[#1A1A1A] focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className)
     }, props), {
@@ -47942,7 +47942,7 @@ 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({
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollUpButton, _object_spread_props$9(_object_spread$d({
         ref: ref,
         className: cn("flex cursor-default items-center justify-center py-1", className)
     }, props), {
@@ -47956,7 +47956,7 @@ 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({
+    return /*#__PURE__*/ jsx(SelectPrimitive.ScrollDownButton, _object_spread_props$9(_object_spread$d({
         ref: ref,
         className: cn("flex cursor-default items-center justify-center py-1", className)
     }, props), {
@@ -47973,7 +47973,7 @@ var SelectContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "position"
     ]);
     return /*#__PURE__*/ jsx(SelectPrimitive.Portal, {
-        children: /*#__PURE__*/ jsxs(SelectPrimitive.Content, _object_spread_props$9(_object_spread$c({
+        children: /*#__PURE__*/ jsxs(SelectPrimitive.Content, _object_spread_props$9(_object_spread$d({
             ref: ref,
             className: cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-2xl 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
@@ -47994,7 +47994,7 @@ 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({
+    return /*#__PURE__*/ jsx(SelectPrimitive.Label, _object_spread$d({
         ref: ref,
         className: cn("px-2 py-1.5 text-sm font-semibold", className)
     }, props));
@@ -48005,7 +48005,7 @@ var SelectItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "children"
     ]);
-    return /*#__PURE__*/ jsxs(SelectPrimitive.Item, _object_spread_props$9(_object_spread$c({
+    return /*#__PURE__*/ jsxs(SelectPrimitive.Item, _object_spread_props$9(_object_spread$d({
         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), {
@@ -48029,7 +48029,7 @@ 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({
+    return /*#__PURE__*/ jsx(SelectPrimitive.Separator, _object_spread$d({
         ref: ref,
         className: cn("-mx-1 my-1 h-px bg-muted", className)
     }, props));
@@ -48119,7 +48119,7 @@ var BaseSelect = function(param) {
 function _array_with_holes$9(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$c(obj, key, value) {
+function _define_property$d(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -48159,7 +48159,7 @@ function _iterable_to_array_limit$9(arr, i) {
 function _non_iterable_rest$9() {
     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$b(target) {
+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);
@@ -48169,7 +48169,7 @@ function _object_spread$b(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$c(target, key, source[key]);
+            _define_property$d(target, key, source[key]);
         });
     }
     return target;
@@ -48248,7 +48248,7 @@ var TextField = function(param) {
                                     className: [
                                         validateMsg(errors, item) ? "rounded-2xl" : ""
                                     ].join(" "),
-                                    children: /*#__PURE__*/ jsx("input", _object_spread_props$8(_object_spread$b({
+                                    children: /*#__PURE__*/ jsx("input", _object_spread_props$8(_object_spread$c({
                                         type: item === null || item === void 0 ? void 0 : item.type,
                                         className: [
                                             isDisabled ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
@@ -48256,7 +48256,7 @@ var TextField = function(param) {
                                             (item === null || item === void 0 ? void 0 : item.icon) ? "pl-14" : "pl-4"
                                         ].join(" "),
                                         placeholder: item === null || item === void 0 ? void 0 : item.placeholder
-                                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         style: item === null || item === void 0 ? void 0 : item.style,
                                         disabled: isDisabled
                                     }))
@@ -48276,7 +48276,7 @@ var TextField = function(param) {
                                     className: [
                                         ""
                                     ].join(" "),
-                                    children: /*#__PURE__*/ jsx("input", _object_spread_props$8(_object_spread$b({
+                                    children: /*#__PURE__*/ jsx("input", _object_spread_props$8(_object_spread$c({
                                         type: item === null || item === void 0 ? void 0 : item.type,
                                         inputMode: "numeric",
                                         className: [
@@ -48284,7 +48284,7 @@ var TextField = function(param) {
                                             "w-full h-11 rounded-2xl customInput px-4 border border-solid border-[#B4B4B4] appearance-none"
                                         ].join(" "),
                                         placeholder: item === null || item === void 0 ? void 0 : item.placeholder
-                                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                         style: item === null || item === void 0 ? void 0 : item.style,
                                         onChange: handleReplace,
                                         disabled: isDisabled
@@ -48335,13 +48335,13 @@ var SingleSelect = function(param) {
                             render: function(param) {
                                 var field = param.field;
                                 var _item_option;
-                                return /*#__PURE__*/ jsx("select", _object_spread_props$8(_object_spread$b(_object_spread_props$8(_object_spread$b({
+                                return /*#__PURE__*/ jsx("select", _object_spread_props$8(_object_spread$c(_object_spread_props$8(_object_spread$c({
                                     className: [
                                         (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                                         "customSelect w-full h-11 py-2 pr-4 rounded-2xl border border-solid border-[#B4B4B4] pl-4"
                                     ].join(" "),
                                     style: item.style
-                                }, register(item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                                }, register(item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                                     id: item === null || item === void 0 ? void 0 : item.id,
                                     disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
                                 }), field), {
@@ -48380,14 +48380,14 @@ var MultipleSelect = function(param) {
     var _item_option, _item_validateOption;
     var _useFormContext = useFormContext(), control = _useFormContext.control, errors = _useFormContext.formState.errors;
     var newOptions = (item === null || item === void 0 ? void 0 : (_item_option = item.option) === null || _item_option === void 0 ? void 0 : _item_option.length) ? item === null || item === void 0 ? void 0 : item.option.map(function(v) {
-        return _object_spread_props$8(_object_spread$b({}, v), {
+        return _object_spread_props$8(_object_spread$c({}, v), {
             label: v === null || v === void 0 ? void 0 : v.name
         });
     }) : [];
     var isDisabled = (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled);
     var customStyles = {
         control: function(provided) {
-            return _object_spread_props$8(_object_spread$b({}, provided), {
+            return _object_spread_props$8(_object_spread$c({}, provided), {
                 minHeight: "42px",
                 backgroundColor: isDisabled ? "#e5e7eb" : "white",
                 pointerEvents: isDisabled ? "none" : "auto",
@@ -48395,16 +48395,16 @@ var MultipleSelect = function(param) {
             });
         },
         singleValue: function(provided) {
-            return _object_spread$b({}, provided);
+            return _object_spread$c({}, provided);
         },
         multiValueLabel: function(provided) {
-            return _object_spread$b({}, provided);
+            return _object_spread$c({}, provided);
         },
         indicatorsContainer: function(provided) {
-            return _object_spread$b({}, provided);
+            return _object_spread$c({}, provided);
         },
         menuPortal: function(base) {
-            return _object_spread_props$8(_object_spread$b({}, base), {
+            return _object_spread_props$8(_object_spread$c({}, base), {
                 zIndex: 9999
             });
         }
@@ -48426,7 +48426,7 @@ var MultipleSelect = function(param) {
                 } : undefined,
                 render: function(param) {
                     var field = param.field;
-                    return /*#__PURE__*/ jsx(StateManagedSelect$1, _object_spread_props$8(_object_spread$b({}, field), {
+                    return /*#__PURE__*/ jsx(StateManagedSelect$1, _object_spread_props$8(_object_spread$c({}, field), {
                         isMulti: true,
                         options: newOptions,
                         placeholder: (item === null || item === void 0 ? void 0 : item.placeholder) || "請選擇",
@@ -48478,14 +48478,14 @@ var Time = function(param) {
             /*#__PURE__*/ jsxs("div", {
                 className: "relative",
                 children: [
-                    /*#__PURE__*/ jsx("input", _object_spread$b(_object_spread_props$8(_object_spread$b({
+                    /*#__PURE__*/ jsx("input", _object_spread$c(_object_spread_props$8(_object_spread$c({
                         className: [
                             (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#0f172a]",
                             "customTime border border-solid border-[#B4B4B4] px-3 py-2 rounded-2xl w-full text-[16px]"
                         ].join(" "),
                         type: (item === null || item === void 0 ? void 0 : item.type) || "time",
                         placeholder: "ex: 16:00"
-                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                    }, register(item === null || item === void 0 ? void 0 : item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                         style: item === null || item === void 0 ? void 0 : item.style,
                         disabled: item === null || item === void 0 ? void 0 : item.disabled,
                         id: item === null || item === void 0 ? void 0 : item.id,
@@ -48540,13 +48540,13 @@ var City = function(param) {
                                 color: "6f6f6f"
                             })
                         }),
-                        /*#__PURE__*/ jsx("select", _object_spread_props$8(_object_spread$b({
+                        /*#__PURE__*/ jsx("select", _object_spread_props$8(_object_spread$c({
                             className: [
                                 (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f] cursor-pointer",
                                 "customSelect w-full h-11 py-2 pr-4 rounded-2xl border border-solid border-[#B4B4B4] pl-4 mr-6"
                             ].join(" "),
                             style: item === null || item === void 0 ? void 0 : item.style
-                        }, register(item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+                        }, register(item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                             disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled),
                             children: (CityDataMap === null || CityDataMap === void 0 ? void 0 : CityDataMap.length) && CityDataMap.map(function(v) {
                                 return /*#__PURE__*/ jsx("option", {
@@ -48600,7 +48600,7 @@ var CheckboxField = function(param) {
                                 disabled: checkbox.disabled,
                                 render: function(param) {
                                     var field = param.field;
-                                    return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$8(_object_spread$b({}, field, checkbox === null || checkbox === void 0 ? void 0 : checkbox.muiProps), {
+                                    return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$8(_object_spread$c({}, field, checkbox === null || checkbox === void 0 ? void 0 : checkbox.muiProps), {
                                         sx: {
                                             padding: 0
                                         },
@@ -48634,7 +48634,7 @@ var CheckboxField = function(param) {
                         disabled: item.disable || (item === null || item === void 0 ? void 0 : item.disabled),
                         render: function(param) {
                             var field = param.field;
-                            return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$8(_object_spread$b({}, field, item === null || item === void 0 ? void 0 : item.muiProps), {
+                            return /*#__PURE__*/ jsx(Checkbox, _object_spread_props$8(_object_spread$c({}, field, item === null || item === void 0 ? void 0 : item.muiProps), {
                                 sx: {
                                     padding: 0
                                 },
@@ -48680,13 +48680,13 @@ var RadioField = function(param) {
                 render: function(param) {
                     var field = param.field;
                     var _item_radioOptions;
-                    return /*#__PURE__*/ jsx(RadioGroup, _object_spread_props$8(_object_spread$b({}, field), {
+                    return /*#__PURE__*/ jsx(RadioGroup, _object_spread_props$8(_object_spread$c({}, field), {
                         row: (item === null || item === void 0 ? void 0 : item.direction) === "horizontal",
                         "aria-labelledby": "".concat(item === null || item === void 0 ? void 0 : item.id, "-radio-group-label"),
                         children: item === null || item === void 0 ? void 0 : (_item_radioOptions = item.radioOptions) === null || _item_radioOptions === void 0 ? void 0 : _item_radioOptions.map(function(option, index) {
                             return /*#__PURE__*/ jsx(FormControlLabel, {
                                 value: option === null || option === void 0 ? void 0 : option.value,
-                                control: /*#__PURE__*/ jsx(Radio, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.muiProps)),
+                                control: /*#__PURE__*/ jsx(Radio, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.muiProps)),
                                 label: option === null || option === void 0 ? void 0 : option.label,
                                 disabled: (option === null || option === void 0 ? void 0 : option.disable) || (option === null || option === void 0 ? void 0 : option.disabled) || false
                             }, index);
@@ -48716,13 +48716,13 @@ var Textarea = function(param) {
             /*#__PURE__*/ jsx(FieldLabel, {
                 item: item
             }),
-            /*#__PURE__*/ jsx("textarea", _object_spread_props$8(_object_spread$b({
+            /*#__PURE__*/ jsx("textarea", _object_spread_props$8(_object_spread$c({
                 className: [
                     (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled) ? "text-[#B0B0B0] bg-[#e5e7eb] cursor-not-allowed" : "bg-white text-[#6f6f6f]",
                     "customTextarea border border-solid border-[#C8C8C8] rounded-xl w-full p-4 min-h-[6rem]"
                 ].join(" "),
                 style: item === null || item === void 0 ? void 0 : item.style
-            }, register(item.name, _object_spread$b({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
+            }, register(item.name, _object_spread$c({}, item === null || item === void 0 ? void 0 : item.validateOption))), {
                 placeholder: item.placeholder,
                 disabled: (item === null || item === void 0 ? void 0 : item.disable) || (item === null || item === void 0 ? void 0 : item.disabled)
             })),
@@ -48832,58 +48832,58 @@ var Row = function(param) {
         switch(item.type){
             case "input":
             case "number":
-                return /*#__PURE__*/ createElement(TextField, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(TextField, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "select":
-                return /*#__PURE__*/ createElement(SingleSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(SingleSelect, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "baseSelect":
-                return /*#__PURE__*/ createElement(BaseSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(BaseSelect, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "multipleSelect":
-                return /*#__PURE__*/ createElement(MultipleSelect, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(MultipleSelect, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "time":
             case "datetime-local":
             case "date":
-                return /*#__PURE__*/ createElement(Time, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(Time, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "switch":
-                return /*#__PURE__*/ createElement(BaseSwitch, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(BaseSwitch, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "checkbox":
             case "checkboxGroup":
-                return /*#__PURE__*/ createElement(CheckboxField, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(CheckboxField, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "radio":
-                return /*#__PURE__*/ createElement(RadioField, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(RadioField, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "textarea":
-                return /*#__PURE__*/ createElement(Textarea, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(Textarea, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "cityOnly":
-                return /*#__PURE__*/ createElement(City, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(City, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "city":
-                return /*#__PURE__*/ createElement(CityDistrict, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(CityDistrict, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "ckEditor":
-                return /*#__PURE__*/ createElement(BaseCkeditor, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(BaseCkeditor, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             case "upload":
-                return /*#__PURE__*/ createElement(CustomUploadField, _object_spread_props$8(_object_spread$b({}, baseConfig), {
+                return /*#__PURE__*/ createElement(CustomUploadField, _object_spread_props$8(_object_spread$c({}, baseConfig), {
                     key: "rowField-".concat(index)
                 }));
             default:
@@ -48908,7 +48908,7 @@ var Form = {
     BaseCkeditor: BaseCkeditor
 };
-function _define_property$b(obj, key, value) {
+function _define_property$c(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -48939,7 +48939,7 @@ function _object_destructuring_empty$1(o) {
     if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
     return o;
 }
-function _object_spread$a(target) {
+function _object_spread$b(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -48949,7 +48949,7 @@ function _object_spread$a(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$b(target, key, source[key]);
+            _define_property$c(target, key, source[key]);
         });
     }
     return target;
@@ -49011,7 +49011,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
                 control: control,
                 render: function(param) {
                     var field = param.field;
-                    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$7(_object_spread$a({
+                    return /*#__PURE__*/ jsx(SwitchPrimitives.Root, _object_spread_props$7(_object_spread$b({
                         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,
@@ -49029,7 +49029,7 @@ var BaseSwitch = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     });
 });
-function _define_property$a(obj, key, value) {
+function _define_property$b(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -49042,7 +49042,7 @@ function _define_property$a(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$9(target) {
+function _object_spread$a(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -49052,7 +49052,7 @@ function _object_spread$9(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$a(target, key, source[key]);
+            _define_property$b(target, key, source[key]);
         });
     }
     return target;
@@ -49113,7 +49113,7 @@ var InputOTP = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "containerClassName"
     ]);
-    return /*#__PURE__*/ jsx(OTPInput, _object_spread$9({
+    return /*#__PURE__*/ jsx(OTPInput, _object_spread$a({
         ref: ref,
         containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
         className: cn("disabled:cursor-not-allowed", className)
@@ -49123,7 +49123,7 @@ var InputOTPGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties$5(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("div", _object_spread$9({
+    return /*#__PURE__*/ jsx("div", _object_spread$a({
         ref: ref,
         className: cn("flex items-center", className)
     }, props));
@@ -49136,7 +49136,7 @@ var InputOTPSlot = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     ]);
     var inputOTPContext = React.useContext(OTPInputContext);
     var _inputOTPContext_slots_index = inputOTPContext.slots[index], char = _inputOTPContext_slots_index.char, hasFakeCaret = _inputOTPContext_slots_index.hasFakeCaret, isActive = _inputOTPContext_slots_index.isActive;
-    return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$9({
+    return /*#__PURE__*/ jsxs("div", _object_spread_props$6(_object_spread$a({
         ref: ref,
         className: cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md", isActive && "z-10 ring-1 ".concat(ringClassName), className)
     }, props), {
@@ -49415,7 +49415,7 @@ function _class_call_check$3(instance, Constructor) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
-function _define_property$9(obj, key, value) {
+function _define_property$a(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -49461,7 +49461,7 @@ function _non_iterable_rest$8() {
 function _non_iterable_spread$3() {
     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$8(target) {
+function _object_spread$9(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -49471,7 +49471,7 @@ function _object_spread$8(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$9(target, key, source[key]);
+            _define_property$a(target, key, source[key]);
         });
     }
     return target;
@@ -50303,7 +50303,7 @@ var createStringInterpolator2 = function(config) {
         });
     });
     var interpolators = outputRanges.map(function(output2) {
-        return createInterpolator(_object_spread_props$5(_object_spread$8({}, config), {
+        return createInterpolator(_object_spread_props$5(_object_spread$9({}, config), {
             output: output2
         }));
     });
@@ -50459,7 +50459,7 @@ function _create_class$2(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties$3(Constructor, staticProps);
     return Constructor;
 }
-function _define_property$8(obj, key, value) {
+function _define_property$9(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -50534,7 +50534,7 @@ function _iterable_to_array_limit$7(arr, i) {
 function _non_iterable_rest$7() {
     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$7(target) {
+function _object_spread$8(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -50544,7 +50544,7 @@ function _object_spread$7(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$8(target, key, source[key]);
+            _define_property$9(target, key, source[key]);
         });
     }
     return target;
@@ -50975,7 +50975,7 @@ var withAnimated = function(Component, host) {
             };
         });
         var usedProps = host.getComponentProps(props.getValue());
-        return /* @__PURE__ */ React.createElement(Component, _object_spread_props$4(_object_spread$7({}, usedProps), {
+        return /* @__PURE__ */ React.createElement(Component, _object_spread_props$4(_object_spread$8({}, usedProps), {
             ref: ref
         }));
     });
@@ -51001,7 +51001,7 @@ var PropsObserver = /*#__PURE__*/ function() {
 function getAnimatedState(props, host) {
     var dependencies = /* @__PURE__ */ new Set();
     TreeContext.dependencies = dependencies;
-    if (props.style) props = _object_spread_props$4(_object_spread$7({}, props), {
+    if (props.style) props = _object_spread_props$4(_object_spread$8({}, props), {
         style: host.createAnimatedStyle(props.style)
     });
     props = new AnimatedObject(props);
@@ -51140,7 +51140,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
     if (staticProps) _defineProperties$2(Constructor, staticProps);
     return Constructor;
 }
-function _define_property$7(obj, key, value) {
+function _define_property$8(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -51249,7 +51249,7 @@ function _object_destructuring_empty(o) {
     if (o === null || o === void 0) throw new TypeError("Cannot destructure " + o);
     return o;
 }
-function _object_spread$6(target) {
+function _object_spread$7(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -51259,7 +51259,7 @@ function _object_spread$6(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$7(target, key, source[key]);
+            _define_property$8(target, key, source[key]);
         });
     }
     return target;
@@ -51618,7 +51618,7 @@ function inferTo(props) {
         });
         return out;
     }
-    return _object_spread$6({}, props);
+    return _object_spread$7({}, props);
 }
 function computeGoal(value) {
     value = getFluidValue(value);
@@ -51681,7 +51681,7 @@ var config$1 = {
     }
 };
 // src/AnimationConfig.ts
-var defaults$1 = _object_spread_props$3(_object_spread$6({}, config$1.default), {
+var defaults$1 = _object_spread_props$3(_object_spread$7({}, config$1.default), {
     mass: 1,
     damping: 1,
     easing: easings.linear,
@@ -51698,9 +51698,9 @@ var AnimationConfig = function AnimationConfig() {
 };
 function mergeConfig(config2, newConfig, defaultConfig) {
     if (defaultConfig) {
-        defaultConfig = _object_spread$6({}, defaultConfig);
+        defaultConfig = _object_spread$7({}, defaultConfig);
         sanitizeConfig(defaultConfig, newConfig);
-        newConfig = _object_spread$6({}, defaultConfig, newConfig);
+        newConfig = _object_spread$7({}, defaultConfig, newConfig);
     }
     sanitizeConfig(config2, newConfig);
     Object.assign(config2, newConfig);
@@ -51773,7 +51773,7 @@ function scheduleProps(callId, param) {
                 cancel = true;
             }
             try {
-                actions.start(_object_spread_props$3(_object_spread$6({}, props), {
+                actions.start(_object_spread_props$3(_object_spread$7({}, props), {
                     callId: callId,
                     cancel: cancel
                 }), resolve);
@@ -51885,7 +51885,7 @@ function runAsync(to2, props, state, target) {
                                             throw skipAnimationSignal;
                                         }
                                         bailIfEnded(bailSignal);
-                                        props2 = is.obj(arg1) ? _object_spread$6({}, arg1) : _object_spread_props$3(_object_spread$6({}, arg2), {
+                                        props2 = is.obj(arg1) ? _object_spread$7({}, arg1) : _object_spread_props$3(_object_spread$7({}, arg2), {
                                             to: arg1
                                         });
                                         props2.parentId = callId;
@@ -52244,7 +52244,7 @@ var SpringValue = /*#__PURE__*/ function(FrameValue) {
         /** The last `scheduleProps` call that changed the `to` prop */ _this._lastToId = 0;
         _this._memoizedDuration = 0;
         if (!is.und(arg1) || !is.und(arg2)) {
-            var props = is.obj(arg1) ? _object_spread$6({}, arg1) : _object_spread_props$3(_object_spread$6({}, arg2), {
+            var props = is.obj(arg1) ? _object_spread$7({}, arg1) : _object_spread_props$3(_object_spread$7({}, arg2), {
                 from: arg1
             });
             if (is.und(props.default)) {
@@ -52492,7 +52492,7 @@ var SpringValue = /*#__PURE__*/ function(FrameValue) {
                 var queue;
                 if (!is.und(to2)) {
                     queue = [
-                        is.obj(to2) ? to2 : _object_spread_props$3(_object_spread$6({}, arg2), {
+                        is.obj(to2) ? to2 : _object_spread_props$3(_object_spread$7({}, arg2), {
                             to: to2
                         })
                     ];
@@ -52929,7 +52929,7 @@ function createLoopUpdate(props) {
         var overrides = loopRet !== true && inferTo(loopRet);
         var reverse = (overrides || props).reverse;
         var reset = !overrides || overrides.reset;
-        return createUpdate(_object_spread$6(_object_spread_props$3(_object_spread$6({}, props), {
+        return createUpdate(_object_spread$7(_object_spread_props$3(_object_spread$7({}, props), {
             loop: loop,
             // Avoid updating default props when looping.
             default: false,
@@ -53020,7 +53020,7 @@ var Controller$1 = /*#__PURE__*/ function() {
             this._flush = flush3;
         }
         if (props) {
-            this.start(_object_spread$6({
+            this.start(_object_spread$7({
                 default: true
             }, props));
         }
@@ -53344,14 +53344,14 @@ function _flushUpdate() {
     return _flushUpdate.apply(this, arguments);
 }
 function getSprings(ctrl, props) {
-    var springs = _object_spread$6({}, ctrl.springs);
+    var springs = _object_spread$7({}, ctrl.springs);
     if (props) {
         each(toArray$2(props), function(props2) {
             if (is.und(props2.keys)) {
                 props2 = createUpdate(props2);
             }
             if (!is.obj(props2.to)) {
-                props2 = _object_spread_props$3(_object_spread$6({}, props2), {
+                props2 = _object_spread_props$3(_object_spread$7({}, props2), {
                     to: void 0
                 });
             }
@@ -53606,7 +53606,7 @@ function useSprings(length, props, deps) {
         };
     });
     var values = springs.map(function(x) {
-        return _object_spread$6({}, x);
+        return _object_spread$7({}, x);
     });
     return ref ? [
         values,
@@ -56119,7 +56119,7 @@ function _array_like_to_array$6(arr, len) {
 function _array_with_holes$4(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _define_property$6(obj, key, value) {
+function _define_property$7(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -56159,7 +56159,7 @@ function _iterable_to_array_limit$4(arr, i) {
 function _non_iterable_rest$4() {
     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$5(target) {
+function _object_spread$6(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -56169,7 +56169,7 @@ function _object_spread$5(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$6(target, key, source[key]);
+            _define_property$7(target, key, source[key]);
         });
     }
     return target;
@@ -56287,7 +56287,7 @@ var StackCards = function(param) {
             children: springs.map(function(param, index) {
                 var scale = param.scale, y = param.y, x = param.x, zIndex = param.zIndex;
                 var item = cards === null || cards === void 0 ? void 0 : cards[index];
-                return /*#__PURE__*/ createElement(animated.div, _object_spread_props$2(_object_spread$5({}, bind(index)), {
+                return /*#__PURE__*/ createElement(animated.div, _object_spread_props$2(_object_spread$6({}, bind(index)), {
                     style: {
                         backgroundColor: (item === null || item === void 0 ? void 0 : item.color) || "#dbdbdb",
                         borderRadius: (cardStyle === null || cardStyle === void 0 ? void 0 : cardStyle.borderRadius) || "3% / 5%",
@@ -56317,7 +56317,7 @@ var StackCards = function(param) {
     });
 };
-function _define_property$5(obj, key, value) {
+function _define_property$6(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -56330,7 +56330,7 @@ function _define_property$5(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$4(target) {
+function _object_spread$5(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -56340,7 +56340,7 @@ function _object_spread$4(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$5(target, key, source[key]);
+            _define_property$6(target, key, source[key]);
         });
     }
     return target;
@@ -56404,7 +56404,7 @@ var DropdownMenuSubTrigger = /*#__PURE__*/ React.forwardRef(function(_param, ref
         "inset",
         "children"
     ]);
-    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.SubTrigger, _object_spread_props$1(_object_spread$4({
+    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.SubTrigger, _object_spread_props$1(_object_spread$5({
         ref: ref,
         className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className)
     }, props), {
@@ -56421,7 +56421,7 @@ var DropdownMenuSubContent = /*#__PURE__*/ React.forwardRef(function(_param, ref
     var className = _param.className, props = _object_without_properties$2(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.SubContent, _object_spread$4({
+    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.SubContent, _object_spread$5({
         ref: ref,
         className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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", className)
     }, props));
@@ -56433,7 +56433,7 @@ var DropdownMenuContent = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "sideOffset"
     ]);
     return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Portal, {
-        children: /*#__PURE__*/ jsx(DropdownMenuPrimitive.Content, _object_spread$4({
+        children: /*#__PURE__*/ jsx(DropdownMenuPrimitive.Content, _object_spread$5({
             ref: ref,
             sideOffset: sideOffset,
             className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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", className)
@@ -56446,7 +56446,7 @@ var DropdownMenuItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "inset"
     ]);
-    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Item, _object_spread$4({
+    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Item, _object_spread$5({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className)
     }, props));
@@ -56458,7 +56458,7 @@ var DropdownMenuCheckboxItem = /*#__PURE__*/ React.forwardRef(function(_param, r
         "children",
         "checked"
     ]);
-    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.CheckboxItem, _object_spread_props$1(_object_spread$4({
+    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.CheckboxItem, _object_spread_props$1(_object_spread$5({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
         checked: checked
@@ -56482,7 +56482,7 @@ var DropdownMenuRadioItem = /*#__PURE__*/ React.forwardRef(function(_param, ref)
         "className",
         "children"
     ]);
-    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.RadioItem, _object_spread_props$1(_object_spread$4({
+    return /*#__PURE__*/ jsxs(DropdownMenuPrimitive.RadioItem, _object_spread_props$1(_object_spread$5({
         ref: ref,
         className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
     }, props), {
@@ -56505,7 +56505,7 @@ var DropdownMenuLabel = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "inset"
     ]);
-    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Label, _object_spread$4({
+    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Label, _object_spread$5({
         ref: ref,
         className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)
     }, props));
@@ -56515,14 +56515,14 @@ var DropdownMenuSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref)
     var className = _param.className, props = _object_without_properties$2(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Separator, _object_spread$4({
+    return /*#__PURE__*/ jsx(DropdownMenuPrimitive.Separator, _object_spread$5({
         ref: ref,
         className: cn("-mx-1 my-1 h-px bg-muted", className)
     }, props));
 });
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-function _define_property$4(obj, key, value) {
+function _define_property$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -56535,7 +56535,7 @@ function _define_property$4(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$3(target) {
+function _object_spread$4(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -56545,7 +56545,7 @@ function _object_spread$3(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$4(target, key, source[key]);
+            _define_property$5(target, key, source[key]);
         });
     }
     return target;
@@ -56582,7 +56582,7 @@ var Input = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "className",
         "type"
     ]);
-    return /*#__PURE__*/ jsx("input", _object_spread$3({
+    return /*#__PURE__*/ jsx("input", _object_spread$4({
         type: type,
         className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className),
         ref: ref
@@ -56590,7 +56590,7 @@ var Input = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
-function _define_property$3(obj, key, value) {
+function _define_property$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -56603,7 +56603,7 @@ function _define_property$3(obj, key, value) {
     }
     return obj;
 }
-function _object_spread$2(target) {
+function _object_spread$3(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -56613,7 +56613,7 @@ function _object_spread$2(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
+            _define_property$4(target, key, source[key]);
         });
     }
     return target;
@@ -56651,7 +56651,7 @@ var Table = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     ]);
     return /*#__PURE__*/ jsx("div", {
         className: "relative w-full overflow-auto",
-        children: /*#__PURE__*/ jsx("table", _object_spread$2({
+        children: /*#__PURE__*/ jsx("table", _object_spread$3({
             ref: ref,
             className: cn("w-full caption-bottom text-sm", className)
         }, props))
@@ -56662,7 +56662,7 @@ var TableHeader = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("thead", _object_spread$2({
+    return /*#__PURE__*/ jsx("thead", _object_spread$3({
         ref: ref,
         className: cn("[&_tr]:border-b", className)
     }, props));
@@ -56672,7 +56672,7 @@ var TableBody = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("tbody", _object_spread$2({
+    return /*#__PURE__*/ jsx("tbody", _object_spread$3({
         ref: ref,
         className: cn("[&_tr:last-child]:border-0", className)
     }, props));
@@ -56682,7 +56682,7 @@ var TableFooter = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("tfoot", _object_spread$2({
+    return /*#__PURE__*/ jsx("tfoot", _object_spread$3({
         ref: ref,
         className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)
     }, props));
@@ -56692,7 +56692,7 @@ var TableRow = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("tr", _object_spread$2({
+    return /*#__PURE__*/ jsx("tr", _object_spread$3({
         ref: ref,
         className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)
     }, props));
@@ -56702,7 +56702,7 @@ var TableHead = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("th", _object_spread$2({
+    return /*#__PURE__*/ jsx("th", _object_spread$3({
         ref: ref,
         className: cn("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className)
     }, props));
@@ -56712,7 +56712,7 @@ var TableCell = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("td", _object_spread$2({
+    return /*#__PURE__*/ jsx("td", _object_spread$3({
         ref: ref,
         className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className)
     }, props));
@@ -56722,7 +56722,7 @@ var TableCaption = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
-    return /*#__PURE__*/ jsx("caption", _object_spread$2({
+    return /*#__PURE__*/ jsx("caption", _object_spread$3({
         ref: ref,
         className: cn("mt-4 text-sm text-muted-foreground", className)
     }, props));
@@ -57313,7 +57313,7 @@ var BaseTable = function(param) {
     });
 };
-function _define_property$2(obj, key, value) {
+function _define_property$3(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -57372,7 +57372,7 @@ var Drawer = function(param) {
                     children: /*#__PURE__*/ jsx("div", {
                         className: clsx("pointer-events-none fixed max-w-full", classNames[side]),
                         children: /*#__PURE__*/ jsx("div", {
-                            className: clsx("pointer-events-auto relative w-full h-full transform transition ease-in-out duration-500", _define_property$2({}, closeClassNames[side], !isOpen), _define_property$2({}, openClassNames[side], isOpen)),
+                            className: clsx("pointer-events-auto relative w-full h-full transform transition ease-in-out duration-500", _define_property$3({}, closeClassNames[side], !isOpen), _define_property$3({}, openClassNames[side], isOpen)),
                             onClick: function(event) {
                                 event.stopPropagation();
                             },
@@ -77576,7 +77576,7 @@ function _array_like_to_array$2(arr, len) {
 function _array_without_holes(arr) {
     if (Array.isArray(arr)) return _array_like_to_array$2(arr);
 }
-function _define_property$1(obj, key, value) {
+function _define_property$2(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -77595,7 +77595,7 @@ function _iterable_to_array(iter) {
 function _non_iterable_spread() {
     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$1(target) {
+function _object_spread$2(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -77605,7 +77605,7 @@ function _object_spread$1(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _define_property$1(target, key, source[key]);
+            _define_property$2(target, key, source[key]);
         });
     }
     return target;
@@ -77680,7 +77680,7 @@ function DnDCalendar(props) {
                 return ev.id !== event.id;
             });
             return _to_consumable_array(filtered).concat([
-                _object_spread_props(_object_spread$1({}, existing), {
+                _object_spread_props(_object_spread$2({}, existing), {
                     start: start,
                     end: end
                 })
@@ -77700,7 +77700,7 @@ function DnDCalendar(props) {
                 return ev.id !== event.id;
             });
             return _to_consumable_array(filtered).concat([
-                _object_spread_props(_object_spread$1({}, existing), {
+                _object_spread_props(_object_spread$2({}, existing), {
                     start: start,
                     end: end
                 })
@@ -77968,6 +77968,34 @@ function _async_to_generator$1(fn) {
         });
     };
 }
+function _define_property$1(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$1(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$1(target, key, source[key]);
+        });
+    }
+    return target;
+}
 function _ts_generator$1(thisArg, body) {
     var f, y, t, g, _ = {
         label: 0,
@@ -78065,17 +78093,17 @@ function _ts_generator$1(thisArg, body) {
 }
 var fetchAPI = function() {
     var _ref = _async_to_generator$1(function(path) {
-        var _ref, _ref_method, method, body, token, queryParams, queryString, url, headers, response, _$error, error;
+        var _ref, _ref_method, method, body, token, queryParams, tmp, customHeaders, queryString, url, headers, response, _$error, error;
         var _arguments = arguments;
         return _ts_generator$1(this, function(_state) {
             switch(_state.label){
                 case 0:
-                    _ref = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, _ref_method = _ref.method, method = _ref_method === void 0 ? "GET" : _ref_method, body = _ref.body, token = _ref.token, queryParams = _ref.queryParams;
+                    _ref = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : {}, _ref_method = _ref.method, method = _ref_method === void 0 ? "GET" : _ref_method, body = _ref.body, token = _ref.token, queryParams = _ref.queryParams, tmp = _ref.headers, customHeaders = tmp === void 0 ? {} : tmp;
                     queryString = queryParams ? "?".concat(new URLSearchParams(queryParams).toString()) : "";
                     url = "".concat(path).concat(queryString);
-                    headers = {
+                    headers = _object_spread$1({
                         "Content-Type": "application/json"
-                    };
+                    }, customHeaders);
                     if (token) {
                         headers.Authorization = token;
                     }
@@ -78661,6 +78689,9 @@ var LiffProvider = function(param) {
                                 body: {
                                     username: username,
                                     password: password
+                                },
+                                headers: {
+                                    "Content-Type": "application/x-www-form-urlencoded"
                                 }
                             })
                         ];
@@ -78765,6 +78796,7 @@ var LiffProvider = function(param) {
                     isValid = _tmp;
                     if (!isValid) {
                         console.warn("JWT token 驗證失敗");
+                        setLoginType(null);
                         return [
                             2,
                             false
@@ -78778,6 +78810,7 @@ var LiffProvider = function(param) {
                 case 5:
                     err = _state.sent();
                     // token 失效或其他問題
+                    setLoginType(null);
                     console.warn("LIFF token 驗證失敗，需重新登入", err);
                     return [
                         2,