@fctc/sme-widget-ui 2.6.9 → 2.7.1

package/dist/widgets.js

@@ -9,8 +9,8 @@ var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
 var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to2, from2, except, desc) => {
   if (from2 && typeof from2 === "object" || typeof from2 === "function") {
@@ -264,13 +264,13 @@ var require_moment = __commonJS({
         }, fn);
       }
       var deprecations = {};
-      function deprecateSimple(name2, msg) {
+      function deprecateSimple(name, msg) {
         if (hooks.deprecationHandler != null) {
-          hooks.deprecationHandler(name2, msg);
+          hooks.deprecationHandler(name, msg);
         }
-        if (!deprecations[name2]) {
+        if (!deprecations[name]) {
           warn3(msg);
-          deprecations[name2] = true;
+          deprecations[name] = true;
         }
       }
       hooks.suppressDeprecationWarnings = false;
@@ -1552,22 +1552,22 @@ var require_moment = __commonJS({
         }
         return globalLocale;
       }
-      function isLocaleNameSane(name2) {
-        return !!(name2 && name2.match("^[^/\\\\]*$"));
+      function isLocaleNameSane(name) {
+        return !!(name && name.match("^[^/\\\\]*$"));
       }
-      function loadLocale(name2) {
+      function loadLocale(name) {
         var oldLocale = null, aliasedRequire;
-        if (locales[name2] === void 0 && typeof module2 !== "undefined" && module2 && module2.exports && isLocaleNameSane(name2)) {
+        if (locales[name] === void 0 && typeof module2 !== "undefined" && module2 && module2.exports && isLocaleNameSane(name)) {
           try {
             oldLocale = globalLocale._abbr;
             aliasedRequire = require;
-            aliasedRequire("./locale/" + name2);
+            aliasedRequire("./locale/" + name);
             getSetGlobalLocale(oldLocale);
           } catch (e3) {
-            locales[name2] = null;
+            locales[name] = null;
           }
         }
-        return locales[name2];
+        return locales[name];
       }
       function getSetGlobalLocale(key, values) {
         var data;
@@ -1589,16 +1589,16 @@ var require_moment = __commonJS({
         }
         return globalLocale._abbr;
       }
-      function defineLocale(name2, config) {
+      function defineLocale(name, config) {
         if (config !== null) {
           var locale2, parentConfig = baseConfig;
-          config.abbr = name2;
-          if (locales[name2] != null) {
+          config.abbr = name;
+          if (locales[name] != null) {
             deprecateSimple(
               "defineLocaleOverride",
               "use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale See http://momentjs.com/guides/#/warnings/define-locale/ for more info."
             );
-            parentConfig = locales[name2]._config;
+            parentConfig = locales[name]._config;
           } else if (config.parentLocale != null) {
             if (locales[config.parentLocale] != null) {
               parentConfig = locales[config.parentLocale]._config;
@@ -1611,58 +1611,58 @@ var require_moment = __commonJS({
                   localeFamilies[config.parentLocale] = [];
                 }
                 localeFamilies[config.parentLocale].push({
-                  name: name2,
+                  name,
                   config
                 });
                 return null;
               }
             }
           }
-          locales[name2] = new Locale(mergeConfigs(parentConfig, config));
-          if (localeFamilies[name2]) {
-            localeFamilies[name2].forEach(function(x2) {
+          locales[name] = new Locale(mergeConfigs(parentConfig, config));
+          if (localeFamilies[name]) {
+            localeFamilies[name].forEach(function(x2) {
               defineLocale(x2.name, x2.config);
             });
           }
-          getSetGlobalLocale(name2);
-          return locales[name2];
+          getSetGlobalLocale(name);
+          return locales[name];
         } else {
-          delete locales[name2];
+          delete locales[name];
           return null;
         }
       }
-      function updateLocale(name2, config) {
+      function updateLocale(name, config) {
         if (config != null) {
           var locale2, tmpLocale, parentConfig = baseConfig;
-          if (locales[name2] != null && locales[name2].parentLocale != null) {
-            locales[name2].set(mergeConfigs(locales[name2]._config, config));
+          if (locales[name] != null && locales[name].parentLocale != null) {
+            locales[name].set(mergeConfigs(locales[name]._config, config));
           } else {
-            tmpLocale = loadLocale(name2);
+            tmpLocale = loadLocale(name);
             if (tmpLocale != null) {
               parentConfig = tmpLocale._config;
             }
             config = mergeConfigs(parentConfig, config);
             if (tmpLocale == null) {
-              config.abbr = name2;
+              config.abbr = name;
             }
             locale2 = new Locale(config);
-            locale2.parentLocale = locales[name2];
-            locales[name2] = locale2;
+            locale2.parentLocale = locales[name];
+            locales[name] = locale2;
           }
-          getSetGlobalLocale(name2);
+          getSetGlobalLocale(name);
         } else {
-          if (locales[name2] != null) {
-            if (locales[name2].parentLocale != null) {
-              locales[name2] = locales[name2].parentLocale;
-              if (name2 === getSetGlobalLocale()) {
-                getSetGlobalLocale(name2);
+          if (locales[name] != null) {
+            if (locales[name].parentLocale != null) {
+              locales[name] = locales[name].parentLocale;
+              if (name === getSetGlobalLocale()) {
+                getSetGlobalLocale(name);
               }
-            } else if (locales[name2] != null) {
-              delete locales[name2];
+            } else if (locales[name] != null) {
+              delete locales[name];
             }
           }
         }
-        return locales[name2];
+        return locales[name];
       }
       function getLocale(key) {
         var locale2;
@@ -2568,13 +2568,13 @@ var require_moment = __commonJS({
         }
         return res;
       }
-      function createAdder(direction, name2) {
+      function createAdder(direction, name) {
         return function(val, period) {
           var dur, tmp;
           if (period !== null && !isNaN(+period)) {
             deprecateSimple(
-              name2,
-              "moment()." + name2 + "(period, number) is deprecated. Please use moment()." + name2 + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."
+              name,
+              "moment()." + name + "(period, number) is deprecated. Please use moment()." + name + "(number, period). See http://momentjs.com/guides/#/warnings/add-inverted-param/ for more info."
             );
             tmp = val;
             val = period;
@@ -3153,10 +3153,10 @@ var require_moment = __commonJS({
         return eras;
       }
       function localeErasParse(eraName, format3, strict) {
-        var i3, l2, eras = this.eras(), name2, abbr, narrow;
+        var i3, l2, eras = this.eras(), name, abbr, narrow;
         eraName = eraName.toUpperCase();
         for (i3 = 0, l2 = eras.length; i3 < l2; ++i3) {
-          name2 = eras[i3].name.toUpperCase();
+          name = eras[i3].name.toUpperCase();
           abbr = eras[i3].abbr.toUpperCase();
           narrow = eras[i3].narrow.toUpperCase();
           if (strict) {
@@ -3169,7 +3169,7 @@ var require_moment = __commonJS({
                 }
                 break;
               case "NNNN":
-                if (name2 === eraName) {
+                if (name === eraName) {
                   return eras[i3];
                 }
                 break;
@@ -3179,7 +3179,7 @@ var require_moment = __commonJS({
                 }
                 break;
             }
-          } else if ([name2, abbr, narrow].indexOf(eraName) >= 0) {
+          } else if ([name, abbr, narrow].indexOf(eraName) >= 0) {
             return eras[i3];
           }
         }
@@ -3817,9 +3817,9 @@ var require_moment = __commonJS({
         units = normalizeUnits(units);
         return this.isValid() ? this[units + "s"]() : NaN;
       }
-      function makeGetter(name2) {
+      function makeGetter(name) {
         return function() {
-          return this.isValid() ? this._data[name2] : NaN;
+          return this.isValid() ? this._data[name] : NaN;
         };
       }
       var milliseconds = makeGetter("milliseconds"), seconds = makeGetter("seconds"), minutes = makeGetter("minutes"), hours = makeGetter("hours"), days = makeGetter("days"), months = makeGetter("months"), years = makeGetter("years");
@@ -6463,11 +6463,11 @@ var Formatter = class {
     };
     this.formatSeparator = options2.interpolation.formatSeparator || ",";
   }
-  add(name2, fc) {
-    this.formats[name2.toLowerCase().trim()] = fc;
+  add(name, fc) {
+    this.formats[name.toLowerCase().trim()] = fc;
   }
-  addCached(name2, fc) {
-    this.formats[name2.toLowerCase().trim()] = createCachedFormatter(fc);
+  addCached(name, fc) {
+    this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
   }
   format(value, format2, lng) {
     let options2 = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {};
@@ -6503,9 +6503,9 @@ var Formatter = class {
     return result;
   }
 };
-var removePending = (q3, name2) => {
-  if (q3.pending[name2] !== void 0) {
-    delete q3.pending[name2];
+var removePending = (q3, name) => {
+  if (q3.pending[name] !== void 0) {
+    delete q3.pending[name];
     q3.pendingCount--;
   }
 };
@@ -6536,17 +6536,17 @@ var Connector = class extends EventEmitter {
     languages.forEach((lng) => {
       let hasAllNamespaces = true;
       namespaces.forEach((ns) => {
-        const name2 = `${lng}|${ns}`;
+        const name = `${lng}|${ns}`;
         if (!options2.reload && this.store.hasResourceBundle(lng, ns)) {
-          this.state[name2] = 2;
-        } else if (this.state[name2] < 0) ;
-        else if (this.state[name2] === 1) {
-          if (pending[name2] === void 0) pending[name2] = true;
+          this.state[name] = 2;
+        } else if (this.state[name] < 0) ;
+        else if (this.state[name] === 1) {
+          if (pending[name] === void 0) pending[name] = true;
         } else {
-          this.state[name2] = 1;
+          this.state[name] = 1;
           hasAllNamespaces = false;
-          if (pending[name2] === void 0) pending[name2] = true;
-          if (toLoad[name2] === void 0) toLoad[name2] = true;
+          if (pending[name] === void 0) pending[name] = true;
+          if (toLoad[name] === void 0) toLoad[name] = true;
           if (toLoadNamespaces[ns] === void 0) toLoadNamespaces[ns] = true;
         }
       });
@@ -6568,8 +6568,8 @@ var Connector = class extends EventEmitter {
       toLoadNamespaces: Object.keys(toLoadNamespaces)
     };
   }
-  loaded(name2, err, data) {
-    const s4 = name2.split("|");
+  loaded(name, err, data) {
+    const s4 = name.split("|");
     const lng = s4[0];
     const ns = s4[1];
     if (err) this.emit("failedLoading", lng, ns, err);
@@ -6578,12 +6578,12 @@ var Connector = class extends EventEmitter {
         skipCopy: true
       });
     }
-    this.state[name2] = err ? -1 : 2;
-    if (err && data) this.state[name2] = 0;
+    this.state[name] = err ? -1 : 2;
+    if (err && data) this.state[name] = 0;
     const loaded = {};
     this.queue.forEach((q3) => {
       pushPath(q3.loaded, [lng], ns);
-      removePending(q3, name2);
+      removePending(q3, name);
       if (err) q3.errors.push(err);
       if (q3.pendingCount === 0 && !q3.done) {
         Object.keys(q3.loaded).forEach((l2) => {
@@ -6667,8 +6667,8 @@ var Connector = class extends EventEmitter {
       if (!toLoad.pending.length) callback();
       return null;
     }
-    toLoad.toLoad.forEach((name2) => {
-      this.loadOne(name2);
+    toLoad.toLoad.forEach((name) => {
+      this.loadOne(name);
     });
   }
   load(languages, namespaces, callback) {
@@ -6679,15 +6679,15 @@ var Connector = class extends EventEmitter {
       reload: true
     }, callback);
   }
-  loadOne(name2) {
+  loadOne(name) {
     let prefix2 = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-    const s4 = name2.split("|");
+    const s4 = name.split("|");
     const lng = s4[0];
     const ns = s4[1];
     this.read(lng, ns, "read", void 0, void 0, (err, data) => {
       if (err) this.logger.warn(`${prefix2}loading namespace ${ns} for language ${lng} failed`, err);
       if (!err && data) this.logger.log(`${prefix2}loaded namespace ${ns} for language ${lng}`, data);
-      this.loaded(name2, err, data);
+      this.loaded(name, err, data);
     });
   }
   saveMissing(languages, namespace, key, fallbackValue, isUpdate) {
@@ -7337,13 +7337,13 @@ function hasXSS(input) {
   return xssPatterns.some((pattern) => pattern.test(input));
 }
 var fieldContentRegExp = /^[\u0009\u0020-\u007e\u0080-\u00ff]+$/;
-var serializeCookie = function(name2, val) {
+var serializeCookie = function(name, val) {
   let options2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
     path: "/"
   };
   const opt = options2;
   const value = encodeURIComponent(val);
-  let str = `${name2}=${value}`;
+  let str = `${name}=${value}`;
   if (opt.maxAge > 0) {
     const maxAge = opt.maxAge - 0;
     if (Number.isNaN(maxAge)) throw new Error("maxAge should be a Number");
@@ -7392,7 +7392,7 @@ var serializeCookie = function(name2, val) {
   return str;
 };
 var cookie = {
-  create(name2, value, minutes, domain) {
+  create(name, value, minutes, domain) {
     let cookieOptions = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : {
       path: "/",
       sameSite: "strict"
@@ -7402,10 +7402,10 @@ var cookie = {
       cookieOptions.expires.setTime(cookieOptions.expires.getTime() + minutes * 60 * 1e3);
     }
     if (domain) cookieOptions.domain = domain;
-    document.cookie = serializeCookie(name2, value, cookieOptions);
+    document.cookie = serializeCookie(name, value, cookieOptions);
   },
-  read(name2) {
-    const nameEQ = `${name2}=`;
+  read(name) {
+    const nameEQ = `${name}=`;
     const ca = document.cookie.split(";");
     for (let i3 = 0; i3 < ca.length; i3++) {
       let c2 = ca[i3];
@@ -7414,8 +7414,8 @@ var cookie = {
     }
     return null;
   },
-  remove(name2, domain) {
-    this.create(name2, "", -1, domain);
+  remove(name, domain) {
+    this.create(name, "", -1, domain);
   }
 };
 var cookie$1 = {
@@ -9981,6 +9981,10 @@ var Row = (props) => {
         isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "td",
           {
+            style: {
+              width: "40px",
+              maxWidth: "40px"
+            },
             className: `td-checkbox column w-max whitespace-nowrap p-3 border-b border-gray-200 text-sm font-normal text-gray-900`,
             children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "input",
@@ -10472,7 +10476,7 @@ var computePosition = async (reference, floating, config) => {
   let resetCount = 0;
   for (let i3 = 0; i3 < validMiddleware.length; i3++) {
     const {
-      name: name2,
+      name,
       fn
     } = validMiddleware[i3];
     const {
@@ -10498,8 +10502,8 @@ var computePosition = async (reference, floating, config) => {
     y3 = nextY != null ? nextY : y3;
     middlewareData = {
       ...middlewareData,
-      [name2]: {
-        ...middlewareData[name2],
+      [name]: {
+        ...middlewareData[name],
         ...data
       }
     };
@@ -12089,7 +12093,8 @@ var TableHead = (props) => {
           {
             style: {
               width: "40px",
-              maxWidth: "40px"
+              maxWidth: "40px",
+              overflow: "unset !important"
             },
             className: ` table-checkbox-row th-checkbox text-left font-medium uppercase text-gray-500 p-3`,
             children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
@@ -12564,8 +12569,8 @@ var isNullOrUndefined = (value) => value == null;
 var isObjectType = (value) => typeof value === "object";
 var isObject2 = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
 var getEventValue = (event) => isObject2(event) && event.target ? isCheckBoxInput(event.target) ? event.target.checked : event.target.value : event;
-var getNodeParentName = (name2) => name2.substring(0, name2.search(/\.\d+(\.|$)/)) || name2;
-var isNameInFieldArray = (names, name2) => names.has(getNodeParentName(name2));
+var getNodeParentName = (name) => name.substring(0, name.search(/\.\d+(\.|$)/)) || name;
+var isNameInFieldArray = (names, name) => names.has(getNodeParentName(name));
 var isPlainObject = (tempObject) => {
   const prototypeCopy = tempObject.constructor && tempObject.constructor.prototype;
   return isObject2(prototypeCopy) && prototypeCopy.hasOwnProperty("isPrototypeOf");
@@ -12669,7 +12674,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react15.default.useLayoutEffect : import_react15.default.useEffect;
 function useFormState(props) {
   const methods = useFormContext();
-  const { control = methods.control, disabled, name: name2, exact } = props || {};
+  const { control = methods.control, disabled, name, exact } = props || {};
   const [formState, updateFormState] = import_react15.default.useState(control._formState);
   const _localProxyFormState = import_react15.default.useRef({
     isDirty: false,
@@ -12682,7 +12687,7 @@ function useFormState(props) {
     errors: false
   });
   useIsomorphicLayoutEffect(() => control._subscribe({
-    name: name2,
+    name,
     formState: _localProxyFormState.current,
     exact,
     callback: (formState2) => {
@@ -12691,7 +12696,7 @@ function useFormState(props) {
         ...formState2
       });
     }
-  }), [name2, disabled, exact]);
+  }), [name, disabled, exact]);
   import_react15.default.useEffect(() => {
     _localProxyFormState.current.isValid && control._setValid(true);
   }, [control]);
@@ -12743,22 +12748,22 @@ function deepEqual(object1, object2, _internal_visited = /* @__PURE__ */ new Wea
 }
 function useWatch(props) {
   const methods = useFormContext();
-  const { control = methods.control, name: name2, defaultValue, disabled, exact, compute } = props || {};
+  const { control = methods.control, name, defaultValue, disabled, exact, compute } = props || {};
   const _defaultValue = import_react15.default.useRef(defaultValue);
   const _compute = import_react15.default.useRef(compute);
   const _computeFormValues = import_react15.default.useRef(void 0);
   _compute.current = compute;
-  const defaultValueMemo = import_react15.default.useMemo(() => control._getWatch(name2, _defaultValue.current), [control, name2]);
+  const defaultValueMemo = import_react15.default.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
   const [value, updateValue] = import_react15.default.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
   useIsomorphicLayoutEffect(() => control._subscribe({
-    name: name2,
+    name,
     formState: {
       values: true
     },
     exact,
     callback: (formState) => {
       if (!disabled) {
-        const formValues = generateWatchOutput(name2, control._names, formState.values || control._formValues, false, _defaultValue.current);
+        const formValues = generateWatchOutput(name, control._names, formState.values || control._formValues, false, _defaultValue.current);
         if (_compute.current) {
           const computedFormValues = _compute.current(formValues);
           if (!deepEqual(computedFormValues, _computeFormValues.current)) {
@@ -12770,28 +12775,28 @@ function useWatch(props) {
         }
       }
     }
-  }), [control, disabled, name2, exact]);
+  }), [control, disabled, name, exact]);
   import_react15.default.useEffect(() => control._removeUnmounted());
   return value;
 }
 function useController(props) {
   const methods = useFormContext();
-  const { name: name2, disabled, control = methods.control, shouldUnregister, defaultValue } = props;
-  const isArrayField = isNameInFieldArray(control._names.array, name2);
-  const defaultValueMemo = import_react15.default.useMemo(() => get2(control._formValues, name2, get2(control._defaultValues, name2, defaultValue)), [control, name2, defaultValue]);
+  const { name, disabled, control = methods.control, shouldUnregister, defaultValue } = props;
+  const isArrayField = isNameInFieldArray(control._names.array, name);
+  const defaultValueMemo = import_react15.default.useMemo(() => get2(control._formValues, name, get2(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
   const value = useWatch({
     control,
-    name: name2,
+    name,
     defaultValue: defaultValueMemo,
     exact: true
   });
   const formState = useFormState({
     control,
-    name: name2,
+    name,
     exact: true
   });
   const _props = import_react15.default.useRef(props);
-  const _registerProps = import_react15.default.useRef(control.register(name2, {
+  const _registerProps = import_react15.default.useRef(control.register(name, {
     ...props.rules,
     value,
     ...isBoolean(props.disabled) ? { disabled: props.disabled } : {}
@@ -12800,41 +12805,41 @@ function useController(props) {
   const fieldState = import_react15.default.useMemo(() => Object.defineProperties({}, {
     invalid: {
       enumerable: true,
-      get: () => !!get2(formState.errors, name2)
+      get: () => !!get2(formState.errors, name)
     },
     isDirty: {
       enumerable: true,
-      get: () => !!get2(formState.dirtyFields, name2)
+      get: () => !!get2(formState.dirtyFields, name)
     },
     isTouched: {
       enumerable: true,
-      get: () => !!get2(formState.touchedFields, name2)
+      get: () => !!get2(formState.touchedFields, name)
     },
     isValidating: {
       enumerable: true,
-      get: () => !!get2(formState.validatingFields, name2)
+      get: () => !!get2(formState.validatingFields, name)
     },
     error: {
       enumerable: true,
-      get: () => get2(formState.errors, name2)
+      get: () => get2(formState.errors, name)
     }
-  }), [formState, name2]);
+  }), [formState, name]);
   const onChange2 = import_react15.default.useCallback((event) => _registerProps.current.onChange({
     target: {
       value: getEventValue(event),
-      name: name2
+      name
     },
     type: EVENTS.CHANGE
-  }), [name2]);
+  }), [name]);
   const onBlur = import_react15.default.useCallback(() => _registerProps.current.onBlur({
     target: {
-      value: get2(control._formValues, name2),
-      name: name2
+      value: get2(control._formValues, name),
+      name
     },
     type: EVENTS.BLUR
-  }), [name2, control._formValues]);
+  }), [name, control._formValues]);
   const ref = import_react15.default.useCallback((elm) => {
-    const field2 = get2(control._fields, name2);
+    const field2 = get2(control._fields, name);
     if (field2 && elm) {
       field2._f.ref = {
         focus: () => elm.focus && elm.focus(),
@@ -12843,46 +12848,46 @@ function useController(props) {
         reportValidity: () => elm.reportValidity()
       };
     }
-  }, [control._fields, name2]);
+  }, [control._fields, name]);
   const field = import_react15.default.useMemo(() => ({
-    name: name2,
+    name,
     value,
     ...isBoolean(disabled) || formState.disabled ? { disabled: formState.disabled || disabled } : {},
     onChange: onChange2,
     onBlur,
     ref
-  }), [name2, disabled, formState.disabled, onChange2, onBlur, ref, value]);
+  }), [name, disabled, formState.disabled, onChange2, onBlur, ref, value]);
   import_react15.default.useEffect(() => {
     const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
-    control.register(name2, {
+    control.register(name, {
       ..._props.current.rules,
       ...isBoolean(_props.current.disabled) ? { disabled: _props.current.disabled } : {}
     });
-    const updateMounted = (name3, value2) => {
-      const field2 = get2(control._fields, name3);
+    const updateMounted = (name2, value2) => {
+      const field2 = get2(control._fields, name2);
       if (field2 && field2._f) {
         field2._f.mount = value2;
       }
     };
-    updateMounted(name2, true);
+    updateMounted(name, true);
     if (_shouldUnregisterField) {
-      const value2 = cloneObject(get2(control._options.defaultValues, name2));
-      set(control._defaultValues, name2, value2);
-      if (isUndefined(get2(control._formValues, name2))) {
-        set(control._formValues, name2, value2);
+      const value2 = cloneObject(get2(control._options.defaultValues, name));
+      set(control._defaultValues, name, value2);
+      if (isUndefined(get2(control._formValues, name))) {
+        set(control._formValues, name, value2);
       }
     }
-    !isArrayField && control.register(name2);
+    !isArrayField && control.register(name);
     return () => {
-      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name2) : updateMounted(name2, false);
+      (isArrayField ? _shouldUnregisterField && !control._state.action : _shouldUnregisterField) ? control.unregister(name) : updateMounted(name, false);
     };
-  }, [name2, control, isArrayField, shouldUnregister]);
+  }, [name, control, isArrayField, shouldUnregister]);
   import_react15.default.useEffect(() => {
     control._setDisabledField({
       disabled,
-      name: name2
+      name
     });
-  }, [disabled, name2, control]);
+  }, [disabled, name, control]);
   return import_react15.default.useMemo(() => ({
     field,
     formState,
@@ -12890,10 +12895,10 @@ function useController(props) {
   }), [field, formState, fieldState]);
 }
 var Controller = (props) => props.render(useController(props));
-var appendErrors = (name2, validateAllFieldCriteria, errors, type, message2) => validateAllFieldCriteria ? {
-  ...errors[name2],
+var appendErrors = (name, validateAllFieldCriteria, errors, type, message2) => validateAllFieldCriteria ? {
+  ...errors[name],
   types: {
-    ...errors[name2] && errors[name2].types ? errors[name2].types : {},
+    ...errors[name] && errors[name].types ? errors[name].types : {},
     [type]: message2 || true
   }
 } : {};
@@ -13053,9 +13058,9 @@ function getFieldValue(_f) {
 }
 var getResolverOptions = (fieldsNames, _fields, criteriaMode, shouldUseNativeValidation) => {
   const fields = {};
-  for (const name2 of fieldsNames) {
-    const field = get2(_fields, name2);
-    field && set(fields, name2, field._f);
+  for (const name of fieldsNames) {
+    const field = get2(_fields, name);
+    field && set(fields, name, field._f);
   }
   return {
     criteriaMode,
@@ -13076,7 +13081,7 @@ var getValidationModes = (mode) => ({
 var ASYNC_FUNCTION = "AsyncFunction";
 var hasPromiseValidation = (fieldReference) => !!fieldReference && !!fieldReference.validate && !!(isFunction(fieldReference.validate) && fieldReference.validate.constructor.name === ASYNC_FUNCTION || isObject2(fieldReference.validate) && Object.values(fieldReference.validate).find((validateFunction) => validateFunction.constructor.name === ASYNC_FUNCTION));
 var hasValidation = (options2) => options2.mount && (options2.required || options2.min || options2.max || options2.maxLength || options2.minLength || options2.pattern || options2.validate);
-var isWatched = (name2, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name2) || [..._names.watch].some((watchName) => name2.startsWith(watchName) && /^\.\w+/.test(name2.slice(watchName.length))));
+var isWatched = (name, _names, isBlurEvent) => !isBlurEvent && (_names.watchAll || _names.watch.has(name) || [..._names.watch].some((watchName) => name.startsWith(watchName) && /^\.\w+/.test(name.slice(watchName.length))));
 var iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
   for (const key of fieldsNames || Object.keys(fields)) {
     const field = get2(fields, key);
@@ -13101,21 +13106,21 @@ var iterateFieldsByAction = (fields, action, fieldsNames, abortEarly) => {
   }
   return;
 };
-function schemaErrorLookup(errors, _fields, name2) {
-  const error2 = get2(errors, name2);
-  if (error2 || isKey(name2)) {
+function schemaErrorLookup(errors, _fields, name) {
+  const error2 = get2(errors, name);
+  if (error2 || isKey(name)) {
     return {
       error: error2,
-      name: name2
+      name
     };
   }
-  const names = name2.split(".");
+  const names = name.split(".");
   while (names.length) {
     const fieldName = names.join(".");
     const field = get2(_fields, fieldName);
     const foundError = get2(errors, fieldName);
-    if (field && !Array.isArray(field) && name2 !== fieldName) {
-      return { name: name2 };
+    if (field && !Array.isArray(field) && name !== fieldName) {
+      return { name };
     }
     if (foundError && foundError.type) {
       return {
@@ -13132,15 +13137,15 @@ function schemaErrorLookup(errors, _fields, name2) {
     names.pop();
   }
   return {
-    name: name2
+    name
   };
 }
 var shouldRenderFormState = (formStateData, _proxyFormState, updateFormState, isRoot) => {
   updateFormState(formStateData);
-  const { name: name2, ...formState } = formStateData;
+  const { name, ...formState } = formStateData;
   return isEmptyObject(formState) || Object.keys(formState).length >= Object.keys(_proxyFormState).length || Object.keys(formState).find((key) => _proxyFormState[key] === (!isRoot || VALIDATION_MODE.all));
 };
-var shouldSubscribeByName = (name2, signalName, exact) => !name2 || !signalName || name2 === signalName || convertToArrayPayload(name2).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
+var shouldSubscribeByName = (name, signalName, exact) => !name || !signalName || name === signalName || convertToArrayPayload(name).some((currentName) => currentName && (exact ? currentName === signalName : currentName.startsWith(signalName) || signalName.startsWith(currentName)));
 var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode) => {
   if (mode.isOnAll) {
     return false;
@@ -13153,11 +13158,11 @@ var skipValidation = (isBlurEvent, isTouched, isSubmitted, reValidateMode, mode)
   }
   return true;
 };
-var unsetEmptyArray = (ref, name2) => !compact(get2(ref, name2)).length && unset(ref, name2);
-var updateFieldArrayRootError = (errors, error2, name2) => {
-  const fieldArrayErrors = convertToArrayPayload(get2(errors, name2));
-  set(fieldArrayErrors, "root", error2[name2]);
-  set(errors, name2, fieldArrayErrors);
+var unsetEmptyArray = (ref, name) => !compact(get2(ref, name)).length && unset(ref, name);
+var updateFieldArrayRootError = (errors, error2, name) => {
+  const fieldArrayErrors = convertToArrayPayload(get2(errors, name));
+  set(fieldArrayErrors, "root", error2[name]);
+  set(errors, name, fieldArrayErrors);
   return errors;
 };
 var isMessage = (value) => isString3(value);
@@ -13175,9 +13180,9 @@ var getValueAndMessage = (validationData) => isObject2(validationData) && !isReg
   message: ""
 };
 var validateField = async (field, disabledFieldNames, formValues, validateAllFieldCriteria, shouldUseNativeValidation, isFieldArray) => {
-  const { ref, refs, required, maxLength, minLength, min: min3, max: max3, pattern, validate, name: name2, valueAsNumber, mount } = field._f;
-  const inputValue = get2(formValues, name2);
-  if (!mount || disabledFieldNames.has(name2)) {
+  const { ref, refs, required, maxLength, minLength, min: min3, max: max3, pattern, validate, name, valueAsNumber, mount } = field._f;
+  const inputValue = get2(formValues, name);
+  if (!mount || disabledFieldNames.has(name)) {
     return {};
   }
   const inputRef = refs ? refs[0] : ref;
@@ -13192,10 +13197,10 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
   const isCheckBox = isCheckBoxInput(ref);
   const isRadioOrCheckbox2 = isRadio || isCheckBox;
   const isEmpty = (valueAsNumber || isFileInput(ref)) && isUndefined(ref.value) && isUndefined(inputValue) || isHTMLElement2(ref) && ref.value === "" || inputValue === "" || Array.isArray(inputValue) && !inputValue.length;
-  const appendErrorsCurry = appendErrors.bind(null, name2, validateAllFieldCriteria, error2);
+  const appendErrorsCurry = appendErrors.bind(null, name, validateAllFieldCriteria, error2);
   const getMinMaxMessage = (exceedMax, maxLengthMessage, minLengthMessage, maxType = INPUT_VALIDATION_RULES.maxLength, minType = INPUT_VALIDATION_RULES.minLength) => {
     const message2 = exceedMax ? maxLengthMessage : minLengthMessage;
-    error2[name2] = {
+    error2[name] = {
       type: exceedMax ? maxType : minType,
       message: message2,
       ref,
@@ -13205,7 +13210,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
   if (isFieldArray ? !Array.isArray(inputValue) || !inputValue.length : required && (!isRadioOrCheckbox2 && (isEmpty || isNullOrUndefined(inputValue)) || isBoolean(inputValue) && !inputValue || isCheckBox && !getCheckboxValue(refs).isValid || isRadio && !getRadioValue(refs).isValid)) {
     const { value, message: message2 } = isMessage(required) ? { value: !!required, message: required } : getValueAndMessage(required);
     if (value) {
-      error2[name2] = {
+      error2[name] = {
         type: INPUT_VALIDATION_RULES.required,
         message: message2,
         ref: inputRef,
@@ -13245,7 +13250,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
     if (exceedMax || exceedMin) {
       getMinMaxMessage(!!exceedMax, maxOutput.message, minOutput.message, INPUT_VALIDATION_RULES.max, INPUT_VALIDATION_RULES.min);
       if (!validateAllFieldCriteria) {
-        setCustomValidity(error2[name2].message);
+        setCustomValidity(error2[name].message);
         return error2;
       }
     }
@@ -13258,7 +13263,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
     if (exceedMax || exceedMin) {
       getMinMaxMessage(exceedMax, maxLengthOutput.message, minLengthOutput.message);
       if (!validateAllFieldCriteria) {
-        setCustomValidity(error2[name2].message);
+        setCustomValidity(error2[name].message);
         return error2;
       }
     }
@@ -13266,7 +13271,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
   if (pattern && !isEmpty && isString3(inputValue)) {
     const { value: patternValue, message: message2 } = getValueAndMessage(pattern);
     if (isRegex(patternValue) && !inputValue.match(patternValue)) {
-      error2[name2] = {
+      error2[name] = {
         type: INPUT_VALIDATION_RULES.pattern,
         message: message2,
         ref,
@@ -13283,7 +13288,7 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
       const result = await validate(inputValue, formValues);
       const validateError = getValidateError(result, inputRef);
       if (validateError) {
-        error2[name2] = {
+        error2[name] = {
           ...validateError,
           ...appendErrorsCurry(INPUT_VALIDATION_RULES.validate, validateError.message)
         };
@@ -13306,12 +13311,12 @@ var validateField = async (field, disabledFieldNames, formValues, validateAllFie
           };
           setCustomValidity(validateError.message);
           if (validateAllFieldCriteria) {
-            error2[name2] = validationResult;
+            error2[name] = validationResult;
           }
         }
       }
       if (!isEmptyObject(validationResult)) {
-        error2[name2] = {
+        error2[name] = {
           ref: inputRef,
           ...validationResult
         };
@@ -13400,9 +13405,9 @@ function createFormControl(props = {}) {
   };
   const _updateIsValidating = (names, isValidating) => {
     if (!_options.disabled && (_proxyFormState.isValidating || _proxyFormState.validatingFields || _proxySubscribeFormState.isValidating || _proxySubscribeFormState.validatingFields)) {
-      (names || Array.from(_names.mount)).forEach((name2) => {
-        if (name2) {
-          isValidating ? set(_formState.validatingFields, name2, isValidating) : unset(_formState.validatingFields, name2);
+      (names || Array.from(_names.mount)).forEach((name) => {
+        if (name) {
+          isValidating ? set(_formState.validatingFields, name, isValidating) : unset(_formState.validatingFields, name);
         }
       });
       _subjects.state.next({
@@ -13411,38 +13416,38 @@ function createFormControl(props = {}) {
       });
     }
   };
-  const _setFieldArray = (name2, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
+  const _setFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
     if (args && method && !_options.disabled) {
       _state.action = true;
-      if (shouldUpdateFieldsAndState && Array.isArray(get2(_fields, name2))) {
-        const fieldValues = method(get2(_fields, name2), args.argA, args.argB);
-        shouldSetValues && set(_fields, name2, fieldValues);
+      if (shouldUpdateFieldsAndState && Array.isArray(get2(_fields, name))) {
+        const fieldValues = method(get2(_fields, name), args.argA, args.argB);
+        shouldSetValues && set(_fields, name, fieldValues);
       }
-      if (shouldUpdateFieldsAndState && Array.isArray(get2(_formState.errors, name2))) {
-        const errors = method(get2(_formState.errors, name2), args.argA, args.argB);
-        shouldSetValues && set(_formState.errors, name2, errors);
-        unsetEmptyArray(_formState.errors, name2);
+      if (shouldUpdateFieldsAndState && Array.isArray(get2(_formState.errors, name))) {
+        const errors = method(get2(_formState.errors, name), args.argA, args.argB);
+        shouldSetValues && set(_formState.errors, name, errors);
+        unsetEmptyArray(_formState.errors, name);
       }
-      if ((_proxyFormState.touchedFields || _proxySubscribeFormState.touchedFields) && shouldUpdateFieldsAndState && Array.isArray(get2(_formState.touchedFields, name2))) {
-        const touchedFields = method(get2(_formState.touchedFields, name2), args.argA, args.argB);
-        shouldSetValues && set(_formState.touchedFields, name2, touchedFields);
+      if ((_proxyFormState.touchedFields || _proxySubscribeFormState.touchedFields) && shouldUpdateFieldsAndState && Array.isArray(get2(_formState.touchedFields, name))) {
+        const touchedFields = method(get2(_formState.touchedFields, name), args.argA, args.argB);
+        shouldSetValues && set(_formState.touchedFields, name, touchedFields);
       }
       if (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) {
         _formState.dirtyFields = getDirtyFields(_defaultValues, _formValues);
       }
       _subjects.state.next({
-        name: name2,
-        isDirty: _getDirty(name2, values),
+        name,
+        isDirty: _getDirty(name, values),
         dirtyFields: _formState.dirtyFields,
         errors: _formState.errors,
         isValid: _formState.isValid
       });
     } else {
-      set(_formValues, name2, values);
+      set(_formValues, name, values);
     }
   };
-  const updateErrors = (name2, error2) => {
-    set(_formState.errors, name2, error2);
+  const updateErrors = (name, error2) => {
+    set(_formState.errors, name, error2);
     _subjects.state.next({
       errors: _formState.errors
     });
@@ -13454,19 +13459,19 @@ function createFormControl(props = {}) {
       isValid: false
     });
   };
-  const updateValidAndValue = (name2, shouldSkipSetValueAs, value, ref) => {
-    const field = get2(_fields, name2);
+  const updateValidAndValue = (name, shouldSkipSetValueAs, value, ref) => {
+    const field = get2(_fields, name);
     if (field) {
-      const defaultValue = get2(_formValues, name2, isUndefined(value) ? get2(_defaultValues, name2) : value);
-      isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name2, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name2, defaultValue);
+      const defaultValue = get2(_formValues, name, isUndefined(value) ? get2(_defaultValues, name) : value);
+      isUndefined(defaultValue) || ref && ref.defaultChecked || shouldSkipSetValueAs ? set(_formValues, name, shouldSkipSetValueAs ? defaultValue : getFieldValue(field._f)) : setFieldValue(name, defaultValue);
       _state.mount && _setValid();
     }
   };
-  const updateTouchAndDirty = (name2, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
+  const updateTouchAndDirty = (name, fieldValue, isBlurEvent, shouldDirty, shouldRender) => {
     let shouldUpdateField = false;
     let isPreviousDirty = false;
     const output = {
-      name: name2
+      name
     };
     if (!_options.disabled) {
       if (!isBlurEvent || shouldDirty) {
@@ -13475,16 +13480,16 @@ function createFormControl(props = {}) {
           _formState.isDirty = output.isDirty = _getDirty();
           shouldUpdateField = isPreviousDirty !== output.isDirty;
         }
-        const isCurrentFieldPristine = deepEqual(get2(_defaultValues, name2), fieldValue);
-        isPreviousDirty = !!get2(_formState.dirtyFields, name2);
-        isCurrentFieldPristine ? unset(_formState.dirtyFields, name2) : set(_formState.dirtyFields, name2, true);
+        const isCurrentFieldPristine = deepEqual(get2(_defaultValues, name), fieldValue);
+        isPreviousDirty = !!get2(_formState.dirtyFields, name);
+        isCurrentFieldPristine ? unset(_formState.dirtyFields, name) : set(_formState.dirtyFields, name, true);
         output.dirtyFields = _formState.dirtyFields;
         shouldUpdateField = shouldUpdateField || (_proxyFormState.dirtyFields || _proxySubscribeFormState.dirtyFields) && isPreviousDirty !== !isCurrentFieldPristine;
       }
       if (isBlurEvent) {
-        const isPreviousFieldTouched = get2(_formState.touchedFields, name2);
+        const isPreviousFieldTouched = get2(_formState.touchedFields, name);
         if (!isPreviousFieldTouched) {
-          set(_formState.touchedFields, name2, isBlurEvent);
+          set(_formState.touchedFields, name, isBlurEvent);
           output.touchedFields = _formState.touchedFields;
           shouldUpdateField = shouldUpdateField || (_proxyFormState.touchedFields || _proxySubscribeFormState.touchedFields) && isPreviousFieldTouched !== isBlurEvent;
         }
@@ -13493,23 +13498,23 @@ function createFormControl(props = {}) {
     }
     return shouldUpdateField ? output : {};
   };
-  const shouldRenderByError = (name2, isValid3, error2, fieldState) => {
-    const previousFieldError = get2(_formState.errors, name2);
+  const shouldRenderByError = (name, isValid3, error2, fieldState) => {
+    const previousFieldError = get2(_formState.errors, name);
     const shouldUpdateValid = (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isBoolean(isValid3) && _formState.isValid !== isValid3;
     if (_options.delayError && error2) {
-      delayErrorCallback = debounce(() => updateErrors(name2, error2));
+      delayErrorCallback = debounce(() => updateErrors(name, error2));
       delayErrorCallback(_options.delayError);
     } else {
       clearTimeout(timer);
       delayErrorCallback = null;
-      error2 ? set(_formState.errors, name2, error2) : unset(_formState.errors, name2);
+      error2 ? set(_formState.errors, name, error2) : unset(_formState.errors, name);
     }
     if ((error2 ? !deepEqual(previousFieldError, error2) : previousFieldError) || !isEmptyObject(fieldState) || shouldUpdateValid) {
       const updatedFormState = {
         ...fieldState,
         ...shouldUpdateValid && isBoolean(isValid3) ? { isValid: isValid3 } : {},
         errors: _formState.errors,
-        name: name2
+        name
       };
       _formState = {
         ..._formState,
@@ -13518,18 +13523,18 @@ function createFormControl(props = {}) {
       _subjects.state.next(updatedFormState);
     }
   };
-  const _runSchema = async (name2) => {
-    _updateIsValidating(name2, true);
-    const result = await _options.resolver(_formValues, _options.context, getResolverOptions(name2 || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
-    _updateIsValidating(name2);
+  const _runSchema = async (name) => {
+    _updateIsValidating(name, true);
+    const result = await _options.resolver(_formValues, _options.context, getResolverOptions(name || _names.mount, _fields, _options.criteriaMode, _options.shouldUseNativeValidation));
+    _updateIsValidating(name);
     return result;
   };
   const executeSchemaAndUpdateState = async (names) => {
     const { errors } = await _runSchema(names);
     if (names) {
-      for (const name2 of names) {
-        const error2 = get2(errors, name2);
-        error2 ? set(_formState.errors, name2, error2) : unset(_formState.errors, name2);
+      for (const name of names) {
+        const error2 = get2(errors, name);
+        error2 ? set(_formState.errors, name, error2) : unset(_formState.errors, name);
       }
     } else {
       _formState.errors = errors;
@@ -13539,19 +13544,19 @@ function createFormControl(props = {}) {
   const executeBuiltInValidation = async (fields, shouldOnlyCheckValid, context = {
     valid: true
   }) => {
-    for (const name2 in fields) {
-      const field = fields[name2];
+    for (const name in fields) {
+      const field = fields[name];
       if (field) {
         const { _f, ...fieldValue } = field;
         if (_f) {
           const isFieldArrayRoot = _names.array.has(_f.name);
           const isPromiseFunction = field._f && hasPromiseValidation(field._f);
           if (isPromiseFunction && _proxyFormState.validatingFields) {
-            _updateIsValidating([name2], true);
+            _updateIsValidating([name], true);
           }
           const fieldError = await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation && !shouldOnlyCheckValid, isFieldArrayRoot);
           if (isPromiseFunction && _proxyFormState.validatingFields) {
-            _updateIsValidating([name2]);
+            _updateIsValidating([name]);
           }
           if (fieldError[_f.name]) {
             context.valid = false;
@@ -13567,24 +13572,24 @@ function createFormControl(props = {}) {
     return context.valid;
   };
   const _removeUnmounted = () => {
-    for (const name2 of _names.unMount) {
-      const field = get2(_fields, name2);
-      field && (field._f.refs ? field._f.refs.every((ref) => !live(ref)) : !live(field._f.ref)) && unregister(name2);
+    for (const name of _names.unMount) {
+      const field = get2(_fields, name);
+      field && (field._f.refs ? field._f.refs.every((ref) => !live(ref)) : !live(field._f.ref)) && unregister(name);
     }
     _names.unMount = /* @__PURE__ */ new Set();
   };
-  const _getDirty = (name2, data) => !_options.disabled && (name2 && data && set(_formValues, name2, data), !deepEqual(getValues(), _defaultValues));
+  const _getDirty = (name, data) => !_options.disabled && (name && data && set(_formValues, name, data), !deepEqual(getValues(), _defaultValues));
   const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
     ..._state.mount ? _formValues : isUndefined(defaultValue) ? _defaultValues : isString3(names) ? { [names]: defaultValue } : defaultValue
   }, isGlobal, defaultValue);
-  const _getFieldArray = (name2) => compact(get2(_state.mount ? _formValues : _defaultValues, name2, _options.shouldUnregister ? get2(_defaultValues, name2, []) : []));
-  const setFieldValue = (name2, value, options2 = {}) => {
-    const field = get2(_fields, name2);
+  const _getFieldArray = (name) => compact(get2(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get2(_defaultValues, name, []) : []));
+  const setFieldValue = (name, value, options2 = {}) => {
+    const field = get2(_fields, name);
     let fieldValue = value;
     if (field) {
       const fieldReference = field._f;
       if (fieldReference) {
-        !fieldReference.disabled && set(_formValues, name2, getFieldValueAs(value, fieldReference));
+        !fieldReference.disabled && set(_formValues, name, getFieldValueAs(value, fieldReference));
         fieldValue = isHTMLElement2(fieldReference.ref) && isNullOrUndefined(value) ? "" : value;
         if (isMultipleSelect(fieldReference.ref)) {
           [...fieldReference.ref.options].forEach((optionRef) => optionRef.selected = fieldValue.includes(optionRef.value));
@@ -13608,61 +13613,61 @@ function createFormControl(props = {}) {
           fieldReference.ref.value = fieldValue;
           if (!fieldReference.ref.type) {
             _subjects.state.next({
-              name: name2,
+              name,
               values: cloneObject(_formValues)
             });
           }
         }
       }
     }
-    (options2.shouldDirty || options2.shouldTouch) && updateTouchAndDirty(name2, fieldValue, options2.shouldTouch, options2.shouldDirty, true);
-    options2.shouldValidate && trigger(name2);
+    (options2.shouldDirty || options2.shouldTouch) && updateTouchAndDirty(name, fieldValue, options2.shouldTouch, options2.shouldDirty, true);
+    options2.shouldValidate && trigger(name);
   };
-  const setValues = (name2, value, options2) => {
+  const setValues = (name, value, options2) => {
     for (const fieldKey in value) {
       if (!value.hasOwnProperty(fieldKey)) {
         return;
       }
       const fieldValue = value[fieldKey];
-      const fieldName = name2 + "." + fieldKey;
+      const fieldName = name + "." + fieldKey;
       const field = get2(_fields, fieldName);
-      (_names.array.has(name2) || isObject2(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options2) : setFieldValue(fieldName, fieldValue, options2);
+      (_names.array.has(name) || isObject2(fieldValue) || field && !field._f) && !isDateObject(fieldValue) ? setValues(fieldName, fieldValue, options2) : setFieldValue(fieldName, fieldValue, options2);
     }
   };
-  const setValue = (name2, value, options2 = {}) => {
-    const field = get2(_fields, name2);
-    const isFieldArray = _names.array.has(name2);
+  const setValue = (name, value, options2 = {}) => {
+    const field = get2(_fields, name);
+    const isFieldArray = _names.array.has(name);
     const cloneValue = cloneObject(value);
-    set(_formValues, name2, cloneValue);
+    set(_formValues, name, cloneValue);
     if (isFieldArray) {
       _subjects.array.next({
-        name: name2,
+        name,
         values: cloneObject(_formValues)
       });
       if ((_proxyFormState.isDirty || _proxyFormState.dirtyFields || _proxySubscribeFormState.isDirty || _proxySubscribeFormState.dirtyFields) && options2.shouldDirty) {
         _subjects.state.next({
-          name: name2,
+          name,
           dirtyFields: getDirtyFields(_defaultValues, _formValues),
-          isDirty: _getDirty(name2, cloneValue)
+          isDirty: _getDirty(name, cloneValue)
         });
       }
     } else {
-      field && !field._f && !isNullOrUndefined(cloneValue) ? setValues(name2, cloneValue, options2) : setFieldValue(name2, cloneValue, options2);
+      field && !field._f && !isNullOrUndefined(cloneValue) ? setValues(name, cloneValue, options2) : setFieldValue(name, cloneValue, options2);
     }
-    isWatched(name2, _names) && _subjects.state.next({ ..._formState, name: name2 });
+    isWatched(name, _names) && _subjects.state.next({ ..._formState, name });
     _subjects.state.next({
-      name: _state.mount ? name2 : void 0,
+      name: _state.mount ? name : void 0,
       values: cloneObject(_formValues)
     });
   };
   const onChange2 = async (event) => {
     _state.mount = true;
     const target = event.target;
-    let name2 = target.name;
+    let name = target.name;
     let isFieldValueUpdated = true;
-    const field = get2(_fields, name2);
+    const field = get2(_fields, name);
     const _updateIsFieldValueUpdated = (fieldValue) => {
-      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual(fieldValue, get2(_formValues, name2, fieldValue));
+      isFieldValueUpdated = Number.isNaN(fieldValue) || isDateObject(fieldValue) && isNaN(fieldValue.getTime()) || deepEqual(fieldValue, get2(_formValues, name, fieldValue));
     };
     const validationModeBeforeSubmit = getValidationModes(_options.mode);
     const validationModeAfterSubmit = getValidationModes(_options.reValidateMode);
@@ -13671,9 +13676,9 @@ function createFormControl(props = {}) {
       let isValid3;
       const fieldValue = target.type ? getFieldValue(field._f) : getEventValue(event);
       const isBlurEvent = event.type === EVENTS.BLUR || event.type === EVENTS.FOCUS_OUT;
-      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get2(_formState.errors, name2) && !field._f.deps || skipValidation(isBlurEvent, get2(_formState.touchedFields, name2), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
-      const watched = isWatched(name2, _names, isBlurEvent);
-      set(_formValues, name2, fieldValue);
+      const shouldSkipValidation = !hasValidation(field._f) && !_options.resolver && !get2(_formState.errors, name) && !field._f.deps || skipValidation(isBlurEvent, get2(_formState.touchedFields, name), _formState.isSubmitted, validationModeAfterSubmit, validationModeBeforeSubmit);
+      const watched = isWatched(name, _names, isBlurEvent);
+      set(_formValues, name, fieldValue);
       if (isBlurEvent) {
         if (!target || !target.readOnly) {
           field._f.onBlur && field._f.onBlur(event);
@@ -13682,10 +13687,10 @@ function createFormControl(props = {}) {
       } else if (field._f.onChange) {
         field._f.onChange(event);
       }
-      const fieldState = updateTouchAndDirty(name2, fieldValue, isBlurEvent);
+      const fieldState = updateTouchAndDirty(name, fieldValue, isBlurEvent);
       const shouldRender = !isEmptyObject(fieldState) || watched;
       !isBlurEvent && _subjects.state.next({
-        name: name2,
+        name,
         type: event.type,
         values: cloneObject(_formValues)
       });
@@ -13699,23 +13704,23 @@ function createFormControl(props = {}) {
             _setValid();
           }
         }
-        return shouldRender && _subjects.state.next({ name: name2, ...watched ? {} : fieldState });
+        return shouldRender && _subjects.state.next({ name, ...watched ? {} : fieldState });
       }
       !isBlurEvent && watched && _subjects.state.next({ ..._formState });
       if (_options.resolver) {
-        const { errors } = await _runSchema([name2]);
+        const { errors } = await _runSchema([name]);
         _updateIsFieldValueUpdated(fieldValue);
         if (isFieldValueUpdated) {
-          const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name2);
-          const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name2);
+          const previousErrorLookupResult = schemaErrorLookup(_formState.errors, _fields, name);
+          const errorLookupResult = schemaErrorLookup(errors, _fields, previousErrorLookupResult.name || name);
           error2 = errorLookupResult.error;
-          name2 = errorLookupResult.name;
+          name = errorLookupResult.name;
           isValid3 = isEmptyObject(errors);
         }
       } else {
-        _updateIsValidating([name2], true);
-        error2 = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name2];
-        _updateIsValidating([name2]);
+        _updateIsValidating([name], true);
+        error2 = (await validateField(field, _names.disabled, _formValues, shouldDisplayAllAssociatedErrors, _options.shouldUseNativeValidation))[name];
+        _updateIsValidating([name]);
         _updateIsFieldValueUpdated(fieldValue);
         if (isFieldValueUpdated) {
           if (error2) {
@@ -13727,7 +13732,7 @@ function createFormControl(props = {}) {
       }
       if (isFieldValueUpdated) {
         field._f.deps && trigger(field._f.deps);
-        shouldRenderByError(name2, isValid3, error2, fieldState);
+        shouldRenderByError(name, isValid3, error2, fieldState);
       }
     }
   };
@@ -13738,15 +13743,15 @@ function createFormControl(props = {}) {
     }
     return;
   };
-  const trigger = async (name2, options2 = {}) => {
+  const trigger = async (name, options2 = {}) => {
     let isValid3;
     let validationResult;
-    const fieldNames = convertToArrayPayload(name2);
+    const fieldNames = convertToArrayPayload(name);
     if (_options.resolver) {
-      const errors = await executeSchemaAndUpdateState(isUndefined(name2) ? name2 : fieldNames);
+      const errors = await executeSchemaAndUpdateState(isUndefined(name) ? name : fieldNames);
       isValid3 = isEmptyObject(errors);
-      validationResult = name2 ? !fieldNames.some((name3) => get2(errors, name3)) : isValid3;
-    } else if (name2) {
+      validationResult = name ? !fieldNames.some((name2) => get2(errors, name2)) : isValid3;
+    } else if (name) {
       validationResult = (await Promise.all(fieldNames.map(async (fieldName) => {
         const field = get2(_fields, fieldName);
         return await executeBuiltInValidation(field && field._f ? { [fieldName]: field } : field);
@@ -13756,51 +13761,51 @@ function createFormControl(props = {}) {
       validationResult = isValid3 = await executeBuiltInValidation(_fields);
     }
     _subjects.state.next({
-      ...!isString3(name2) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid3 !== _formState.isValid ? {} : { name: name2 },
-      ..._options.resolver || !name2 ? { isValid: isValid3 } : {},
+      ...!isString3(name) || (_proxyFormState.isValid || _proxySubscribeFormState.isValid) && isValid3 !== _formState.isValid ? {} : { name },
+      ..._options.resolver || !name ? { isValid: isValid3 } : {},
       errors: _formState.errors
     });
-    options2.shouldFocus && !validationResult && iterateFieldsByAction(_fields, _focusInput, name2 ? fieldNames : _names.mount);
+    options2.shouldFocus && !validationResult && iterateFieldsByAction(_fields, _focusInput, name ? fieldNames : _names.mount);
     return validationResult;
   };
   const getValues = (fieldNames) => {
     const values = {
       ..._state.mount ? _formValues : _defaultValues
     };
-    return isUndefined(fieldNames) ? values : isString3(fieldNames) ? get2(values, fieldNames) : fieldNames.map((name2) => get2(values, name2));
+    return isUndefined(fieldNames) ? values : isString3(fieldNames) ? get2(values, fieldNames) : fieldNames.map((name) => get2(values, name));
   };
-  const getFieldState = (name2, formState) => ({
-    invalid: !!get2((formState || _formState).errors, name2),
-    isDirty: !!get2((formState || _formState).dirtyFields, name2),
-    error: get2((formState || _formState).errors, name2),
-    isValidating: !!get2(_formState.validatingFields, name2),
-    isTouched: !!get2((formState || _formState).touchedFields, name2)
+  const getFieldState = (name, formState) => ({
+    invalid: !!get2((formState || _formState).errors, name),
+    isDirty: !!get2((formState || _formState).dirtyFields, name),
+    error: get2((formState || _formState).errors, name),
+    isValidating: !!get2(_formState.validatingFields, name),
+    isTouched: !!get2((formState || _formState).touchedFields, name)
   });
-  const clearErrors = (name2) => {
-    name2 && convertToArrayPayload(name2).forEach((inputName) => unset(_formState.errors, inputName));
+  const clearErrors = (name) => {
+    name && convertToArrayPayload(name).forEach((inputName) => unset(_formState.errors, inputName));
     _subjects.state.next({
-      errors: name2 ? _formState.errors : {}
+      errors: name ? _formState.errors : {}
     });
   };
-  const setError = (name2, error2, options2) => {
-    const ref = (get2(_fields, name2, { _f: {} })._f || {}).ref;
-    const currentError = get2(_formState.errors, name2) || {};
+  const setError = (name, error2, options2) => {
+    const ref = (get2(_fields, name, { _f: {} })._f || {}).ref;
+    const currentError = get2(_formState.errors, name) || {};
     const { ref: currentRef, message: message2, type, ...restOfErrorTree } = currentError;
-    set(_formState.errors, name2, {
+    set(_formState.errors, name, {
       ...restOfErrorTree,
       ...error2,
       ref
     });
     _subjects.state.next({
-      name: name2,
+      name,
       errors: _formState.errors,
       isValid: false
     });
     options2 && options2.shouldFocus && ref && ref.focus && ref.focus();
   };
-  const watch = (name2, defaultValue) => isFunction(name2) ? _subjects.state.subscribe({
-    next: (payload) => "values" in payload && name2(_getWatch(void 0, defaultValue), payload)
-  }) : _getWatch(name2, defaultValue, true);
+  const watch = (name, defaultValue) => isFunction(name) ? _subjects.state.subscribe({
+    next: (payload) => "values" in payload && name(_getWatch(void 0, defaultValue), payload)
+  }) : _getWatch(name, defaultValue, true);
   const _subscribe = (props2) => _subjects.state.subscribe({
     next: (formState) => {
       if (shouldSubscribeByName(props2.name, formState.name, props2.exact) && shouldRenderFormState(formState, props2.formState || _proxyFormState, _setFormState, props2.reRenderRoot)) {
@@ -13824,8 +13829,8 @@ function createFormControl(props = {}) {
       formState: _proxySubscribeFormState
     });
   };
-  const unregister = (name2, options2 = {}) => {
-    for (const fieldName of name2 ? convertToArrayPayload(name2) : _names.mount) {
+  const unregister = (name, options2 = {}) => {
+    for (const fieldName of name ? convertToArrayPayload(name) : _names.mount) {
       _names.mount.delete(fieldName);
       _names.array.delete(fieldName);
       if (!options2.keepValue) {
@@ -13847,31 +13852,31 @@ function createFormControl(props = {}) {
     });
     !options2.keepIsValid && _setValid();
   };
-  const _setDisabledField = ({ disabled, name: name2 }) => {
-    if (isBoolean(disabled) && _state.mount || !!disabled || _names.disabled.has(name2)) {
-      disabled ? _names.disabled.add(name2) : _names.disabled.delete(name2);
+  const _setDisabledField = ({ disabled, name }) => {
+    if (isBoolean(disabled) && _state.mount || !!disabled || _names.disabled.has(name)) {
+      disabled ? _names.disabled.add(name) : _names.disabled.delete(name);
     }
   };
-  const register = (name2, options2 = {}) => {
-    let field = get2(_fields, name2);
+  const register = (name, options2 = {}) => {
+    let field = get2(_fields, name);
     const disabledIsDefined = isBoolean(options2.disabled) || isBoolean(_options.disabled);
-    set(_fields, name2, {
+    set(_fields, name, {
       ...field || {},
       _f: {
-        ...field && field._f ? field._f : { ref: { name: name2 } },
-        name: name2,
+        ...field && field._f ? field._f : { ref: { name } },
+        name,
         mount: true,
         ...options2
       }
     });
-    _names.mount.add(name2);
+    _names.mount.add(name);
     if (field) {
       _setDisabledField({
         disabled: isBoolean(options2.disabled) ? options2.disabled : _options.disabled,
-        name: name2
+        name
       });
     } else {
-      updateValidAndValue(name2, true, options2.value);
+      updateValidAndValue(name, true, options2.value);
     }
     return {
       ...disabledIsDefined ? { disabled: options2.disabled || _options.disabled } : {},
@@ -13883,39 +13888,39 @@ function createFormControl(props = {}) {
         maxLength: getRuleValue(options2.maxLength),
         pattern: getRuleValue(options2.pattern)
       } : {},
-      name: name2,
+      name,
       onChange: onChange2,
       onBlur: onChange2,
       ref: (ref) => {
         if (ref) {
-          register(name2, options2);
-          field = get2(_fields, name2);
+          register(name, options2);
+          field = get2(_fields, name);
           const fieldRef = isUndefined(ref.value) ? ref.querySelectorAll ? ref.querySelectorAll("input,select,textarea")[0] || ref : ref : ref;
           const radioOrCheckbox = isRadioOrCheckbox(fieldRef);
           const refs = field._f.refs || [];
           if (radioOrCheckbox ? refs.find((option) => option === fieldRef) : fieldRef === field._f.ref) {
             return;
           }
-          set(_fields, name2, {
+          set(_fields, name, {
             _f: {
               ...field._f,
               ...radioOrCheckbox ? {
                 refs: [
                   ...refs.filter(live),
                   fieldRef,
-                  ...Array.isArray(get2(_defaultValues, name2)) ? [{}] : []
+                  ...Array.isArray(get2(_defaultValues, name)) ? [{}] : []
                 ],
-                ref: { type: fieldRef.type, name: name2 }
+                ref: { type: fieldRef.type, name }
               } : { ref: fieldRef }
             }
           });
-          updateValidAndValue(name2, false, void 0, fieldRef);
+          updateValidAndValue(name, false, void 0, fieldRef);
         } else {
-          field = get2(_fields, name2, {});
+          field = get2(_fields, name, {});
           if (field._f) {
             field._f.mount = false;
           }
-          (_options.shouldUnregister || options2.shouldUnregister) && !(isNameInFieldArray(_names.array, name2) && _state.action) && _names.unMount.add(name2);
+          (_options.shouldUnregister || options2.shouldUnregister) && !(isNameInFieldArray(_names.array, name) && _state.action) && _names.unMount.add(name);
         }
       }
     };
@@ -13924,8 +13929,8 @@ function createFormControl(props = {}) {
   const _disableForm = (disabled) => {
     if (isBoolean(disabled)) {
       _subjects.state.next({ disabled });
-      iterateFieldsByAction(_fields, (ref, name2) => {
-        const currentField = get2(_fields, name2);
+      iterateFieldsByAction(_fields, (ref, name) => {
+        const currentField = get2(_fields, name);
         if (currentField) {
           ref.disabled = currentField._f.disabled || disabled;
           if (Array.isArray(currentField._f.refs)) {
@@ -13955,8 +13960,8 @@ function createFormControl(props = {}) {
       await executeBuiltInValidation(_fields);
     }
     if (_names.disabled.size) {
-      for (const name2 of _names.disabled) {
-        unset(fieldValues, name2);
+      for (const name of _names.disabled) {
+        unset(fieldValues, name);
       }
     }
     unset(_formState.errors, "root");
@@ -13987,23 +13992,23 @@ function createFormControl(props = {}) {
       throw onValidError;
     }
   };
-  const resetField = (name2, options2 = {}) => {
-    if (get2(_fields, name2)) {
+  const resetField = (name, options2 = {}) => {
+    if (get2(_fields, name)) {
       if (isUndefined(options2.defaultValue)) {
-        setValue(name2, cloneObject(get2(_defaultValues, name2)));
+        setValue(name, cloneObject(get2(_defaultValues, name)));
       } else {
-        setValue(name2, options2.defaultValue);
-        set(_defaultValues, name2, cloneObject(options2.defaultValue));
+        setValue(name, options2.defaultValue);
+        set(_defaultValues, name, cloneObject(options2.defaultValue));
       }
       if (!options2.keepTouched) {
-        unset(_formState.touchedFields, name2);
+        unset(_formState.touchedFields, name);
       }
       if (!options2.keepDirty) {
-        unset(_formState.dirtyFields, name2);
-        _formState.isDirty = options2.defaultValue ? _getDirty(name2, cloneObject(get2(_defaultValues, name2))) : _getDirty();
+        unset(_formState.dirtyFields, name);
+        _formState.isDirty = options2.defaultValue ? _getDirty(name, cloneObject(get2(_defaultValues, name))) : _getDirty();
       }
       if (!options2.keepError) {
-        unset(_formState.errors, name2);
+        unset(_formState.errors, name);
         _proxyFormState.isValid && _setValid();
       }
       _subjects.state.next({ ..._formState });
@@ -14028,8 +14033,8 @@ function createFormControl(props = {}) {
         }
       } else {
         if (isWeb && isUndefined(formValues)) {
-          for (const name2 of _names.mount) {
-            const field = get2(_fields, name2);
+          for (const name of _names.mount) {
+            const field = get2(_fields, name);
             if (field && field._f) {
               const fieldReference = Array.isArray(field._f.refs) ? field._f.refs[0] : field._f.ref;
               if (isHTMLElement2(fieldReference)) {
@@ -14082,8 +14087,8 @@ function createFormControl(props = {}) {
     });
   };
   const reset = (formValues, keepStateOptions) => _reset(isFunction(formValues) ? formValues(_formValues) : formValues, keepStateOptions);
-  const setFocus = (name2, options2 = {}) => {
-    const field = get2(_fields, name2);
+  const setFocus = (name, options2 = {}) => {
+    const field = get2(_fields, name);
     const fieldReference = field && field._f;
     if (fieldReference) {
       const fieldRef = fieldReference.refs ? fieldReference.refs[0] : fieldReference.ref;
@@ -14399,7 +14404,7 @@ function TextInput(props) {
     inputWrapperClassName,
     label,
     placeholder,
-    name: name2,
+    name,
     type = "text",
     register,
     errors,
@@ -14422,7 +14427,7 @@ function TextInput(props) {
               className: "flex-1 outline-none placeholder:text-[14px] placeholder:text-[#ABACAE]",
               placeholder,
               type: type === "password" ? showPassword ? "text" : "password" : type,
-              ...register(name2)
+              ...register(name)
             }
           ),
           type === "password" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -14436,11 +14441,11 @@ function TextInput(props) {
         ]
       }
     ),
-    errors?.[name2]?.message && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    errors?.[name]?.message && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "p",
       {
-        className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name2] ? "h-4" : "h-0 -mt-1"}`,
-        children: errors?.[name2]?.message
+        className: `text-[12px] origin-top transition-all text-red-500 ${errors?.[name] ? "h-4" : "h-0 -mt-1"}`,
+        children: errors?.[name]?.message
       }
     )
   ] });
@@ -14847,10 +14852,10 @@ function useFileInfo(source, options2) {
     let localUrl = null;
     let fr = null;
     let mediaEl = null;
-    const makeExtension = (name2, type) => {
-      if (name2) {
-        const idx = name2.lastIndexOf(".");
-        if (idx > -1) return name2.slice(idx + 1).toLowerCase();
+    const makeExtension = (name, type) => {
+      if (name) {
+        const idx = name.lastIndexOf(".");
+        if (idx > -1) return name.slice(idx + 1).toLowerCase();
       }
       if (type) {
         const match3 = /\/([a-z0-9.+-]+)$/.exec(type);
@@ -15459,7 +15464,7 @@ var ModalLayer = ({
 // src/widgets/common/modal-confirm.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 var ModalConfirm = ({
-  name: name2,
+  name,
   isShowModal,
   onClick,
   onClose,
@@ -15468,8 +15473,8 @@ var ModalConfirm = ({
   isLoading
 }) => {
   const { t: t3 } = useI18n();
-  const renderButtonAction = (name3) => {
-    switch (name3) {
+  const renderButtonAction = (name2) => {
+    switch (name2) {
       case "duplicate":
         return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "button",
@@ -15545,7 +15550,7 @@ var ModalConfirm = ({
           children: t3("cancel")
         }
       ),
-      renderButtonAction(name2)
+      renderButtonAction(name)
     ] })
   ] }) });
 };
@@ -16094,7 +16099,7 @@ var import_react39 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var BinaryField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     readonly = false,
     placeholder,
@@ -16133,7 +16138,7 @@ var BinaryField = (props) => {
       try {
         let type = "application/octet-stream";
         let size4 = 0;
-        let name3 = formValues?.[filename ?? ""] || initialFile.split("/").pop() || "unknown_file";
+        let name2 = formValues?.[filename ?? ""] || initialFile.split("/").pop() || "unknown_file";
         if (checkIsImageLink2(initialFile) || onlyImage) {
           type = "image/*";
         } else {
@@ -16146,7 +16151,7 @@ var BinaryField = (props) => {
           }
         }
         setFileInfo({
-          name: name3,
+          name: name2,
           type,
           url: initialFile,
           size: size4,
@@ -16182,13 +16187,13 @@ var BinaryField = (props) => {
   };
   const renderPreview = (file) => {
     if (!file) return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(PlaceHolderIcon, {});
-    const { name: name3, type, url, size: size4 } = file;
+    const { name: name2, type, url, size: size4 } = file;
     if (type?.startsWith("image/") || checkIsImageLink2(url))
       return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "img",
         {
           src: url,
-          alt: name3,
+          alt: name2,
           className: `w-full h-full  rounded-lg object-contain ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
           style: {
             maxWidth: isEditTable ? "40px" : "128px",
@@ -16228,7 +16233,7 @@ var BinaryField = (props) => {
               maxWidth: "120px"
             },
             className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
-            children: name3
+            children: name2
           }
         ),
         isShowSize && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
@@ -16238,7 +16243,7 @@ var BinaryField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -16531,7 +16536,7 @@ var import_jsx_runtime78 = require("react/jsx-runtime");
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     placeholder,
     required,
@@ -16562,7 +16567,7 @@ var CharField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -16589,15 +16594,15 @@ var CharField = (props) => {
         const { setError, clearErrors } = methods;
         (0, import_react40.useEffect)(() => {
           if (value2) {
-            clearErrors(name2);
+            clearErrors(name);
           }
-        }, [value2, clearErrors, name2]);
+        }, [value2, clearErrors, name]);
         (0, import_react40.useEffect)(() => {
           if (widget !== WIDGET_AUTO_COMPUTE_DEPEND) return;
           const depValue = formValues?.[options2?.depend_field]?.[options2?.field_name];
-          const currentValue = methods?.getValues(name2);
+          const currentValue = methods?.getValues(name);
           if (currentValue !== depValue) {
-            methods?.setValue(name2, depValue, { shouldValidate: true });
+            methods?.setValue(name, depValue, { shouldValidate: true });
           }
         }, [widget, formValues]);
         const realValue = typeof value2 === "string" || typeof value2 === "number" ? String(value2) : "";
@@ -16622,14 +16627,14 @@ var CharField = (props) => {
                 const inputValue = e3.target.value;
                 if (readonly) return;
                 fieldOnchange(inputValue);
-                clearErrors(name2);
+                clearErrors(name);
               },
               onBlur: (e3) => {
                 if (readonly) return;
                 const inputValue = e3.target.value || "";
                 if (widget === "custom_passord") {
                   if (regex && !new RegExp(regex)?.test(inputValue)) {
-                    setError(name2, {
+                    setError(name, {
                       type: "pattern",
                       message: getPasswordMessage(
                         min3,
@@ -16644,7 +16649,7 @@ var CharField = (props) => {
                 } else if (widget === "text-only" || widget === "number-only" || widget === "email" || widget === "phone") {
                   const inputType = widget === "email" ? "email" : widget === "phone" ? "phone" : widget === "text-only" ? "text" : "number";
                   if (inputValue && !validateInput(inputValue, inputType)) {
-                    setError(name2, {
+                    setError(name, {
                       type: "pattern",
                       message: t3(
                         widget === "email" ? "email-only" : widget === "phone" ? "phone-only" : widget === "text-only" ? "text-only" : "number-only"
@@ -16654,14 +16659,14 @@ var CharField = (props) => {
                   }
                 }
                 fieldOnchange(inputValue);
-                onChange2 && onChange2(name2 ?? "", inputValue);
+                onChange2 && onChange2(name ?? "", inputValue);
                 if (!inputValue && required && !invisible) {
-                  setError(name2, {
+                  setError(name, {
                     type: "required",
                     message: `${string} ${t3("must_required")}`
                   });
                 } else {
-                  clearErrors(name2);
+                  clearErrors(name);
                 }
               },
               readOnly: readonly,
@@ -16715,14 +16720,14 @@ function EyeIconComponent({ open }) {
 }
 var SecureField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     placeholder,
     required,
     invisible,
     methods,
     onChange: onChange2,
-    string = name2,
+    string = name,
     widget,
     min: min3,
     max: max3,
@@ -16752,7 +16757,7 @@ var SecureField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     Controller,
     {
-      name: String(name2),
+      name: String(name),
       control: methods.control,
       rules: {
         ...required && !invisible ? {
@@ -16786,8 +16791,8 @@ var SecureField = (props) => {
           if (canToggle) setShowPlain(false);
         }, [canToggle]);
         (0, import_react41.useEffect)(() => {
-          if (value2) clearErrors(name2);
-        }, [value2, clearErrors, name2]);
+          if (value2) clearErrors(name);
+        }, [value2, clearErrors, name]);
         return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: `secure-widget relative w-full ${className ?? ""}`, children: [
           isCappedToken && shouldMask && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
             "div",
@@ -16805,20 +16810,20 @@ var SecureField = (props) => {
                 if (readonly) return;
                 const inputValue = e3.target.value ?? "";
                 fieldOnchange(inputValue);
-                clearErrors(name2);
+                clearErrors(name);
               },
               onBlur: (e3) => {
                 if (readonly) return;
                 const inputValue = (e3.target.value ?? "").trim();
                 if (!inputValue && required && !invisible) {
-                  setError(name2, {
+                  setError(name, {
                     type: "required",
                     message: `${string} ${t3("must_required")}`
                   });
                   return;
                 }
                 if ((widget === "custom_password" || widget === "password") && regex && !new RegExp(regex).test(inputValue)) {
-                  setError(name2, {
+                  setError(name, {
                     type: "pattern",
                     message: getPasswordMessage2(
                       min3,
@@ -16831,8 +16836,8 @@ var SecureField = (props) => {
                   return;
                 }
                 fieldOnchange(inputValue);
-                onChange2 && onChange2(String(name2), inputValue);
-                clearErrors(name2);
+                onChange2 && onChange2(String(name), inputValue);
+                clearErrors(name);
               },
               readOnly: readonly,
               disabled: readonly,
@@ -16876,7 +16881,7 @@ var SecureField = (props) => {
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var CheckboxField = (props) => {
   const {
-    name: name2,
+    name,
     readonly = false,
     required = false,
     invisible = false,
@@ -16887,7 +16892,7 @@ var CheckboxField = (props) => {
     isEditTable = false
   } = props;
   if (!isForm) {
-    if (name2 === "is_active" || name2 === "active") {
+    if (name === "is_active" || name === "active") {
       return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ActiveBadgeField, { type: value });
     } else {
       return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -16904,7 +16909,7 @@ var CheckboxField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         "div",
@@ -16913,10 +16918,10 @@ var CheckboxField = (props) => {
           onClick: () => {
             const checked = !field.value;
             if (!isEditTable && readonly) return;
-            methods.setValue(name2, checked, { shouldDirty: true });
+            methods.setValue(name, checked, { shouldDirty: true });
             field.onChange(checked);
             if (onChange2) {
-              onChange2(name2 ?? "", checked);
+              onChange2(name ?? "", checked);
             }
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -16926,10 +16931,10 @@ var CheckboxField = (props) => {
               onChange: (e3) => {
                 const checked = e3.target.checked;
                 if (!isEditTable && readonly) return;
-                methods.setValue(name2, checked, { shouldDirty: true });
+                methods.setValue(name, checked, { shouldDirty: true });
                 field.onChange(checked);
                 if (onChange2) {
-                  onChange2(name2 ?? "", checked);
+                  onChange2(name ?? "", checked);
                 }
               },
               type: "checkbox",
@@ -17023,19 +17028,19 @@ var ColorWrapper = (props) => {
 // src/widgets/basic/color-field/color.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var ColorField = (props) => {
-  const { value, isForm, name: name2, methods, onChange: onChange2, savePickColor } = props;
+  const { value, isForm, name, methods, onChange: onChange2, savePickColor } = props;
   if (!isForm) {
     return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => {
         const handlePickColorChange = (color) => {
           field.onChange(color?.id);
-          onChange2 && onChange2(name2 ?? "", color?.id);
+          onChange2 && onChange2(name ?? "", color?.id);
         };
         return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
           ColorWrapper,
@@ -17056,7 +17061,7 @@ var import_jsx_runtime84 = require("react/jsx-runtime");
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
-    name: name2,
+    name,
     methods,
     onChange: onChange2,
     readonly,
@@ -17078,7 +17083,7 @@ var CopyLinkButtonField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -17090,7 +17095,7 @@ var CopyLinkButtonField = (props) => {
         const { setError, clearErrors } = methods;
         (0, import_react43.useEffect)(() => {
           if (value) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [value]);
         return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "widget copy-link-widget relative", children: [
@@ -17108,11 +17113,11 @@ var CopyLinkButtonField = (props) => {
                       if (readonly) return;
                       const newValue = e3.target.value || "";
                       fieldOnchange(newValue);
-                      onChange2 && onChange2(name2 ?? "", newValue);
+                      onChange2 && onChange2(name ?? "", newValue);
                       if (e3.target.value) {
-                        clearErrors(name2);
+                        clearErrors(name);
                       } else if (required && !invisible) {
-                        setError(name2, {
+                        setError(name, {
                           type: "required",
                           message: `${string} ${t3("must_required")}`
                         });
@@ -17122,9 +17127,9 @@ var CopyLinkButtonField = (props) => {
                       if (!readonly) {
                         fieldOnchange(e3.target.value);
                         if (e3.target.value) {
-                          clearErrors(name2);
+                          clearErrors(name);
                         } else if (required && !invisible) {
-                          setError(name2, {
+                          setError(name, {
                             type: "required",
                             message: `${string} ${t3("must_required")}`
                           });
@@ -26988,23 +26993,23 @@ var createCache = function createCache2(options2) {
     };
     var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
     var getRules3 = function getRules4(selector, serialized) {
-      var name2 = serialized.name;
-      if (serverStylisCache[name2] === void 0) {
-        serverStylisCache[name2] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
+      var name = serialized.name;
+      if (serverStylisCache[name] === void 0) {
+        serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
       }
-      return serverStylisCache[name2];
+      return serverStylisCache[name];
     };
     _insert = function _insert2(selector, serialized, sheet, shouldCache) {
-      var name2 = serialized.name;
+      var name = serialized.name;
       var rules = getRules3(selector, serialized);
       if (cache.compat === void 0) {
         if (shouldCache) {
-          cache.inserted[name2] = true;
+          cache.inserted[name] = true;
         }
         return rules;
       } else {
         if (shouldCache) {
-          cache.inserted[name2] = rules;
+          cache.inserted[name] = rules;
         } else {
           return rules;
         }
@@ -27327,9 +27332,9 @@ function serializeStyles(args, registered, mergedProps) {
   while ((match3 = labelPattern.exec(styles)) !== null) {
     identifierName += "-" + match3[1];
   }
-  var name2 = murmur2(styles) + identifierName;
+  var name = murmur2(styles) + identifierName;
   return {
-    name: name2,
+    name,
     styles,
     next: cursor
   };
@@ -27479,10 +27484,10 @@ function css() {
 }
 function keyframes() {
   var insertable = css.apply(void 0, arguments);
-  var name2 = "animation-" + insertable.name;
+  var name = "animation-" + insertable.name;
   return {
-    name: name2,
-    styles: "@keyframes " + name2 + "{" + insertable.styles + "}",
+    name,
+    styles: "@keyframes " + name + "{" + insertable.styles + "}",
     anim: 1,
     toString: function toString() {
       return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
@@ -27514,13 +27519,13 @@ var index3 = isClient3 ? import_react50.useLayoutEffect : noop6;
 var _excluded$4 = ["className", "clearValue", "cx", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue", "theme"];
 var noop8 = function noop9() {
 };
-function applyPrefixToName(prefix2, name2) {
-  if (!name2) {
+function applyPrefixToName(prefix2, name) {
+  if (!name) {
     return prefix2;
-  } else if (name2[0] === "-") {
-    return prefix2 + name2;
+  } else if (name[0] === "-") {
+    return prefix2 + name;
   } else {
-    return prefix2 + "__" + name2;
+    return prefix2 + "__" + name;
   }
 }
 function classNames(prefix2, state) {
@@ -27564,11 +27569,11 @@ var cleanCommonProps = function cleanCommonProps2(props) {
   var innerProps = _objectWithoutProperties(props, _excluded$4);
   return _objectSpread2({}, innerProps);
 };
-var getStyleProps = function getStyleProps2(props, name2, classNamesState) {
+var getStyleProps = function getStyleProps2(props, name, classNamesState) {
   var cx = props.cx, getStyles = props.getStyles, getClassNames = props.getClassNames, className = props.className;
   return {
-    css: getStyles(name2, props),
-    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name2, props), className)
+    css: getStyles(name, props),
+    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
   };
 };
 function isDocumentElement(el) {
@@ -29317,10 +29322,10 @@ var _ref22 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__2
 };
 var RequiredInput = function RequiredInput2(_ref3) {
-  var name2 = _ref3.name, onFocus2 = _ref3.onFocus;
+  var name = _ref3.name, onFocus2 = _ref3.onFocus;
   return jsx86("input", {
     required: true,
-    name: name2,
+    name,
     tabIndex: -1,
     "aria-hidden": "true",
     onFocus: onFocus2,
@@ -29646,8 +29651,8 @@ var Select = /* @__PURE__ */ function(_Component) {
     _this.focus = _this.focusInput;
     _this.blur = _this.blurInput;
     _this.onChange = function(newValue, actionMeta) {
-      var _this$props = _this.props, onChange2 = _this$props.onChange, name2 = _this$props.name;
-      actionMeta.name = name2;
+      var _this$props = _this.props, onChange2 = _this$props.onChange, name = _this$props.name;
+      actionMeta.name = name;
       _this.ariaOnChange(newValue, actionMeta);
       onChange2(newValue, actionMeta);
     };
@@ -29672,7 +29677,7 @@ var Select = /* @__PURE__ */ function(_Component) {
       });
     };
     _this.selectOption = function(newValue) {
-      var _this$props3 = _this.props, blurInputOnSelect = _this$props3.blurInputOnSelect, isMulti = _this$props3.isMulti, name2 = _this$props3.name;
+      var _this$props3 = _this.props, blurInputOnSelect = _this$props3.blurInputOnSelect, isMulti = _this$props3.isMulti, name = _this$props3.name;
       var selectValue = _this.state.selectValue;
       var deselected = isMulti && _this.isOptionSelected(newValue, selectValue);
       var isDisabled = _this.isOptionDisabled(newValue, selectValue);
@@ -29691,7 +29696,7 @@ var Select = /* @__PURE__ */ function(_Component) {
         _this.ariaOnChange(singleValueAsValue(newValue), {
           action: "select-option",
           option: newValue,
-          name: name2
+          name
         });
         return;
       }
@@ -30745,22 +30750,22 @@ var Select = /* @__PURE__ */ function(_Component) {
     key: "renderFormField",
     value: function renderFormField() {
       var _this5 = this;
-      var _this$props13 = this.props, delimiter2 = _this$props13.delimiter, isDisabled = _this$props13.isDisabled, isMulti = _this$props13.isMulti, name2 = _this$props13.name, required = _this$props13.required;
+      var _this$props13 = this.props, delimiter2 = _this$props13.delimiter, isDisabled = _this$props13.isDisabled, isMulti = _this$props13.isMulti, name = _this$props13.name, required = _this$props13.required;
       var selectValue = this.state.selectValue;
       if (required && !this.hasValue() && !isDisabled) {
         return /* @__PURE__ */ React14.createElement(RequiredInput$1, {
-          name: name2,
+          name,
           onFocus: this.onValueInputFocus
         });
       }
-      if (!name2 || isDisabled) return;
+      if (!name || isDisabled) return;
       if (isMulti) {
         if (delimiter2) {
           var value = selectValue.map(function(opt) {
             return _this5.getOptionValue(opt);
           }).join(delimiter2);
           return /* @__PURE__ */ React14.createElement("input", {
-            name: name2,
+            name,
             type: "hidden",
             value
           });
@@ -30768,12 +30773,12 @@ var Select = /* @__PURE__ */ function(_Component) {
           var input = selectValue.length > 0 ? selectValue.map(function(opt, i3) {
             return /* @__PURE__ */ React14.createElement("input", {
               key: "i-".concat(i3),
-              name: name2,
+              name,
               type: "hidden",
               value: _this5.getOptionValue(opt)
             });
           }) : /* @__PURE__ */ React14.createElement("input", {
-            name: name2,
+            name,
             type: "hidden",
             value: ""
           });
@@ -30782,7 +30787,7 @@ var Select = /* @__PURE__ */ function(_Component) {
       } else {
         var _value = selectValue[0] ? this.getOptionValue(selectValue[0]) : "";
         return /* @__PURE__ */ React14.createElement("input", {
-          name: name2,
+          name,
           type: "hidden",
           value: _value
         });
@@ -30911,7 +30916,7 @@ var import_moment2 = __toESM(require_moment());
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var DateField = (props) => {
   const {
-    name: name2,
+    name,
     value,
     readonly,
     placeholder = "DD/MM/YYYY",
@@ -30961,7 +30966,7 @@ var DateField = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
       Controller,
       {
-        name: name2 || "",
+        name: name || "",
         control: methods?.control,
         defaultValue: (0, import_moment2.default)().subtract(1, "days").format("YYYY-MM-DD"),
         rules: {
@@ -30976,9 +30981,9 @@ var DateField = (props) => {
           const { setError, clearErrors } = methods;
           (0, import_react56.useEffect)(() => {
             if (value) {
-              clearErrors(name2);
+              clearErrors(name);
             }
-          }, [value, clearErrors, name2]);
+          }, [value, clearErrors, name]);
           const selectedDate = !methods ? value && (0, import_moment2.default)(value, formatDateParse).isValid() ? (0, import_moment2.default)(value, formatDateParse).add(7, "hours").toDate() : null : field?.value && (0, import_moment2.default)(field.value, formatDateParse).isValid() ? (0, import_moment2.default)(field.value, formatDateParse).add(7, "hours").toDate() : null;
           return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
@@ -30997,7 +31002,7 @@ var DateField = (props) => {
                       adjustedDate.toDate()
                     );
                     if (validateCustomResult && typeof validateCustomResult === "string") {
-                      setError(name2, {
+                      setError(name, {
                         type: "manual",
                         message: validateCustomResult
                       });
@@ -31005,20 +31010,20 @@ var DateField = (props) => {
                     }
                     const formattedDate = adjustedDate.subtract(7, "hours").format(formatDateParse);
                     field.onChange(adjustedDate.format(formatDateParse));
-                    handleOnchange && handleOnchange(name2 ?? "", formattedDate);
-                    clearErrors(name2);
+                    handleOnchange && handleOnchange(name ?? "", formattedDate);
+                    clearErrors(name);
                   } else {
                     field.onChange(null);
-                    handleOnchange && handleOnchange(name2 ?? "", null);
+                    handleOnchange && handleOnchange(name ?? "", null);
                     if (required && !invisible) {
                       if (!isEditTable) {
-                        setError(name2, {
+                        setError(name, {
                           type: "manual",
                           message: `${string} ${t3("must_required")}`
                         });
                       }
                     } else {
-                      clearErrors(name2);
+                      clearErrors(name);
                     }
                   }
                 },
@@ -31039,7 +31044,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name2,
+                portalId: name,
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -31378,7 +31383,7 @@ var RenderFile = ({
 };
 var FileUploadField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     isForm,
     model,
@@ -31409,7 +31414,7 @@ var FileUploadField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     Controller,
     {
-      name: name2 || "",
+      name: name || "",
       control: methods?.control,
       rules: {
         required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -31475,7 +31480,7 @@ var import_react59 = require("react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var FloatField = (props) => {
   const {
-    name: name2,
+    name,
     value: propValue,
     readonly,
     placeholder,
@@ -31496,7 +31501,7 @@ var FloatField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -31514,14 +31519,14 @@ var FloatField = (props) => {
           const numericInput = parseFloat(inputValue?.replace(/,/g, ""));
           if (propValue !== void 0 && propValue !== null && !Number.isNaN(propValue) && propValue !== numericInput) {
             setInputValue(formatFloatNumber(propValue));
-            clearErrors(name2);
+            clearErrors(name);
           } else if (value !== void 0 && value !== null && !Number.isNaN(value) && value !== numericInput) {
             setInputValue(formatFloatNumber(value));
-            clearErrors(name2);
+            clearErrors(name);
           } else if (value === null || value === void 0) {
             setInputValue("");
           }
-        }, [value, name2, clearErrors, propValue]);
+        }, [value, name, clearErrors, propValue]);
         const handleInputChange = (e3) => {
           let newValue = e3.target.value;
           if (!/^[0-9.,]*$/.test(newValue)) return;
@@ -31541,7 +31546,7 @@ var FloatField = (props) => {
           );
           if (!isNaN(parsedValue)) {
             onChange2(parsedValue);
-            clearErrors(name2);
+            clearErrors(name);
             isDirtyRef.current = true;
           } else {
             onChange2(null);
@@ -31553,7 +31558,7 @@ var FloatField = (props) => {
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
-              setError(name2, {
+              setError(name, {
                 type: "required",
                 message: `${string} ${t3("must_required")}`
               });
@@ -31563,7 +31568,7 @@ var FloatField = (props) => {
             lastCommittedValueRef.current = null;
           } else if (!isNaN(parsedValue)) {
             if (parsedValue < 0) {
-              setError(name2, {
+              setError(name, {
                 type: "validate",
                 message: t3("invalid_number")
               });
@@ -31573,12 +31578,12 @@ var FloatField = (props) => {
               const formattedValue = formatFloatNumber(parsedValue);
               setInputValue(formattedValue);
               onChange2(parsedValue);
-              handleOnchange?.(name2 ?? "", parsedValue);
-              clearErrors(name2);
+              handleOnchange?.(name ?? "", parsedValue);
+              clearErrors(name);
               lastCommittedValueRef.current = parsedValue;
             }
           } else {
-            setError(name2, {
+            setError(name, {
               type: "validate",
               message: t3("invalid_number")
             });
@@ -31617,7 +31622,7 @@ var import_react60 = require("react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 var FloatTimeField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     defaultValue = 0,
     isForm = true,
@@ -31635,7 +31640,7 @@ var FloatTimeField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       defaultValue,
       rules: {
@@ -31682,13 +31687,13 @@ var FloatTimeField = (props) => {
             const floatVal = convertTimeToFloat(formattedTime);
             fieldOnChange(floatVal);
             if (onChange2) {
-              onChange2(name2 ?? "", floatVal);
+              onChange2(name ?? "", floatVal);
             }
           } else {
             setInput("00:00");
             fieldOnChange(0);
             if (onChange2) {
-              onChange2(name2 ?? "", 0);
+              onChange2(name ?? "", 0);
             }
             setErrors("");
           }
@@ -31739,7 +31744,7 @@ var import_react61 = require("react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var HtmlField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     readonly = false,
     isForm = true,
@@ -31756,7 +31761,7 @@ var HtmlField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       defaultValue,
       render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
@@ -31789,10 +31794,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 var import_jsx_runtime95 = require("react/jsx-runtime");
 var ImageField = (props) => {
-  const { value, type, name: name2, baseURL } = props;
+  const { value, type, name, baseURL } = props;
   if (!value) return null;
   if (type === "url") {
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { id: "qr-code", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };
@@ -31894,7 +31899,7 @@ var Many2ManyTagField = (props) => {
   const {
     relation,
     value,
-    name: name2,
+    name,
     methods,
     required,
     invisible,
@@ -31935,7 +31940,7 @@ var Many2ManyTagField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -31944,7 +31949,7 @@ var Many2ManyTagField = (props) => {
         const { clearErrors } = methods;
         (0, import_react62.useEffect)(() => {
           if (field.value) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [field.value]);
         const filteredValue = (0, import_react62.useMemo)(() => {
@@ -31964,12 +31969,12 @@ var Many2ManyTagField = (props) => {
         }, [field?.value, options2]);
         const handleChange = (selectedOptions) => {
           const newValue = transfer(selectedOptions);
-          methods?.setValue(name2, newValue, { shouldDirty: true });
-          onChange2?.(name2 ?? "", newValue);
-          clearErrors(name2);
+          methods?.setValue(name, newValue, { shouldDirty: true });
+          onChange2?.(name ?? "", newValue);
+          clearErrors(name);
           newValue.forEach((item, index4) => {
             Object.keys(item).forEach((key) => {
-              methods.setValue(`${name2}[${index4}].${key}`, item[key], {
+              methods.setValue(`${name}[${index4}].${key}`, item[key], {
                 shouldDirty: true
               });
             });
@@ -32094,7 +32099,7 @@ var import_jsx_runtime98 = require("react/jsx-runtime");
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
-    name: name2,
+    name,
     value,
     readonly,
     required,
@@ -32111,7 +32116,7 @@ var MonetaryField = (props) => {
     symbol = "VND",
     baseClassName
   } = props;
-  if (isForm && name2 === "amount_residual") {
+  if (isForm && name === "amount_residual") {
     return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "font-semibold", children: [
         string,
@@ -32128,7 +32133,7 @@ var MonetaryField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: !invisible && required ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -32141,7 +32146,7 @@ var MonetaryField = (props) => {
         const { setError, clearErrors } = methods;
         (0, import_react63.useEffect)(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [value2]);
         return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
@@ -32152,18 +32157,18 @@ var MonetaryField = (props) => {
               onBlur: () => {
                 if (!readonly && !isNaN(value2)) {
                   onBlur();
-                  handleOnchange && handleOnchange(name2 ?? "", value2);
-                  clearErrors(name2);
+                  handleOnchange && handleOnchange(name ?? "", value2);
+                  clearErrors(name);
                 }
               },
               onChange: (e3) => {
                 const parsedValue = parseFormattedNumber(e3.target.value);
                 if (!readonly && !isNaN(parseFloat(parsedValue))) {
                   onChange2(parsedValue);
-                  clearErrors(name2);
+                  clearErrors(name);
                 } else {
                   if (required) {
-                    setError(name2, {
+                    setError(name, {
                       type: "required",
                       message: `${string} ${t3("must_required")}`
                     });
@@ -32278,9 +32283,11 @@ var PriorityField = (props) => {
     onChange: onChange2,
     id,
     viewData,
-    model
+    model,
+    name,
+    string
   } = props;
-  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? name;
+  const label = viewData?.models?.[model]?.[name ?? ""]?.string ?? string;
   const defaultPriority = parseInt(value) + 1;
   if (!isForm) {
     return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
@@ -32324,7 +32331,7 @@ var import_react65 = require("react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var RadioGroupField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     required,
     placeholder,
@@ -32336,14 +32343,14 @@ var RadioGroupField = (props) => {
   } = props;
   (0, import_react65.useEffect)(() => {
     if (selection?.length > 0) {
-      if (setValue) setValue(name2, selection?.[0]?.[0]);
+      if (setValue) setValue(name, selection?.[0]?.[0]);
     }
-  }, [selection, name2, setValue]);
+  }, [selection, name, setValue]);
   if (!methods) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "widget radio-group-widget flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
@@ -32356,8 +32363,8 @@ var RadioGroupField = (props) => {
             onChange: (e3) => {
               if (readonly) return;
               field.onChange(e3.target.value);
-              methods.setValue(name2, e3.target.value, { shouldDirty: true });
-              onChange2?.(name2 ?? "", e3.target.value);
+              methods.setValue(name, e3.target.value, { shouldDirty: true });
+              onChange2?.(name ?? "", e3.target.value);
             },
             readOnly: readonly,
             required: !invisible && required,
@@ -32409,7 +32416,7 @@ var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
     selection,
-    name: name2,
+    name,
     methods,
     value,
     readonly,
@@ -32432,7 +32439,7 @@ var SelectDropdownField = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       Controller,
       {
-        name: name2 || "",
+        name: name || "",
         control: methods.control,
         rules: {
           required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -32451,7 +32458,7 @@ var SelectDropdownField = (props) => {
             menuPlacement: "auto",
             onChange: (selectedOption) => {
               field.onChange(selectedOption.value);
-              onChange2 && onChange2(name2 ?? "", selectedOption.value);
+              onChange2 && onChange2(name ?? "", selectedOption.value);
             },
             value: defaultValue || null,
             required: !invisible && required
@@ -32532,7 +32539,7 @@ var import_jsx_runtime105 = require("react/jsx-runtime");
 var TextAreaField = (props) => {
   const {
     methods,
-    name: name2,
+    name,
     readonly,
     placeholder,
     required,
@@ -32543,7 +32550,7 @@ var TextAreaField = (props) => {
     onChange: onChange2,
     baseClassName
   } = props;
-  const formProps = methods ? methods.register(name2, {
+  const formProps = methods ? methods.register(name, {
     onBlur: (e3) => {
       const newValue = e3.target.value;
       methods.setValue(e3.target.name, newValue, {
@@ -32565,7 +32572,7 @@ var TextAreaField = (props) => {
       disabled: readonly,
       placeholder,
       required: !invisible && required,
-      onChange: (e3) => onChange2 && onChange2(name2 ?? "", e3.target.value)
+      onChange: (e3) => onChange2 && onChange2(name ?? "", e3.target.value)
     }
   );
 };
@@ -32574,7 +32581,7 @@ var TextAreaField = (props) => {
 var import_jsx_runtime106 = require("react/jsx-runtime");
 var ToggleButtonField = (props) => {
   const {
-    name: name2,
+    name,
     readonly = false,
     required = false,
     invisible = false,
@@ -32584,7 +32591,7 @@ var ToggleButtonField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "widget toggle-widget inline-flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
         /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
@@ -32594,10 +32601,10 @@ var ToggleButtonField = (props) => {
             type: "checkbox",
             onChange: (e3) => {
               if (readonly) return;
-              methods.setValue(name2, e3.target.checked, { shouldDirty: true });
+              methods.setValue(name, e3.target.checked, { shouldDirty: true });
               field.onChange(e3.target.checked);
               if (onChange2) {
-                onChange2(name2 ?? "", e3.target.checked);
+                onChange2(name ?? "", e3.target.checked);
               }
             },
             disabled: readonly,
@@ -32644,7 +32651,7 @@ var import_react66 = require("react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var IntegerField = (props) => {
   const {
-    name: name2,
+    name,
     value,
     readonly,
     placeholder,
@@ -32666,7 +32673,7 @@ var IntegerField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Controller,
     {
-      name: name2 || "",
+      name: name || "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -32686,12 +32693,12 @@ var IntegerField = (props) => {
         (0, import_react66.useEffect)(() => {
           if (value2 !== void 0 && value2 !== null) {
             setInputValue(String(value2));
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [value2]);
         const noticeError = () => {
           if (required) {
-            setError(name2, {
+            setError(name, {
               type: "required",
               message: `${string} ${t3("must_required")}`
             });
@@ -32709,7 +32716,7 @@ var IntegerField = (props) => {
             if (!isNaN(parsed)) {
               fieldOnChange(parsed);
               isDirtyRef.current = true;
-              clearErrors(name2);
+              clearErrors(name);
             } else {
               noticeError();
             }
@@ -32735,11 +32742,11 @@ var IntegerField = (props) => {
             return;
           }
           fieldOnChange(parsed);
-          onChange2?.(name2 ?? "", parsed);
+          onChange2?.(name ?? "", parsed);
           lastCommittedValueRef.current = parsed;
           isDirtyRef.current = false;
           inputRef.current?.blur();
-          clearErrors(name2);
+          clearErrors(name);
         };
         return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
@@ -33148,7 +33155,7 @@ var Many2OneField = (props) => {
     isForm,
     isEditTable,
     value: propValue,
-    name: name2,
+    name,
     readonly,
     methods,
     required,
@@ -33175,7 +33182,7 @@ var Many2OneField = (props) => {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
     return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
       allowShowDetail && renderDetail({
-        idToolTip: String(name2) + Number(index4),
+        idToolTip: String(name) + Number(index4),
         model: options2?.model ?? relation,
         context: contextObject,
         idForm: id
@@ -33184,8 +33191,8 @@ var Many2OneField = (props) => {
         "span",
         {
           className: "cursor-pointer",
-          "data-tooltip-id": String(name2) + index4,
-          id: name2,
+          "data-tooltip-id": String(name) + index4,
+          id: name,
           children: propValue && typeof propValue === "object" && "display_name" in propValue ? propValue?.display_name : propValue?.id || propValue
         }
       )
@@ -33193,21 +33200,21 @@ var Many2OneField = (props) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(import_jsx_runtime110.Fragment, { children: [
     allowShowDetail && renderDetail({
-      idToolTip: String(name2),
+      idToolTip: String(name),
       model: options2?.model ?? relation,
       context: contextObject,
-      idForm: methods?.getValues(name2)?.id || methods?.getValues(name2)
+      idForm: methods?.getValues(name)?.id || methods?.getValues(name)
     }),
     /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
       "div",
       {
-        id: name2,
-        "data-tooltip-id": name2,
+        id: name,
+        "data-tooltip-id": name,
         className: `inline-block w-full h-full ${readonly && "cursor-not-allowed"}`,
         children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           Controller,
           {
-            name: name2 ?? "",
+            name: name ?? "",
             control: methods?.control,
             rules: {
               required: required ? {
@@ -33228,7 +33235,7 @@ var Many2OneField = (props) => {
               ) ?? currentValue : currentValue ?? null;
               (0, import_react68.useEffect)(() => {
                 if (error2 && selectedOption) {
-                  methods?.clearErrors(name2);
+                  methods?.clearErrors(name);
                 }
               }, [selectedOption]);
               return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)(
@@ -33591,7 +33598,7 @@ var ICCheck = () => {
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var DateOptionField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     required,
     invisible,
@@ -33602,7 +33609,7 @@ var DateOptionField = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)(
         "label",
@@ -33623,9 +33630,9 @@ var DateOptionField = (props) => {
                 onChange: (e3) => {
                   if (readonly) return;
                   const value = e3.target.checked;
-                  methods.setValue(name2, value, { shouldDirty: true });
+                  methods.setValue(name, value, { shouldDirty: true });
                   field.onChange(value);
-                  onChange2?.(name2 ?? "", value);
+                  onChange2?.(name ?? "", value);
                 }
               }
             ),