@fctc/sme-widget-ui 2.6.9 → 2.7.1

package/dist/index.mjs

@@ -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 module !== "undefined" && module && module.exports && isLocaleNameSane(name2)) {
+        if (locales[name] === void 0 && typeof module !== "undefined" && module && module.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");
@@ -5004,10 +5004,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);
@@ -8543,11 +8543,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] : {};
@@ -8583,9 +8583,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--;
   }
 };
@@ -8616,17 +8616,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;
         }
       });
@@ -8648,8 +8648,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);
@@ -8658,12 +8658,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) => {
@@ -8747,8 +8747,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) {
@@ -8759,15 +8759,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) {
@@ -9417,13 +9417,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");
@@ -9472,7 +9472,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"
@@ -9482,10 +9482,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];
@@ -9494,8 +9494,8 @@ var cookie = {
     }
     return null;
   },
-  remove(name2, domain) {
-    this.create(name2, "", -1, domain);
+  remove(name, domain) {
+    this.create(name, "", -1, domain);
   }
 };
 var cookie$1 = {
@@ -10862,6 +10862,10 @@ var Row = (props) => {
         isDisplayCheckbox && /* @__PURE__ */ jsx47(
           "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__ */ jsx47(
               "input",
@@ -11353,7 +11357,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 {
@@ -11379,8 +11383,8 @@ var computePosition = async (reference, floating, config) => {
     y3 = nextY != null ? nextY : y3;
     middlewareData = {
       ...middlewareData,
-      [name2]: {
-        ...middlewareData[name2],
+      [name]: {
+        ...middlewareData[name],
         ...data
       }
     };
@@ -12970,7 +12974,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__ */ jsx51(
@@ -13445,8 +13450,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");
@@ -13550,7 +13555,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.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] = React.useState(control._formState);
   const _localProxyFormState = React.useRef({
     isDirty: false,
@@ -13563,7 +13568,7 @@ function useFormState(props) {
     errors: false
   });
   useIsomorphicLayoutEffect(() => control._subscribe({
-    name: name2,
+    name,
     formState: _localProxyFormState.current,
     exact,
     callback: (formState2) => {
@@ -13572,7 +13577,7 @@ function useFormState(props) {
         ...formState2
       });
     }
-  }), [name2, disabled, exact]);
+  }), [name, disabled, exact]);
   React.useEffect(() => {
     _localProxyFormState.current.isValid && control._setValid(true);
   }, [control]);
@@ -13624,22 +13629,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 = React.useRef(defaultValue);
   const _compute = React.useRef(compute);
   const _computeFormValues = React.useRef(void 0);
   _compute.current = compute;
-  const defaultValueMemo = React.useMemo(() => control._getWatch(name2, _defaultValue.current), [control, name2]);
+  const defaultValueMemo = React.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
   const [value, updateValue] = React.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)) {
@@ -13651,28 +13656,28 @@ function useWatch(props) {
         }
       }
     }
-  }), [control, disabled, name2, exact]);
+  }), [control, disabled, name, exact]);
   React.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 = React.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 = React.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 = React.useRef(props);
-  const _registerProps = React.useRef(control.register(name2, {
+  const _registerProps = React.useRef(control.register(name, {
     ...props.rules,
     value,
     ...isBoolean(props.disabled) ? { disabled: props.disabled } : {}
@@ -13681,41 +13686,41 @@ function useController(props) {
   const fieldState = React.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 = React.useCallback((event) => _registerProps.current.onChange({
     target: {
       value: getEventValue(event),
-      name: name2
+      name
     },
     type: EVENTS.CHANGE
-  }), [name2]);
+  }), [name]);
   const onBlur = React.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 = React.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(),
@@ -13724,46 +13729,46 @@ function useController(props) {
         reportValidity: () => elm.reportValidity()
       };
     }
-  }, [control._fields, name2]);
+  }, [control._fields, name]);
   const field = React.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]);
   React.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]);
   React.useEffect(() => {
     control._setDisabledField({
       disabled,
-      name: name2
+      name
     });
-  }, [disabled, name2, control]);
+  }, [disabled, name, control]);
   return React.useMemo(() => ({
     field,
     formState,
@@ -13771,10 +13776,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
   }
 } : {};
@@ -13934,9 +13939,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,
@@ -13957,7 +13962,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);
@@ -13982,21 +13987,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 {
@@ -14013,15 +14018,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;
@@ -14034,11 +14039,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);
@@ -14056,9 +14061,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;
@@ -14073,10 +14078,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,
@@ -14086,7 +14091,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,
@@ -14126,7 +14131,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;
       }
     }
@@ -14139,7 +14144,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;
       }
     }
@@ -14147,7 +14152,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,
@@ -14164,7 +14169,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)
         };
@@ -14187,12 +14192,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
         };
@@ -14281,9 +14286,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({
@@ -14292,38 +14297,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
     });
@@ -14335,19 +14340,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) {
@@ -14356,16 +14361,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;
         }
@@ -14374,23 +14379,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,
@@ -14399,18 +14404,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;
@@ -14420,19 +14425,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;
@@ -14448,24 +14453,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));
@@ -14489,61 +14494,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);
@@ -14552,9 +14557,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);
@@ -14563,10 +14568,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)
       });
@@ -14580,23 +14585,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) {
@@ -14608,7 +14613,7 @@ function createFormControl(props = {}) {
       }
       if (isFieldValueUpdated) {
         field._f.deps && trigger(field._f.deps);
-        shouldRenderByError(name2, isValid3, error2, fieldState);
+        shouldRenderByError(name, isValid3, error2, fieldState);
       }
     }
   };
@@ -14619,15 +14624,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);
@@ -14637,51 +14642,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)) {
@@ -14705,8 +14710,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) {
@@ -14728,31 +14733,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 } : {},
@@ -14764,39 +14769,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);
         }
       }
     };
@@ -14805,8 +14810,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)) {
@@ -14836,8 +14841,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");
@@ -14868,23 +14873,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 });
@@ -14909,8 +14914,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)) {
@@ -14963,8 +14968,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;
@@ -15280,7 +15285,7 @@ function TextInput(props) {
     inputWrapperClassName,
     label,
     placeholder,
-    name: name2,
+    name,
     type = "text",
     register,
     errors,
@@ -15303,7 +15308,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__ */ jsx55(
@@ -15317,11 +15322,11 @@ function TextInput(props) {
         ]
       }
     ),
-    errors?.[name2]?.message && /* @__PURE__ */ jsx55(
+    errors?.[name]?.message && /* @__PURE__ */ jsx55(
       "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
       }
     )
   ] });
@@ -16083,7 +16088,7 @@ var ModalLayer = ({
 // src/widgets/common/modal-confirm.tsx
 import { jsx as jsx68, jsxs as jsxs43 } from "react/jsx-runtime";
 var ModalConfirm = ({
-  name: name2,
+  name,
   isShowModal,
   onClick,
   onClose,
@@ -16092,8 +16097,8 @@ var ModalConfirm = ({
   isLoading
 }) => {
   const { t: t3 } = useI18n();
-  const renderButtonAction = (name3) => {
-    switch (name3) {
+  const renderButtonAction = (name2) => {
+    switch (name2) {
       case "duplicate":
         return /* @__PURE__ */ jsxs43(
           "button",
@@ -16169,7 +16174,7 @@ var ModalConfirm = ({
           children: t3("cancel")
         }
       ),
-      renderButtonAction(name2)
+      renderButtonAction(name)
     ] })
   ] }) });
 };
@@ -16718,7 +16723,7 @@ import { useEffect as useEffect10, useState as useState10 } from "react";
 import { Fragment as Fragment16, jsx as jsx75, jsxs as jsxs49 } from "react/jsx-runtime";
 var BinaryField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     readonly = false,
     placeholder,
@@ -16757,7 +16762,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 {
@@ -16770,7 +16775,7 @@ var BinaryField = (props) => {
           }
         }
         setFileInfo({
-          name: name3,
+          name: name2,
           type,
           url: initialFile,
           size: size4,
@@ -16806,13 +16811,13 @@ var BinaryField = (props) => {
   };
   const renderPreview = (file) => {
     if (!file) return /* @__PURE__ */ jsx75(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__ */ jsx75(
         "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",
@@ -16852,7 +16857,7 @@ var BinaryField = (props) => {
               maxWidth: "120px"
             },
             className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
-            children: name3
+            children: name2
           }
         ),
         isShowSize && /* @__PURE__ */ jsx75("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
@@ -16862,7 +16867,7 @@ var BinaryField = (props) => {
   return /* @__PURE__ */ jsx75(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -17155,7 +17160,7 @@ import { Fragment as Fragment18, jsx as jsx78, jsxs as jsxs51 } from "react/jsx-
 var WIDGET_AUTO_COMPUTE_DEPEND = "auto_compute_depend_field";
 var CharField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     placeholder,
     required,
@@ -17186,7 +17191,7 @@ var CharField = (props) => {
   return /* @__PURE__ */ jsx78(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -17213,15 +17218,15 @@ var CharField = (props) => {
         const { setError, clearErrors } = methods;
         useEffect11(() => {
           if (value2) {
-            clearErrors(name2);
+            clearErrors(name);
           }
-        }, [value2, clearErrors, name2]);
+        }, [value2, clearErrors, name]);
         useEffect11(() => {
           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) : "";
@@ -17246,14 +17251,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,
@@ -17268,7 +17273,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"
@@ -17278,14 +17283,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,
@@ -17339,14 +17344,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,
@@ -17376,7 +17381,7 @@ var SecureField = (props) => {
   return /* @__PURE__ */ jsx80(
     Controller,
     {
-      name: String(name2),
+      name: String(name),
       control: methods.control,
       rules: {
         ...required && !invisible ? {
@@ -17410,8 +17415,8 @@ var SecureField = (props) => {
           if (canToggle) setShowPlain(false);
         }, [canToggle]);
         useEffect12(() => {
-          if (value2) clearErrors(name2);
-        }, [value2, clearErrors, name2]);
+          if (value2) clearErrors(name);
+        }, [value2, clearErrors, name]);
         return /* @__PURE__ */ jsxs52("div", { className: `secure-widget relative w-full ${className ?? ""}`, children: [
           isCappedToken && shouldMask && /* @__PURE__ */ jsx80(
             "div",
@@ -17429,20 +17434,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,
@@ -17455,8 +17460,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,
@@ -17500,7 +17505,7 @@ var SecureField = (props) => {
 import { jsx as jsx81 } from "react/jsx-runtime";
 var CheckboxField = (props) => {
   const {
-    name: name2,
+    name,
     readonly = false,
     required = false,
     invisible = false,
@@ -17511,7 +17516,7 @@ var CheckboxField = (props) => {
     isEditTable = false
   } = props;
   if (!isForm) {
-    if (name2 === "is_active" || name2 === "active") {
+    if (name === "is_active" || name === "active") {
       return /* @__PURE__ */ jsx81(ActiveBadgeField, { type: value });
     } else {
       return /* @__PURE__ */ jsx81(
@@ -17528,7 +17533,7 @@ var CheckboxField = (props) => {
   return /* @__PURE__ */ jsx81(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ jsx81(
         "div",
@@ -17537,10 +17542,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__ */ jsx81(
@@ -17550,10 +17555,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",
@@ -17647,19 +17652,19 @@ var ColorWrapper = (props) => {
 // src/widgets/basic/color-field/color.tsx
 import { jsx as jsx83 } from "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__ */ jsx83(ColorWrapper, { savePickColor, defaultColor: value, colors: COLORS });
   }
   return /* @__PURE__ */ jsx83(
     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__ */ jsx83(
           ColorWrapper,
@@ -17680,7 +17685,7 @@ import { jsx as jsx84, jsxs as jsxs54 } from "react/jsx-runtime";
 var CopyLinkButtonField = (props) => {
   const {
     isForm,
-    name: name2,
+    name,
     methods,
     onChange: onChange2,
     readonly,
@@ -17702,7 +17707,7 @@ var CopyLinkButtonField = (props) => {
   return /* @__PURE__ */ jsx84(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -17714,7 +17719,7 @@ var CopyLinkButtonField = (props) => {
         const { setError, clearErrors } = methods;
         useEffect14(() => {
           if (value) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [value]);
         return /* @__PURE__ */ jsxs54("div", { className: "widget copy-link-widget relative", children: [
@@ -17732,11 +17737,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")}`
                         });
@@ -17746,9 +17751,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")}`
                           });
@@ -27612,23 +27617,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;
         }
@@ -27951,9 +27956,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
   };
@@ -28103,10 +28108,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_";
@@ -28138,13 +28143,13 @@ var index3 = isClient3 ? useLayoutEffect4 : 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) {
@@ -28188,11 +28193,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) {
@@ -29941,10 +29946,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,
@@ -30270,8 +30275,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);
     };
@@ -30296,7 +30301,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);
@@ -30315,7 +30320,7 @@ var Select = /* @__PURE__ */ function(_Component) {
         _this.ariaOnChange(singleValueAsValue(newValue), {
           action: "select-option",
           option: newValue,
-          name: name2
+          name
         });
         return;
       }
@@ -31369,22 +31374,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
           });
@@ -31392,12 +31397,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: ""
           });
@@ -31406,7 +31411,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
         });
@@ -31535,7 +31540,7 @@ var import_moment2 = __toESM(require_moment());
 import { Fragment as Fragment24, jsx as jsx88, jsxs as jsxs56 } from "react/jsx-runtime";
 var DateField = (props) => {
   const {
-    name: name2,
+    name,
     value,
     readonly,
     placeholder = "DD/MM/YYYY",
@@ -31585,7 +31590,7 @@ var DateField = (props) => {
     return /* @__PURE__ */ jsx88(
       Controller,
       {
-        name: name2 || "",
+        name: name || "",
         control: methods?.control,
         defaultValue: (0, import_moment2.default)().subtract(1, "days").format("YYYY-MM-DD"),
         rules: {
@@ -31600,9 +31605,9 @@ var DateField = (props) => {
           const { setError, clearErrors } = methods;
           useEffect18(() => {
             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__ */ jsxs56(Fragment24, { children: [
             /* @__PURE__ */ jsx88(
@@ -31621,7 +31626,7 @@ var DateField = (props) => {
                       adjustedDate.toDate()
                     );
                     if (validateCustomResult && typeof validateCustomResult === "string") {
-                      setError(name2, {
+                      setError(name, {
                         type: "manual",
                         message: validateCustomResult
                       });
@@ -31629,20 +31634,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);
                     }
                   }
                 },
@@ -31663,7 +31668,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name2,
+                portalId: name,
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -32002,7 +32007,7 @@ var RenderFile = ({
 };
 var FileUploadField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     isForm,
     model,
@@ -32033,7 +32038,7 @@ var FileUploadField = (props) => {
   return /* @__PURE__ */ jsx93(
     Controller,
     {
-      name: name2 || "",
+      name: name || "",
       control: methods?.control,
       rules: {
         required: required ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -32099,7 +32104,7 @@ import { useEffect as useEffect20, useRef as useRef15, useState as useState19 }
 import { Fragment as Fragment26, jsx as jsx94, jsxs as jsxs62 } from "react/jsx-runtime";
 var FloatField = (props) => {
   const {
-    name: name2,
+    name,
     value: propValue,
     readonly,
     placeholder,
@@ -32120,7 +32125,7 @@ var FloatField = (props) => {
   return /* @__PURE__ */ jsx94(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -32138,14 +32143,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;
@@ -32165,7 +32170,7 @@ var FloatField = (props) => {
           );
           if (!isNaN(parsedValue)) {
             onChange2(parsedValue);
-            clearErrors(name2);
+            clearErrors(name);
             isDirtyRef.current = true;
           } else {
             onChange2(null);
@@ -32177,7 +32182,7 @@ var FloatField = (props) => {
           const parsedValue = parseFloat(rawValue);
           if (rawValue === "" || rawValue === ".") {
             if (required) {
-              setError(name2, {
+              setError(name, {
                 type: "required",
                 message: `${string} ${t3("must_required")}`
               });
@@ -32187,7 +32192,7 @@ var FloatField = (props) => {
             lastCommittedValueRef.current = null;
           } else if (!isNaN(parsedValue)) {
             if (parsedValue < 0) {
-              setError(name2, {
+              setError(name, {
                 type: "validate",
                 message: t3("invalid_number")
               });
@@ -32197,12 +32202,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")
             });
@@ -32241,7 +32246,7 @@ import { useState as useState20 } from "react";
 import { Fragment as Fragment27, jsx as jsx95, jsxs as jsxs63 } from "react/jsx-runtime";
 var FloatTimeField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     defaultValue = 0,
     isForm = true,
@@ -32259,7 +32264,7 @@ var FloatTimeField = (props) => {
   return /* @__PURE__ */ jsx95(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       defaultValue,
       rules: {
@@ -32306,13 +32311,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("");
           }
@@ -32363,7 +32368,7 @@ import { useEffect as useEffect21, useRef as useRef16 } from "react";
 import { jsx as jsx96 } from "react/jsx-runtime";
 var HtmlField = (props) => {
   const {
-    name: name2,
+    name,
     methods,
     readonly = false,
     isForm = true,
@@ -32380,7 +32385,7 @@ var HtmlField = (props) => {
   return /* @__PURE__ */ jsx96(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       defaultValue,
       render: ({ field: { onChange: fieldOnChange, value: value2 } }) => {
@@ -32413,10 +32418,10 @@ var HtmlField = (props) => {
 // src/widgets/basic/image-field/image.tsx
 import { jsx as jsx97 } from "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__ */ jsx97("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name2 });
+    return /* @__PURE__ */ jsx97("img", { src: `${baseURL}${value}`, width: 48, height: 48, alt: name });
   }
   return /* @__PURE__ */ jsx97("div", { id: "qr-code", children: /* @__PURE__ */ jsx97("img", { src: `data:image/png;base64,${value}`, alt: "QR Code" }) });
 };
@@ -32518,7 +32523,7 @@ var Many2ManyTagField = (props) => {
   const {
     relation,
     value,
-    name: name2,
+    name,
     methods,
     required,
     invisible,
@@ -32559,7 +32564,7 @@ var Many2ManyTagField = (props) => {
   return /* @__PURE__ */ jsx99(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -32568,7 +32573,7 @@ var Many2ManyTagField = (props) => {
         const { clearErrors } = methods;
         useEffect22(() => {
           if (field.value) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [field.value]);
         const filteredValue = useMemo11(() => {
@@ -32588,12 +32593,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
               });
             });
@@ -32718,7 +32723,7 @@ import { Fragment as Fragment29, jsx as jsx100, jsxs as jsxs66 } from "react/jsx
 var MonetaryField = (props) => {
   const { t: t3 } = useI18n();
   const {
-    name: name2,
+    name,
     value,
     readonly,
     required,
@@ -32735,7 +32740,7 @@ var MonetaryField = (props) => {
     symbol = "VND",
     baseClassName
   } = props;
-  if (isForm && name2 === "amount_residual") {
+  if (isForm && name === "amount_residual") {
     return /* @__PURE__ */ jsxs66("div", { className: "flex justify-end gap-x-4 gap-y-2 ml-auto mt-2 lg:mt-5", children: [
       /* @__PURE__ */ jsxs66("span", { className: "font-semibold", children: [
         string,
@@ -32752,7 +32757,7 @@ var MonetaryField = (props) => {
   return /* @__PURE__ */ jsx100(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       rules: {
         required: !invisible && required ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -32765,7 +32770,7 @@ var MonetaryField = (props) => {
         const { setError, clearErrors } = methods;
         useEffect23(() => {
           if (value2 !== void 0 && value2 !== null && !isNaN(value2)) {
-            clearErrors(name2);
+            clearErrors(name);
           }
         }, [value2]);
         return /* @__PURE__ */ jsxs66(Fragment29, { children: [
@@ -32776,18 +32781,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")}`
                     });
@@ -32902,9 +32907,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__ */ jsx103(
@@ -32948,7 +32955,7 @@ import { useEffect as useEffect25 } from "react";
 import { jsx as jsx104, jsxs as jsxs68 } from "react/jsx-runtime";
 var RadioGroupField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     required,
     placeholder,
@@ -32960,14 +32967,14 @@ var RadioGroupField = (props) => {
   } = props;
   useEffect25(() => {
     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__ */ jsx104(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods.control,
       render: ({ field }) => /* @__PURE__ */ jsx104("div", { className: "widget radio-group-widget flex items-center gap-[10px] pb-4", children: selection?.map((select) => /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx104(
@@ -32980,8 +32987,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,
@@ -33033,7 +33040,7 @@ var SelectDropdownField = (props) => {
   const { t: t3 } = useI18n();
   const {
     selection,
-    name: name2,
+    name,
     methods,
     value,
     readonly,
@@ -33056,7 +33063,7 @@ var SelectDropdownField = (props) => {
     return /* @__PURE__ */ jsx106(
       Controller,
       {
-        name: name2 || "",
+        name: name || "",
         control: methods.control,
         rules: {
           required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false
@@ -33075,7 +33082,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
@@ -33156,7 +33163,7 @@ import { jsx as jsx107 } from "react/jsx-runtime";
 var TextAreaField = (props) => {
   const {
     methods,
-    name: name2,
+    name,
     readonly,
     placeholder,
     required,
@@ -33167,7 +33174,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, {
@@ -33189,7 +33196,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)
     }
   );
 };
@@ -33198,7 +33205,7 @@ var TextAreaField = (props) => {
 import { jsx as jsx108, jsxs as jsxs71 } from "react/jsx-runtime";
 var ToggleButtonField = (props) => {
   const {
-    name: name2,
+    name,
     readonly = false,
     required = false,
     invisible = false,
@@ -33208,7 +33215,7 @@ var ToggleButtonField = (props) => {
   return /* @__PURE__ */ jsx108(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ jsx108("div", { className: "widget toggle-widget inline-flex items-center", children: /* @__PURE__ */ jsxs71("label", { className: "relative inline-block w-8 h-5 cursor-pointer", children: [
         /* @__PURE__ */ jsx108(
@@ -33218,10 +33225,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,
@@ -33268,7 +33275,7 @@ import { useEffect as useEffect26, useRef as useRef17, useState as useState22 }
 import { Fragment as Fragment31, jsx as jsx109, jsxs as jsxs72 } from "react/jsx-runtime";
 var IntegerField = (props) => {
   const {
-    name: name2,
+    name,
     value,
     readonly,
     placeholder,
@@ -33290,7 +33297,7 @@ var IntegerField = (props) => {
   return /* @__PURE__ */ jsx109(
     Controller,
     {
-      name: name2 || "",
+      name: name || "",
       control: methods.control,
       rules: {
         required: required && !invisible ? { value: true, message: `${string} ${t3("must_required")}` } : false,
@@ -33310,12 +33317,12 @@ var IntegerField = (props) => {
         useEffect26(() => {
           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")}`
             });
@@ -33333,7 +33340,7 @@ var IntegerField = (props) => {
             if (!isNaN(parsed)) {
               fieldOnChange(parsed);
               isDirtyRef.current = true;
-              clearErrors(name2);
+              clearErrors(name);
             } else {
               noticeError();
             }
@@ -33359,11 +33366,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__ */ jsxs72(Fragment31, { children: [
           /* @__PURE__ */ jsx109(
@@ -33772,7 +33779,7 @@ var Many2OneField = (props) => {
     isForm,
     isEditTable,
     value: propValue,
-    name: name2,
+    name,
     readonly,
     methods,
     required,
@@ -33799,7 +33806,7 @@ var Many2OneField = (props) => {
     const id = propValue && typeof propValue === "object" && "id" in propValue ? propValue?.id : propValue;
     return /* @__PURE__ */ jsxs75(Fragment32, { children: [
       allowShowDetail && renderDetail({
-        idToolTip: String(name2) + Number(index4),
+        idToolTip: String(name) + Number(index4),
         model: options2?.model ?? relation,
         context: contextObject,
         idForm: id
@@ -33808,8 +33815,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
         }
       )
@@ -33817,21 +33824,21 @@ var Many2OneField = (props) => {
   }
   return /* @__PURE__ */ jsxs75(Fragment32, { 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__ */ jsx112(
       "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__ */ jsx112(
           Controller,
           {
-            name: name2 ?? "",
+            name: name ?? "",
             control: methods?.control,
             rules: {
               required: required ? {
@@ -33852,7 +33859,7 @@ var Many2OneField = (props) => {
               ) ?? currentValue : currentValue ?? null;
               useEffect28(() => {
                 if (error2 && selectedOption) {
-                  methods?.clearErrors(name2);
+                  methods?.clearErrors(name);
                 }
               }, [selectedOption]);
               return /* @__PURE__ */ jsxs75(
@@ -34215,7 +34222,7 @@ var ICCheck = () => {
 import { jsx as jsx115, jsxs as jsxs78 } from "react/jsx-runtime";
 var DateOptionField = (props) => {
   const {
-    name: name2,
+    name,
     readonly,
     required,
     invisible,
@@ -34226,7 +34233,7 @@ var DateOptionField = (props) => {
   return /* @__PURE__ */ jsx115(
     Controller,
     {
-      name: name2 ?? "",
+      name: name ?? "",
       control: methods?.control,
       render: ({ field }) => /* @__PURE__ */ jsxs78(
         "label",
@@ -34247,9 +34254,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);
                 }
               }
             ),