@refinedev/core 5.0.5 → 5.0.7

package/dist/index.cjs

@@ -154,7 +154,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/components/pages/error/index.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 
 // src/hooks/auth/usePermissions/index.ts
 var import_devtools_internal = require("@refinedev/devtools-internal");
@@ -470,6 +470,7 @@ var defaultRefineOptions = {
     singular: import_pluralize.default.singular
   },
   disableServerSideValidation: false,
+  disableRouteChangeHandler: false,
   title: defaultTitle
 };
 var RefineContext = import_react2.default.createContext({
@@ -519,7 +520,8 @@ var handleRefineOptions = /* @__PURE__ */ __name(({
   reactQueryDevtoolConfig,
   syncWithLocation,
   undoableTimeout,
-  warnWhenUnsavedChanges
+  warnWhenUnsavedChanges,
+  disableRouteChangeHandler
 } = {}) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const optionsWithDefaults = {
@@ -545,7 +547,8 @@ var handleRefineOptions = /* @__PURE__ */ __name(({
     title: {
       icon: typeof ((_g = options == null ? void 0 : options.title) == null ? void 0 : _g.icon) === "undefined" ? defaultRefineOptions.title.icon : (_h = options == null ? void 0 : options.title) == null ? void 0 : _h.icon,
       text: typeof ((_i = options == null ? void 0 : options.title) == null ? void 0 : _i.text) === "undefined" ? defaultRefineOptions.title.text : (_j = options == null ? void 0 : options.title) == null ? void 0 : _j.text
-    }
+    },
+    disableRouteChangeHandler: (options == null ? void 0 : options.disableRouteChangeHandler) ?? disableRouteChangeHandler ?? defaultRefineOptions.disableRouteChangeHandler
   };
   const disableTelemetryWithDefault = (options == null ? void 0 : options.disableTelemetry) ?? disableTelemetry ?? false;
   const reactQueryWithDefaults = {
@@ -1673,6 +1676,7 @@ var useIsExistAuthentication = /* @__PURE__ */ __name(() => {
 // src/hooks/data/useList.ts
 var import_react10 = require("react");
 var import_devtools_internal10 = require("@refinedev/devtools-internal");
+var import_react11 = require("react");
 var import_react_query11 = require("@tanstack/react-query");
 
 // src/hooks/useLoadingOvertime/index.ts
@@ -1788,6 +1792,31 @@ var useList = /* @__PURE__ */ __name(({
       dataProviderName: pickedDataProvider
     }
   });
+  const memoizedSelect = (0, import_react11.useMemo)(() => {
+    return (rawData) => {
+      var _a2;
+      let data = rawData;
+      if (prefferedPagination.mode === "client") {
+        data = {
+          ...data,
+          data: data.data.slice(
+            (prefferedPagination.currentPage - 1) * prefferedPagination.pageSize,
+            prefferedPagination.currentPage * prefferedPagination.pageSize
+          ),
+          total: data.total
+        };
+      }
+      if (queryOptions == null ? void 0 : queryOptions.select) {
+        return (_a2 = queryOptions == null ? void 0 : queryOptions.select) == null ? void 0 : _a2.call(queryOptions, data);
+      }
+      return data;
+    };
+  }, [
+    prefferedPagination.currentPage,
+    prefferedPagination.pageSize,
+    prefferedPagination.mode,
+    queryOptions == null ? void 0 : queryOptions.select
+  ]);
   const queryResponse = (0, import_react_query11.useQuery)({
     queryKey: keys2().data(pickedDataProvider).resource(identifier ?? "").action("list").params({
       ...preferredMeta || {},
@@ -1814,25 +1843,7 @@ var useList = /* @__PURE__ */ __name(({
     },
     ...queryOptions,
     enabled: typeof (queryOptions == null ? void 0 : queryOptions.enabled) !== "undefined" ? queryOptions == null ? void 0 : queryOptions.enabled : !!(resource == null ? void 0 : resource.name),
-    select: (rawData) => {
-      var _a2;
-      let data = rawData;
-      const { currentPage, mode, pageSize } = prefferedPagination;
-      if (mode === "client") {
-        data = {
-          ...data,
-          data: data.data.slice(
-            (currentPage - 1) * pageSize,
-            currentPage * pageSize
-          ),
-          total: data.total
-        };
-      }
-      if (queryOptions == null ? void 0 : queryOptions.select) {
-        return (_a2 = queryOptions == null ? void 0 : queryOptions.select) == null ? void 0 : _a2.call(queryOptions, data);
-      }
-      return data;
-    },
+    select: memoizedSelect,
     meta: {
       ...queryOptions == null ? void 0 : queryOptions.meta,
       ...(0, import_devtools_internal10.getXRay)("useList", resource == null ? void 0 : resource.name)
@@ -1883,7 +1894,7 @@ var useList = /* @__PURE__ */ __name(({
 }, "useList");
 
 // src/hooks/data/useOne.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_devtools_internal11 = require("@refinedev/devtools-internal");
 var import_react_query12 = require("@tanstack/react-query");
 var useOne = /* @__PURE__ */ __name(({
@@ -1956,7 +1967,7 @@ var useOne = /* @__PURE__ */ __name(({
       ...(0, import_devtools_internal11.getXRay)("useOne", resource == null ? void 0 : resource.name)
     }
   });
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (queryResponse.isSuccess && queryResponse.data) {
       const notificationConfig = typeof successNotification === "function" ? successNotification(
         queryResponse.data,
@@ -1969,7 +1980,7 @@ var useOne = /* @__PURE__ */ __name(({
       handleNotification(notificationConfig);
     }
   }, [queryResponse.isSuccess, queryResponse.data, successNotification]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (queryResponse.isError && queryResponse.error) {
       checkError(queryResponse.error);
       const notificationConfig = typeof errorNotification === "function" ? errorNotification(
@@ -2004,7 +2015,7 @@ var useOne = /* @__PURE__ */ __name(({
 }, "useOne");
 
 // src/hooks/data/useMany.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_devtools_internal12 = require("@refinedev/devtools-internal");
 var import_react_query13 = require("@tanstack/react-query");
 var import_warn_once2 = __toESM(require("warn-once"));
@@ -2100,13 +2111,13 @@ var useMany = /* @__PURE__ */ __name(({
       ...(0, import_devtools_internal12.getXRay)("useMany", resource == null ? void 0 : resource.name)
     }
   });
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (queryResponse.isSuccess && queryResponse.data) {
       const notificationConfig = typeof successNotification === "function" ? successNotification(queryResponse.data, ids, identifier) : successNotification;
       handleNotification(notificationConfig);
     }
   }, [queryResponse.isSuccess, queryResponse.data, successNotification]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (queryResponse.isError && queryResponse.error) {
       checkError(queryResponse.error);
       const notificationConfig = typeof errorNotification === "function" ? errorNotification(queryResponse.error, ids, identifier) : errorNotification;
@@ -3990,7 +4001,7 @@ var useApiUrl = /* @__PURE__ */ __name((dataProviderName) => {
 }, "useApiUrl");
 
 // src/hooks/data/useCustom.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_devtools_internal19 = require("@refinedev/devtools-internal");
 var import_react_query20 = require("@tanstack/react-query");
 var EMPTY_OBJECT = Object.freeze({});
@@ -4038,7 +4049,7 @@ var useCustom = /* @__PURE__ */ __name(({
         ...(0, import_devtools_internal19.getXRay)("useCustom")
       }
     });
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       if (queryResponse.isSuccess && queryResponse.data) {
         const notificationConfig = typeof successNotification === "function" ? successNotification(queryResponse.data, {
           ...config,
@@ -4047,7 +4058,7 @@ var useCustom = /* @__PURE__ */ __name(({
         handleNotification(notificationConfig);
       }
     }, [queryResponse.isSuccess, queryResponse.data, successNotification]);
-    (0, import_react13.useEffect)(() => {
+    (0, import_react14.useEffect)(() => {
       if (queryResponse.isError && queryResponse.error) {
         checkError(queryResponse.error);
         const notificationConfig = typeof errorNotification === "function" ? errorNotification(queryResponse.error, {
@@ -4177,14 +4188,14 @@ var useCustomMutation = /* @__PURE__ */ __name(({
 }, "useCustomMutation");
 
 // src/hooks/data/useDataProvider.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/contexts/data/index.tsx
-var import_react14 = __toESM(require("react"));
+var import_react15 = __toESM(require("react"));
 var defaultDataProvider = {
   default: {}
 };
-var DataContext = import_react14.default.createContext(defaultDataProvider);
+var DataContext = import_react15.default.createContext(defaultDataProvider);
 var DataContextProvider = /* @__PURE__ */ __name(({
   children,
   dataProvider
@@ -4199,13 +4210,13 @@ var DataContextProvider = /* @__PURE__ */ __name(({
       providerValue = dataProvider;
     }
   }
-  return /* @__PURE__ */ import_react14.default.createElement(DataContext.Provider, { value: providerValue }, children);
+  return /* @__PURE__ */ import_react15.default.createElement(DataContext.Provider, { value: providerValue }, children);
 }, "DataContextProvider");
 
 // src/hooks/data/useDataProvider.tsx
 var useDataProvider = /* @__PURE__ */ __name(() => {
-  const context = (0, import_react15.useContext)(DataContext);
-  const handleDataProvider = (0, import_react15.useCallback)(
+  const context = (0, import_react16.useContext)(DataContext);
+  const handleDataProvider = (0, import_react16.useCallback)(
     (dataProviderName) => {
       if (dataProviderName) {
         const dataProvider = context == null ? void 0 : context[dataProviderName];
@@ -4232,7 +4243,7 @@ var useDataProvider = /* @__PURE__ */ __name(() => {
 }, "useDataProvider");
 
 // src/hooks/data/useInfiniteList.ts
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_devtools_internal21 = require("@refinedev/devtools-internal");
 var import_react_query22 = require("@tanstack/react-query");
 var useInfiniteList = /* @__PURE__ */ __name(({
@@ -4351,7 +4362,7 @@ var useInfiniteList = /* @__PURE__ */ __name(({
       ...(0, import_devtools_internal21.getXRay)("useInfiniteList", resource == null ? void 0 : resource.name)
     }
   });
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (queryResponse.isSuccess && queryResponse.data) {
       const notificationConfig = typeof successNotification === "function" ? successNotification(
         queryResponse.data,
@@ -4369,7 +4380,7 @@ var useInfiniteList = /* @__PURE__ */ __name(({
     successNotification,
     onSuccess
   ]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (queryResponse.isError && queryResponse.error) {
       checkError(queryResponse.error);
       const notificationConfig = typeof errorNotification === "function" ? errorNotification(
@@ -4406,26 +4417,26 @@ var useInfiniteList = /* @__PURE__ */ __name(({
 }, "useInfiniteList");
 
 // src/hooks/live/useResourceSubscription/index.ts
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/contexts/live/index.tsx
-var import_react17 = __toESM(require("react"));
-var LiveContext = import_react17.default.createContext({});
+var import_react18 = __toESM(require("react"));
+var LiveContext = import_react18.default.createContext({});
 var LiveContextProvider = /* @__PURE__ */ __name(({
   liveProvider,
   children
 }) => {
-  return /* @__PURE__ */ import_react17.default.createElement(LiveContext.Provider, { value: { liveProvider } }, children);
+  return /* @__PURE__ */ import_react18.default.createElement(LiveContext.Provider, { value: { liveProvider } }, children);
 }, "LiveContextProvider");
 
 // src/hooks/invalidate/index.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 var import_react_query23 = require("@tanstack/react-query");
 var useInvalidate = /* @__PURE__ */ __name(() => {
   const { resources } = useResourceParams();
   const queryClient = (0, import_react_query23.useQueryClient)();
   const { keys: keys2 } = useKeys();
-  const invalidate = (0, import_react18.useCallback)(
+  const invalidate = (0, import_react19.useCallback)(
     async ({
       resource,
       dataProviderName,
@@ -4499,15 +4510,15 @@ var useResourceSubscription = /* @__PURE__ */ __name(({
   const { resource, identifier } = useResourceParams({
     resource: resourceFromProp
   });
-  const { liveProvider } = (0, import_react19.useContext)(LiveContext);
+  const { liveProvider } = (0, import_react20.useContext)(LiveContext);
   const {
     liveMode: liveModeFromContext,
     onLiveEvent: onLiveEventContextCallback
-  } = (0, import_react19.useContext)(RefineContext);
+  } = (0, import_react20.useContext)(RefineContext);
   const liveMode = liveModeFromProp ?? liveModeFromContext;
   const invalidate = useInvalidate();
   const dataProviderName = (meta == null ? void 0 : meta.dataProviderName) ?? ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.dataProviderName);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     let subscription;
     const callback = /* @__PURE__ */ __name((event) => {
       if (liveMode === "auto") {
@@ -4549,14 +4560,14 @@ var useResourceSubscription = /* @__PURE__ */ __name(({
 }, "useResourceSubscription");
 
 // src/hooks/live/useLiveMode/index.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 var useLiveMode = /* @__PURE__ */ __name((liveMode) => {
-  const { liveMode: liveModeFromContext } = (0, import_react20.useContext)(RefineContext);
+  const { liveMode: liveModeFromContext } = (0, import_react21.useContext)(RefineContext);
   return liveMode ?? liveModeFromContext;
 }, "useLiveMode");
 
 // src/hooks/live/useSubscription/index.ts
-var import_react21 = require("react");
+var import_react22 = require("react");
 var useSubscription = /* @__PURE__ */ __name(({
   params,
   channel,
@@ -4565,8 +4576,8 @@ var useSubscription = /* @__PURE__ */ __name(({
   onLiveEvent,
   meta
 }) => {
-  const { liveProvider } = (0, import_react21.useContext)(LiveContext);
-  (0, import_react21.useEffect)(() => {
+  const { liveProvider } = (0, import_react22.useContext)(LiveContext);
+  (0, import_react22.useEffect)(() => {
     let subscription;
     if (enabled) {
       subscription = liveProvider == null ? void 0 : liveProvider.subscribe({
@@ -4589,19 +4600,19 @@ var useSubscription = /* @__PURE__ */ __name(({
 }, "useSubscription");
 
 // src/hooks/live/usePublish/index.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 var usePublish = /* @__PURE__ */ __name(() => {
-  const { liveProvider } = (0, import_react22.useContext)(LiveContext);
+  const { liveProvider } = (0, import_react23.useContext)(LiveContext);
   return liveProvider == null ? void 0 : liveProvider.publish;
 }, "usePublish");
 
 // src/hooks/notification/useCancelNotification/index.tsx
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // src/contexts/undoableQueue/index.tsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_isEqual = __toESM(require("lodash/isEqual"));
-var UndoableQueueContext = (0, import_react23.createContext)({
+var UndoableQueueContext = (0, import_react24.createContext)({
   notifications: [],
   notificationDispatch: () => false
 });
@@ -4641,12 +4652,12 @@ var undoableQueueReducer = /* @__PURE__ */ __name((state, action) => {
 var UndoableQueueContextProvider = /* @__PURE__ */ __name(({
   children
 }) => {
-  const [notifications, notificationDispatch] = (0, import_react23.useReducer)(
+  const [notifications, notificationDispatch] = (0, import_react24.useReducer)(
     undoableQueueReducer,
     initialState
   );
   const notificationData = { notifications, notificationDispatch };
-  return /* @__PURE__ */ import_react23.default.createElement(UndoableQueueContext.Provider, { value: notificationData }, children, typeof window !== "undefined" ? notifications.map((notification) => /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement(UndoableQueueContext.Provider, { value: notificationData }, children, typeof window !== "undefined" ? notifications.map((notification) => /* @__PURE__ */ import_react24.default.createElement(
     UndoableQueue,
     {
       key: `${notification.id}-${notification.resource}-queue`,
@@ -4657,31 +4668,31 @@ var UndoableQueueContextProvider = /* @__PURE__ */ __name(({
 
 // src/hooks/notification/useCancelNotification/index.tsx
 var useCancelNotification = /* @__PURE__ */ __name(() => {
-  const { notifications, notificationDispatch } = (0, import_react24.useContext)(UndoableQueueContext);
+  const { notifications, notificationDispatch } = (0, import_react25.useContext)(UndoableQueueContext);
   return { notifications, notificationDispatch };
 }, "useCancelNotification");
 
 // src/hooks/notification/useNotification/index.ts
-var import_react26 = require("react");
+var import_react27 = require("react");
 
 // src/contexts/notification/index.tsx
-var import_react25 = __toESM(require("react"));
-var NotificationContext = (0, import_react25.createContext)({});
+var import_react26 = __toESM(require("react"));
+var NotificationContext = (0, import_react26.createContext)({});
 var NotificationContextProvider = /* @__PURE__ */ __name(({ open, close, children }) => {
-  return /* @__PURE__ */ import_react25.default.createElement(NotificationContext.Provider, { value: { open, close } }, children);
+  return /* @__PURE__ */ import_react26.default.createElement(NotificationContext.Provider, { value: { open, close } }, children);
 }, "NotificationContextProvider");
 
 // src/hooks/notification/useNotification/index.ts
 var useNotification = /* @__PURE__ */ __name(() => {
-  const { open, close } = (0, import_react26.useContext)(NotificationContext);
+  const { open, close } = (0, import_react27.useContext)(NotificationContext);
   return { open, close };
 }, "useNotification");
 
 // src/hooks/notification/useHandleNotification/index.ts
-var import_react27 = require("react");
+var import_react28 = require("react");
 var useHandleNotification = /* @__PURE__ */ __name(() => {
   const { open } = useNotification();
-  const handleNotification = (0, import_react27.useCallback)(
+  const handleNotification = (0, import_react28.useCallback)(
     (notification, fallbackNotification) => {
       if (notification !== false) {
         if (notification) {
@@ -4697,16 +4708,16 @@ var useHandleNotification = /* @__PURE__ */ __name(() => {
 }, "useHandleNotification");
 
 // src/hooks/i18n/useSetLocale.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 
 // src/contexts/i18n/index.tsx
-var import_react28 = __toESM(require("react"));
-var I18nContext = import_react28.default.createContext({});
+var import_react29 = __toESM(require("react"));
+var I18nContext = import_react29.default.createContext({});
 var I18nContextProvider = /* @__PURE__ */ __name(({
   children,
   i18nProvider
 }) => {
-  return /* @__PURE__ */ import_react28.default.createElement(
+  return /* @__PURE__ */ import_react29.default.createElement(
     I18nContext.Provider,
     {
       value: {
@@ -4719,15 +4730,15 @@ var I18nContextProvider = /* @__PURE__ */ __name(({
 
 // src/hooks/i18n/useSetLocale.ts
 var useSetLocale = /* @__PURE__ */ __name(() => {
-  const { i18nProvider } = (0, import_react29.useContext)(I18nContext);
-  return (0, import_react29.useCallback)((lang) => i18nProvider == null ? void 0 : i18nProvider.changeLocale(lang), []);
+  const { i18nProvider } = (0, import_react30.useContext)(I18nContext);
+  return (0, import_react30.useCallback)((lang) => i18nProvider == null ? void 0 : i18nProvider.changeLocale(lang), []);
 }, "useSetLocale");
 
 // src/hooks/i18n/useTranslate.ts
-var import_react30 = require("react");
+var import_react31 = require("react");
 var useTranslate = /* @__PURE__ */ __name(() => {
-  const { i18nProvider } = (0, import_react30.useContext)(I18nContext);
-  const fn = (0, import_react30.useMemo)(() => {
+  const { i18nProvider } = (0, import_react31.useContext)(I18nContext);
+  const fn = (0, import_react31.useMemo)(() => {
     function translate(key, options, defaultMessage) {
       return (i18nProvider == null ? void 0 : i18nProvider.translate(key, options, defaultMessage)) ?? defaultMessage ?? (typeof options === "string" && typeof defaultMessage === "undefined" ? options : key);
     }
@@ -4738,15 +4749,15 @@ var useTranslate = /* @__PURE__ */ __name(() => {
 }, "useTranslate");
 
 // src/hooks/i18n/useGetLocale.ts
-var import_react31 = require("react");
+var import_react32 = require("react");
 var useGetLocale = /* @__PURE__ */ __name(() => {
-  const { i18nProvider } = (0, import_react31.useContext)(I18nContext);
+  const { i18nProvider } = (0, import_react32.useContext)(I18nContext);
   if (!i18nProvider) {
     throw new Error(
       "useGetLocale cannot be called without i18n provider being defined."
     );
   }
-  return (0, import_react31.useCallback)(() => i18nProvider.getLocale(), []);
+  return (0, import_react32.useCallback)(() => i18nProvider.getLocale(), []);
 }, "useGetLocale");
 
 // src/hooks/i18n/useTranslation.tsx
@@ -4762,7 +4773,7 @@ var useTranslation = /* @__PURE__ */ __name(() => {
 }, "useTranslation");
 
 // src/hooks/export/index.ts
-var import_react32 = require("react");
+var import_react33 = require("react");
 var import_papaparse = __toESM(require("papaparse"));
 var useExport = /* @__PURE__ */ __name(({
   resource: resourceFromProps,
@@ -4782,7 +4793,7 @@ var useExport = /* @__PURE__ */ __name(({
   title = "My Generated Report",
   showTitle = false
 } = {}) => {
-  const [isLoading, setIsLoading] = (0, import_react32.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react33.useState)(false);
   const dataProvider = useDataProvider();
   const getMeta = useMeta();
   const { resource, resources, identifier } = useResourceParams({
@@ -4870,7 +4881,7 @@ ${csv}`;
 }, "useExport");
 
 // src/hooks/form/index.ts
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_warn_once3 = __toESM(require("warn-once"));
 var useForm = /* @__PURE__ */ __name((props = {}) => {
   var _a, _b, _c, _d;
@@ -4893,7 +4904,7 @@ var useForm = /* @__PURE__ */ __name((props = {}) => {
     id: props.id,
     action: props.action
   });
-  const [autosaved, setAutosaved] = import_react33.default.useState(false);
+  const [autosaved, setAutosaved] = import_react34.default.useState(false);
   const isEdit = action === "edit";
   const isClone = action === "clone";
   const isCreate = action === "create";
@@ -4952,7 +4963,7 @@ var useForm = /* @__PURE__ */ __name((props = {}) => {
     ...props.overtimeOptions,
     isLoading: formLoading
   });
-  import_react33.default.useEffect(() => {
+  import_react34.default.useEffect(() => {
     return () => {
       var _a2;
       if (((_a2 = props.autoSave) == null ? void 0 : _a2.invalidateOnUnmount) && autosaved && identifier && typeof id !== "undefined") {
@@ -5025,11 +5036,26 @@ var useForm = /* @__PURE__ */ __name((props = {}) => {
     });
     return submissionPromise;
   }, "onFinish");
-  const onFinishAutoSave = asyncDebounce(
-    (values) => onFinish(values, { isAutosave: true }),
-    ((_d = props.autoSave) == null ? void 0 : _d.debounce) || 1e3,
-    "Cancelled by debounce"
+  const onFinishRef = import_react34.default.useRef(onFinish);
+  import_react34.default.useEffect(() => {
+    onFinishRef.current = onFinish;
+  }, [onFinish]);
+  const onFinishAutoSave = import_react34.default.useMemo(
+    () => {
+      var _a2;
+      return asyncDebounce(
+        (values) => onFinishRef.current(values, { isAutosave: true }),
+        ((_a2 = props.autoSave) == null ? void 0 : _a2.debounce) ?? 1e3,
+        "Cancelled by debounce"
+      );
+    },
+    [(_d = props.autoSave) == null ? void 0 : _d.debounce]
   );
+  import_react34.default.useEffect(() => {
+    return () => {
+      onFinishAutoSave.cancel();
+    };
+  }, [onFinishAutoSave]);
   const overtime = {
     elapsedTime
   };
@@ -5070,10 +5096,10 @@ If you don't use the \`setId\` method to set the \`id\`, you should pass the \`i
 See https://refine.dev/docs/data/hooks/use-form/#id-`, "idWarningMessage");
 
 // src/hooks/redirection/index.ts
-var import_react34 = require("react");
+var import_react35 = require("react");
 var useRedirectionAfterSubmission = /* @__PURE__ */ __name(() => {
   const { show, edit, list, create } = useNavigation2();
-  const handleSubmitWithRedirect = (0, import_react34.useCallback)(
+  const handleSubmitWithRedirect = (0, import_react35.useCallback)(
     ({
       redirect,
       resource,
@@ -5100,32 +5126,32 @@ var useRedirectionAfterSubmission = /* @__PURE__ */ __name(() => {
 }, "useRedirectionAfterSubmission");
 
 // src/hooks/router/use-go/index.tsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 
 // src/contexts/router/index.tsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var defaultRouterProvider = {};
-var RouterContext = (0, import_react35.createContext)(
+var RouterContext = (0, import_react36.createContext)(
   defaultRouterProvider
 );
 var RouterContextProvider = /* @__PURE__ */ __name(({ children, router }) => {
-  return /* @__PURE__ */ import_react35.default.createElement(RouterContext.Provider, { value: router ?? defaultRouterProvider }, children);
+  return /* @__PURE__ */ import_react36.default.createElement(RouterContext.Provider, { value: router ?? defaultRouterProvider }, children);
 }, "RouterContextProvider");
 
 // src/hooks/use-resource-params/index.ts
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 
 // src/contexts/resource/index.tsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // src/hooks/deepMemo/index.tsx
-var import_react37 = require("react");
+var import_react38 = require("react");
 
 // src/hooks/memoized/index.tsx
-var import_react36 = require("react");
+var import_react37 = require("react");
 var import_isEqual2 = __toESM(require("lodash/isEqual"));
 var useMemoized = /* @__PURE__ */ __name((value) => {
-  const ref = (0, import_react36.useRef)(value);
+  const ref = (0, import_react37.useRef)(value);
   if (!(0, import_isEqual2.default)(ref.current, value)) {
     ref.current = value;
   }
@@ -5135,29 +5161,29 @@ var useMemoized = /* @__PURE__ */ __name((value) => {
 // src/hooks/deepMemo/index.tsx
 var useDeepMemo = /* @__PURE__ */ __name((fn, dependencies) => {
   const memoizedDependencies = useMemoized(dependencies);
-  const value = (0, import_react37.useMemo)(fn, memoizedDependencies);
+  const value = (0, import_react38.useMemo)(fn, memoizedDependencies);
   return value;
 }, "useDeepMemo");
 
 // src/contexts/resource/index.tsx
-var ResourceContext = import_react38.default.createContext({
+var ResourceContext = import_react39.default.createContext({
   resources: []
 });
 var ResourceContextProvider = /* @__PURE__ */ __name(({ resources: providedResources, children }) => {
   const resources = useDeepMemo(() => {
     return providedResources ?? [];
   }, [providedResources]);
-  return /* @__PURE__ */ import_react38.default.createElement(ResourceContext.Provider, { value: { resources } }, children);
+  return /* @__PURE__ */ import_react39.default.createElement(ResourceContext.Provider, { value: { resources } }, children);
 }, "ResourceContextProvider");
 
 // src/hooks/router/use-parsed/index.tsx
-var import_react40 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 
 // src/hooks/router/use-parse/index.tsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var useParse = /* @__PURE__ */ __name(() => {
-  const routerContext = (0, import_react39.useContext)(RouterContext);
-  const useParse2 = import_react39.default.useMemo(
+  const routerContext = (0, import_react40.useContext)(RouterContext);
+  const useParse2 = import_react40.default.useMemo(
     () => (routerContext == null ? void 0 : routerContext.parse) ?? (() => () => {
       return {};
     }),
@@ -5170,7 +5196,7 @@ var useParse = /* @__PURE__ */ __name(() => {
 // src/hooks/router/use-parsed/index.tsx
 var useParsed = /* @__PURE__ */ __name(() => {
   const parse = useParse();
-  const parsed = import_react40.default.useMemo(() => parse(), [parse]);
+  const parsed = import_react41.default.useMemo(() => parse(), [parse]);
   return parsed;
 }, "useParsed");
 
@@ -5187,9 +5213,9 @@ var useAction = /* @__PURE__ */ __name((action) => {
 }, "useAction");
 
 // src/hooks/use-resource-params/use-resource/index.ts
-var import_react41 = require("react");
+var import_react42 = require("react");
 function useResource(args) {
-  const { resources } = (0, import_react41.useContext)(ResourceContext);
+  const { resources } = (0, import_react42.useContext)(ResourceContext);
   const params = useParsed();
   const select = /* @__PURE__ */ __name((resourceName, force = true) => {
     const pickedResource = pickResource(resourceName, resources);
@@ -5237,7 +5263,7 @@ __name(useResource, "useResource");
 
 // src/hooks/use-resource-params/index.ts
 function useResourceParams(props) {
-  const { resources } = (0, import_react42.useContext)(ResourceContext);
+  const { resources } = (0, import_react43.useContext)(ResourceContext);
   const {
     select,
     identifier: inferredIdentifier,
@@ -5248,14 +5274,14 @@ function useResourceParams(props) {
   const isSameResource = inferredIdentifier === identifier;
   const inferredId = useId();
   const action = useAction(props == null ? void 0 : props.action);
-  const defaultId = import_react42.default.useMemo(() => {
+  const defaultId = import_react43.default.useMemo(() => {
     if (!isSameResource)
       return props == null ? void 0 : props.id;
     return (props == null ? void 0 : props.id) ?? inferredId;
   }, [isSameResource, props == null ? void 0 : props.id, inferredId]);
-  const [id, setId] = import_react42.default.useState(defaultId);
-  import_react42.default.useMemo(() => setId(defaultId), [defaultId]);
-  const formAction = import_react42.default.useMemo(() => {
+  const [id, setId] = import_react43.default.useState(defaultId);
+  import_react43.default.useMemo(() => setId(defaultId), [defaultId]);
+  const formAction = import_react43.default.useMemo(() => {
     if (!isSameResource && !(props == null ? void 0 : props.action)) {
       return "create";
     }
@@ -5278,11 +5304,11 @@ function useResourceParams(props) {
 __name(useResourceParams, "useResourceParams");
 
 // src/hooks/router/use-get-to-path/index.ts
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var useGetToPath = /* @__PURE__ */ __name(() => {
   const { resource: resourceFromRoute, resources } = useResourceParams();
   const parsed = useParsed();
-  const fn = import_react43.default.useCallback(
+  const fn = import_react44.default.useCallback(
     ({ resource, action, meta }) => {
       var _a;
       const selectedResource = resource || resourceFromRoute;
@@ -5314,15 +5340,15 @@ var useGetToPath = /* @__PURE__ */ __name(() => {
 
 // src/hooks/router/use-go/index.tsx
 var useGo = /* @__PURE__ */ __name(() => {
-  const routerContext = (0, import_react44.useContext)(RouterContext);
+  const routerContext = (0, import_react45.useContext)(RouterContext);
   const { select: resourceSelect } = useResourceParams();
   const getToPath = useGetToPath();
-  const useGo2 = import_react44.default.useMemo(
+  const useGo2 = import_react45.default.useMemo(
     () => (routerContext == null ? void 0 : routerContext.go) ?? (() => () => void 0),
     [routerContext == null ? void 0 : routerContext.go]
   );
   const goFromRouter = useGo2();
-  const go = (0, import_react44.useCallback)(
+  const go = (0, import_react45.useCallback)(
     (config) => {
       if (typeof config.to !== "object") {
         return goFromRouter({ ...config, to: config.to });
@@ -5546,7 +5572,7 @@ If you don't use the \`setShowId\` method to set the \`showId\`, you should pass
 See https://refine.dev/docs/data/hooks/use-show/#resource`, "idWarningMessage");
 
 // src/hooks/import/index.tsx
-var import_react45 = require("react");
+var import_react46 = require("react");
 var import_chunk = __toESM(require("lodash/chunk"));
 var import_papaparse2 = __toESM(require("papaparse"));
 var useImport = /* @__PURE__ */ __name(({
@@ -5559,9 +5585,9 @@ var useImport = /* @__PURE__ */ __name(({
   onProgress,
   dataProviderName
 } = {}) => {
-  const [processedAmount, setProcessedAmount] = (0, import_react45.useState)(0);
-  const [totalAmount, setTotalAmount] = (0, import_react45.useState)(0);
-  const [isLoading, setIsLoading] = (0, import_react45.useState)(false);
+  const [processedAmount, setProcessedAmount] = (0, import_react46.useState)(0);
+  const [totalAmount, setTotalAmount] = (0, import_react46.useState)(0);
+  const [isLoading, setIsLoading] = (0, import_react46.useState)(false);
   const { resource, identifier } = useResourceParams({
     resource: resourceFromProps
   });
@@ -5595,7 +5621,7 @@ var useImport = /* @__PURE__ */ __name(({
     onFinish == null ? void 0 : onFinish(result);
     setIsLoading(false);
   }, "handleFinish");
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     onProgress == null ? void 0 : onProgress({ totalAmount, processedAmount });
   }, [totalAmount, processedAmount]);
   const handleChange = /* @__PURE__ */ __name(({ file }) => {
@@ -5709,13 +5735,13 @@ var useImport = /* @__PURE__ */ __name(({
 }, "useImport");
 
 // src/hooks/modal/useModal/index.tsx
-var import_react46 = require("react");
+var import_react47 = require("react");
 var useModal = /* @__PURE__ */ __name(({
   defaultVisible = false
 } = {}) => {
-  const [visible, setVisible] = (0, import_react46.useState)(defaultVisible);
-  const show = (0, import_react46.useCallback)(() => setVisible(true), [visible]);
-  const close = (0, import_react46.useCallback)(() => setVisible(false), [visible]);
+  const [visible, setVisible] = (0, import_react47.useState)(defaultVisible);
+  const show = (0, import_react47.useCallback)(() => setVisible(true), [visible]);
+  const close = (0, import_react47.useCallback)(() => setVisible(false), [visible]);
   return {
     visible,
     show,
@@ -5724,10 +5750,10 @@ var useModal = /* @__PURE__ */ __name(({
 }, "useModal");
 
 // src/hooks/router/use-back/index.tsx
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 var useBack = /* @__PURE__ */ __name(() => {
-  const routerContext = (0, import_react47.useContext)(RouterContext);
-  const useBack2 = import_react47.default.useMemo(
+  const routerContext = (0, import_react48.useContext)(RouterContext);
+  const useBack2 = import_react48.default.useMemo(
     () => (routerContext == null ? void 0 : routerContext.back) ?? (() => () => void 0),
     [routerContext == null ? void 0 : routerContext.back]
   );
@@ -5746,10 +5772,10 @@ var useToPath = /* @__PURE__ */ __name(({
 }, "useToPath");
 
 // src/components/link/index.tsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 var import_warn_once5 = __toESM(require("warn-once"));
 var LinkComponent = /* @__PURE__ */ __name((props, ref) => {
-  const routerContext = (0, import_react48.useContext)(RouterContext);
+  const routerContext = (0, import_react49.useContext)(RouterContext);
   const LinkFromContext = routerContext == null ? void 0 : routerContext.Link;
   const goFunction = useGo();
   let resolvedTo = "";
@@ -5766,7 +5792,7 @@ var LinkComponent = /* @__PURE__ */ __name((props, ref) => {
     resolvedTo = props.to;
   }
   if (LinkFromContext) {
-    return /* @__PURE__ */ import_react48.default.createElement(
+    return /* @__PURE__ */ import_react49.default.createElement(
       LinkFromContext,
       {
         ref,
@@ -5776,7 +5802,7 @@ var LinkComponent = /* @__PURE__ */ __name((props, ref) => {
       }
     );
   }
-  return /* @__PURE__ */ import_react48.default.createElement(
+  return /* @__PURE__ */ import_react49.default.createElement(
     "a",
     {
       ref,
@@ -5787,7 +5813,7 @@ var LinkComponent = /* @__PURE__ */ __name((props, ref) => {
     }
   );
 }, "LinkComponent");
-var Link = (0, import_react48.forwardRef)(LinkComponent);
+var Link = (0, import_react49.forwardRef)(LinkComponent);
 
 // src/hooks/router/use-link/index.tsx
 var useLink = /* @__PURE__ */ __name(() => {
@@ -5795,19 +5821,19 @@ var useLink = /* @__PURE__ */ __name(() => {
 }, "useLink");
 
 // src/hooks/accessControl/useCan/index.ts
-var import_react50 = require("react");
+var import_react51 = require("react");
 var import_devtools_internal22 = require("@refinedev/devtools-internal");
 var import_react_query24 = require("@tanstack/react-query");
 
 // src/contexts/accessControl/index.tsx
-var import_react49 = __toESM(require("react"));
-var AccessControlContext = import_react49.default.createContext({
+var import_react50 = __toESM(require("react"));
+var AccessControlContext = import_react50.default.createContext({
   options: {
     buttons: { enableAccessControl: true, hideIfUnauthorized: false }
   }
 });
 var AccessControlContextProvider = /* @__PURE__ */ __name(({ can, children, options }) => {
-  return /* @__PURE__ */ import_react49.default.createElement(
+  return /* @__PURE__ */ import_react50.default.createElement(
     AccessControlContext.Provider,
     {
       value: {
@@ -5862,7 +5888,7 @@ var useCan = /* @__PURE__ */ __name(({
   params,
   queryOptions: hookQueryOptions
 }) => {
-  const { can, options: globalOptions } = (0, import_react50.useContext)(AccessControlContext);
+  const { can, options: globalOptions } = (0, import_react51.useContext)(AccessControlContext);
   const { keys: keys2 } = useKeys();
   const { queryOptions: globalQueryOptions } = globalOptions || {};
   const mergedQueryOptions = {
@@ -5897,10 +5923,10 @@ var useCan = /* @__PURE__ */ __name(({
 }, "useCan");
 
 // src/hooks/accessControl/useCanWithoutCache.ts
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var useCanWithoutCache = /* @__PURE__ */ __name(() => {
-  const { can: canFromContext } = import_react51.default.useContext(AccessControlContext);
-  const can = import_react51.default.useMemo(() => {
+  const { can: canFromContext } = import_react52.default.useContext(AccessControlContext);
+  const can = import_react52.default.useMemo(() => {
     if (!canFromContext) {
       return void 0;
     }
@@ -5922,14 +5948,14 @@ var useCanWithoutCache = /* @__PURE__ */ __name(() => {
 }, "useCanWithoutCache");
 
 // src/hooks/useSelect/index.ts
-var import_react52 = require("react");
+var import_react53 = require("react");
 var import_debounce2 = __toESM(require("lodash/debounce"));
 var import_get = __toESM(require("lodash/get"));
 var import_uniqBy = __toESM(require("lodash/uniqBy"));
 var useSelect = /* @__PURE__ */ __name((props) => {
-  const [search, setSearch] = (0, import_react52.useState)([]);
-  const [options, setOptions] = (0, import_react52.useState)([]);
-  const [selectedOptions, setSelectedOptions] = (0, import_react52.useState)([]);
+  const [search, setSearch] = (0, import_react53.useState)([]);
+  const [options, setOptions] = (0, import_react53.useState)([]);
+  const [selectedOptions, setSelectedOptions] = (0, import_react53.useState)([]);
   const {
     resource: resourceFromProps,
     sorters,
@@ -5953,7 +5979,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     dataProviderName,
     overtimeOptions
   } = props;
-  const getOptionLabel = (0, import_react52.useCallback)(
+  const getOptionLabel = (0, import_react53.useCallback)(
     (item) => {
       if (typeof optionLabel === "string") {
         return (0, import_get.default)(item, optionLabel);
@@ -5962,7 +5988,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     },
     [optionLabel]
   );
-  const getOptionValue = (0, import_react52.useCallback)(
+  const getOptionValue = (0, import_react53.useCallback)(
     (item) => {
       if (typeof optionValue === "string") {
         return (0, import_get.default)(item, optionValue);
@@ -5981,7 +6007,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
   });
   const defaultValues = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
   const defaultValueQueryOptions = defaultValueQueryOptionsFromProps ?? queryOptions;
-  const defaultValueQueryOnSuccess = (0, import_react52.useCallback)(
+  const defaultValueQueryOnSuccess = (0, import_react53.useCallback)(
     (data) => {
       setSelectedOptions(
         data.data.map(
@@ -5994,7 +6020,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     },
     [optionLabel, optionValue]
   );
-  const defaultQueryOnSuccess = (0, import_react52.useCallback)(
+  const defaultQueryOnSuccess = (0, import_react53.useCallback)(
     (data) => {
       setOptions(
         data.data.map(
@@ -6042,15 +6068,15 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     ...overtimeOptions,
     isLoading: queryResult.query.isFetching || defaultValueQueryResult.query.isFetching
   });
-  const combinedOptions = (0, import_react52.useMemo)(
+  const combinedOptions = (0, import_react53.useMemo)(
     () => (0, import_uniqBy.default)(
       selectedOptionsOrder === "in-place" ? [...options, ...selectedOptions] : [...selectedOptions, ...options],
       "value"
     ),
     [options, selectedOptions]
   );
-  const onSearchFromPropRef = (0, import_react52.useRef)(onSearchFromProp);
-  const onSearch = (0, import_react52.useMemo)(() => {
+  const onSearchFromPropRef = (0, import_react53.useRef)(onSearchFromProp);
+  const onSearch = (0, import_react53.useMemo)(() => {
     return (0, import_debounce2.default)((value) => {
       if (onSearchFromPropRef.current) {
         setSearch(onSearchFromPropRef.current(value));
@@ -6069,10 +6095,10 @@ var useSelect = /* @__PURE__ */ __name((props) => {
       ]);
     }, debounceValue);
   }, [searchField, debounceValue]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     onSearchFromPropRef.current = onSearchFromProp;
   }, [onSearchFromProp]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     const data = defaultValueQueryResult.query.data;
     if (data && defaultValueQueryResult.query.isSuccess) {
       defaultValueQueryOnSuccess(data);
@@ -6081,7 +6107,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
     defaultValueQueryResult.query.data,
     defaultValueQueryResult.query.isSuccess
   ]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     const data = queryResult.query.data;
     if (data && queryResult.query.isSuccess) {
       defaultQueryOnSuccess(data);
@@ -6097,7 +6123,7 @@ var useSelect = /* @__PURE__ */ __name((props) => {
 }, "useSelect");
 
 // src/hooks/useTable/index.ts
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_differenceWith2 = __toESM(require("lodash/differenceWith"));
 var import_isEqual3 = __toESM(require("lodash/isEqual"));
 var import_warn_once6 = __toESM(require("warn-once"));
@@ -6161,20 +6187,20 @@ function useTable({
     resource,
     meta: preferredMeta
   });
-  import_react53.default.useEffect(() => {
+  import_react54.default.useEffect(() => {
     (0, import_warn_once6.default)(
       typeof identifier === "undefined",
       "useTable: `resource` is not defined."
     );
   }, [identifier]);
-  const [sorters, setSorters] = (0, import_react53.useState)(
+  const [sorters, setSorters] = (0, import_react54.useState)(
     setInitialSorters(preferredPermanentSorters, defaultSorter ?? [])
   );
-  const [filters, setFilters] = (0, import_react53.useState)(
+  const [filters, setFilters] = (0, import_react54.useState)(
     setInitialFilters(preferredPermanentFilters, defaultFilter ?? [])
   );
-  const [currentPage, setCurrentPage] = (0, import_react53.useState)(defaultCurrentPage);
-  const [pageSize, setPageSize] = (0, import_react53.useState)(defaultPageSize);
+  const [currentPage, setCurrentPage] = (0, import_react54.useState)(defaultCurrentPage);
+  const [pageSize, setPageSize] = (0, import_react54.useState)(defaultPageSize);
   const getCurrentQueryParams = /* @__PURE__ */ __name(() => {
     const { sorters: sorters2, filters: filters2, pageSize: pageSize2, current, ...rest } = (parsedParams == null ? void 0 : parsedParams.params) ?? {};
     return rest;
@@ -6198,7 +6224,7 @@ function useTable({
       }
     }) ?? "";
   }, "createLinkForSyncWithLocation");
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     var _a2;
     if (((_a2 = parsedParams == null ? void 0 : parsedParams.params) == null ? void 0 : _a2.search) === "") {
       setCurrentPage(defaultCurrentPage);
@@ -6211,7 +6237,7 @@ function useTable({
       );
     }
   }, [(_f = parsedParams == null ? void 0 : parsedParams.params) == null ? void 0 : _f.search]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react54.useEffect)(() => {
     if (syncWithLocation) {
       go({
         type: "replace",
@@ -6241,7 +6267,7 @@ function useTable({
     onLiveEvent,
     dataProviderName
   });
-  const setFiltersAsMerge = (0, import_react53.useCallback)(
+  const setFiltersAsMerge = (0, import_react54.useCallback)(
     (newFilters) => {
       setFilters(
         (prevFilters) => unionFilters(preferredPermanentFilters, newFilters, prevFilters)
@@ -6249,13 +6275,13 @@ function useTable({
     },
     [preferredPermanentFilters]
   );
-  const setFiltersAsReplace = (0, import_react53.useCallback)(
+  const setFiltersAsReplace = (0, import_react54.useCallback)(
     (newFilters) => {
       setFilters(unionFilters(preferredPermanentFilters, newFilters));
     },
     [preferredPermanentFilters]
   );
-  const setFiltersWithSetter = (0, import_react53.useCallback)(
+  const setFiltersWithSetter = (0, import_react54.useCallback)(
     (setter) => {
       setFilters(
         (prev) => unionFilters(preferredPermanentFilters, setter(prev))
@@ -6263,7 +6289,7 @@ function useTable({
     },
     [preferredPermanentFilters]
   );
-  const setFiltersFn = (0, import_react53.useCallback)(
+  const setFiltersFn = (0, import_react54.useCallback)(
     (setterOrFilters, behavior = prefferedFilterBehavior) => {
       if (typeof setterOrFilters === "function") {
         setFiltersWithSetter(setterOrFilters);
@@ -6277,7 +6303,7 @@ function useTable({
     },
     [setFiltersWithSetter, setFiltersAsReplace, setFiltersAsMerge]
   );
-  const setSortWithUnion = (0, import_react53.useCallback)(
+  const setSortWithUnion = (0, import_react54.useCallback)(
     (newSorter) => {
       setSorters(() => unionSorters(preferredPermanentSorters, newSorter));
     },
@@ -6305,15 +6331,15 @@ function useTable({
 __name(useTable, "useTable");
 
 // src/hooks/auditLog/useLog/index.ts
-var import_react55 = require("react");
+var import_react56 = require("react");
 var import_devtools_internal23 = require("@refinedev/devtools-internal");
 var import_react_query25 = require("@tanstack/react-query");
 
 // src/contexts/auditLog/index.tsx
-var import_react54 = __toESM(require("react"));
-var AuditLogContext = import_react54.default.createContext({});
+var import_react55 = __toESM(require("react"));
+var AuditLogContext = import_react55.default.createContext({});
 var AuditLogContextProvider = /* @__PURE__ */ __name(({ create, get: get2, update, children }) => {
-  return /* @__PURE__ */ import_react54.default.createElement(AuditLogContext.Provider, { value: { create, get: get2, update } }, children);
+  return /* @__PURE__ */ import_react55.default.createElement(AuditLogContext.Provider, { value: { create, get: get2, update } }, children);
 }, "AuditLogContextProvider");
 
 // src/hooks/auditLog/useLog/index.ts
@@ -6322,9 +6348,9 @@ var useLog = /* @__PURE__ */ __name(({
   renameMutationOptions
 } = {}) => {
   const queryClient = (0, import_react_query25.useQueryClient)();
-  const auditLogContext = (0, import_react55.useContext)(AuditLogContext);
+  const auditLogContext = (0, import_react56.useContext)(AuditLogContext);
   const { keys: keys2 } = useKeys();
-  const { resources } = (0, import_react55.useContext)(ResourceContext);
+  const { resources } = (0, import_react56.useContext)(ResourceContext);
   const {
     data: identityData,
     refetch,
@@ -6383,7 +6409,7 @@ var useLog = /* @__PURE__ */ __name(({
 }, "useLog");
 
 // src/hooks/auditLog/useLogList/index.ts
-var import_react56 = require("react");
+var import_react57 = require("react");
 var import_devtools_internal24 = require("@refinedev/devtools-internal");
 var import_react_query26 = require("@tanstack/react-query");
 var useLogList = /* @__PURE__ */ __name(({
@@ -6393,7 +6419,7 @@ var useLogList = /* @__PURE__ */ __name(({
   author,
   queryOptions
 }) => {
-  const { get: get2 } = (0, import_react56.useContext)(AuditLogContext);
+  const { get: get2 } = (0, import_react57.useContext)(AuditLogContext);
   const { keys: keys2 } = useKeys();
   const queryResponse = (0, import_react_query26.useQuery)({
     queryKey: keys2().audit().resource(resource).action("list").params(meta).get(),
@@ -6415,12 +6441,12 @@ var useLogList = /* @__PURE__ */ __name(({
 }, "useLogList");
 
 // src/hooks/breadcrumb/index.ts
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_warn_once7 = __toESM(require("warn-once"));
 var useBreadcrumb = /* @__PURE__ */ __name(({
   meta: metaFromProps = {}
 } = {}) => {
-  const { i18nProvider } = (0, import_react57.useContext)(I18nContext);
+  const { i18nProvider } = (0, import_react58.useContext)(I18nContext);
   const parsed = useParsed();
   const translate = useTranslate();
   const { action, resource, resources } = useResourceParams();
@@ -6485,7 +6511,7 @@ For more information, see https://refine.dev/docs/api-reference/core/hooks/useBr
 }, "useBreadcrumb");
 
 // src/hooks/menu/useMenu.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // src/definitions/helpers/menu/create-resource-key.ts
 var createResourceKey = /* @__PURE__ */ __name((resource, resources) => {
@@ -6566,7 +6592,7 @@ var useMenu = /* @__PURE__ */ __name(({ meta, hideOnMissingParameter = true } =
   const cleanPathname = pathname ? getCleanPath(pathname) : void 0;
   const cleanRoute = `/${(cleanPathname ?? "").replace(/^\//, "")}`;
   const selectedKey = resource ? createResourceKey(resource, resources) : cleanRoute ?? "";
-  const defaultOpenKeys = import_react58.default.useMemo(() => {
+  const defaultOpenKeys = import_react59.default.useMemo(() => {
     if (!resource)
       return [];
     let parent = getParentResource(resource, resources);
@@ -6577,7 +6603,7 @@ var useMenu = /* @__PURE__ */ __name(({ meta, hideOnMissingParameter = true } =
     }
     return keys2;
   }, []);
-  const prepareItem = import_react58.default.useCallback(
+  const prepareItem = import_react59.default.useCallback(
     (item) => {
       var _a, _b, _c;
       if ((_a = item == null ? void 0 : item.meta) == null ? void 0 : _a.hide) {
@@ -6604,7 +6630,7 @@ var useMenu = /* @__PURE__ */ __name(({ meta, hideOnMissingParameter = true } =
     },
     [meta, getToPath, translate, hideOnMissingParameter]
   );
-  const treeItems = import_react58.default.useMemo(() => {
+  const treeItems = import_react59.default.useMemo(() => {
     const treeMenuItems = createTree(resources);
     const prepare = /* @__PURE__ */ __name((items) => {
       return items.flatMap((item) => {
@@ -6628,27 +6654,27 @@ var useMenu = /* @__PURE__ */ __name(({ meta, hideOnMissingParameter = true } =
 }, "useMenu");
 
 // src/contexts/metaContext/index.tsx
-var import_react59 = __toESM(require("react"));
-var MetaContext = (0, import_react59.createContext)({});
+var import_react60 = __toESM(require("react"));
+var MetaContext = (0, import_react60.createContext)({});
 var MetaContextProvider = /* @__PURE__ */ __name(({
   children,
   value
 }) => {
   const currentValue = useMetaContext();
-  const metaContext = (0, import_react59.useMemo)(() => {
+  const metaContext = (0, import_react60.useMemo)(() => {
     return {
       ...currentValue,
       ...value
     };
   }, [currentValue, value]);
-  return /* @__PURE__ */ import_react59.default.createElement(MetaContext.Provider, { value: metaContext }, children);
+  return /* @__PURE__ */ import_react60.default.createElement(MetaContext.Provider, { value: metaContext }, children);
 }, "MetaContextProvider");
 var useMetaContext = /* @__PURE__ */ __name(() => {
-  const context = (0, import_react59.useContext)(MetaContext);
+  const context = (0, import_react60.useContext)(MetaContext);
   if (!context) {
     throw new Error("useMetaContext must be used within a MetaContextProvider");
   }
-  return (0, import_react59.useContext)(MetaContext);
+  return (0, import_react60.useContext)(MetaContext);
 }, "useMetaContext");
 
 // src/hooks/useMeta/index.ts
@@ -6681,9 +6707,9 @@ var useMeta = /* @__PURE__ */ __name(() => {
 }, "useMeta");
 
 // src/hooks/use-refine-options/index.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var useRefineOptions = /* @__PURE__ */ __name(() => {
-  const { options } = import_react60.default.useContext(RefineContext);
+  const { options } = import_react61.default.useContext(RefineContext);
   return options;
 }, "useRefineOptions");
 
@@ -6703,14 +6729,14 @@ function useActionableButton({
 __name(useActionableButton, "useActionableButton");
 
 // src/hooks/button/navigation-button/index.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 
 // src/hooks/button/button-can-access/index.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var useButtonCanAccess = /* @__PURE__ */ __name((props) => {
   var _a, _b, _c;
   const translate = useTranslate();
-  const accessControlContext = import_react61.default.useContext(AccessControlContext);
+  const accessControlContext = import_react62.default.useContext(AccessControlContext);
   const accessControlEnabled = ((_a = props.accessControl) == null ? void 0 : _a.enabled) ?? accessControlContext.options.buttons.enableAccessControl;
   const hideIfUnauthorized = ((_b = props.accessControl) == null ? void 0 : _b.hideIfUnauthorized) ?? accessControlContext.options.buttons.hideIfUnauthorized;
   const { data: canAccess } = useCan({
@@ -6721,7 +6747,7 @@ var useButtonCanAccess = /* @__PURE__ */ __name((props) => {
       enabled: accessControlEnabled
     }
   });
-  const title = import_react61.default.useMemo(() => {
+  const title = import_react62.default.useMemo(() => {
     if (canAccess == null ? void 0 : canAccess.can)
       return "";
     if (canAccess == null ? void 0 : canAccess.reason)
@@ -6763,7 +6789,7 @@ function useNavigationButton(props) {
     resource
   });
   const LinkComponent2 = Link2;
-  const to = import_react62.default.useMemo(() => {
+  const to = import_react63.default.useMemo(() => {
     if (!resource)
       return "";
     switch (props.action) {
@@ -6896,11 +6922,11 @@ var useImportButton = /* @__PURE__ */ __name(() => useActionableButton({ type: "
 
 // src/components/pages/error/index.tsx
 var ErrorComponent = /* @__PURE__ */ __name(() => {
-  const [errorMessage, setErrorMessage] = (0, import_react63.useState)();
+  const [errorMessage, setErrorMessage] = (0, import_react64.useState)();
   const translate = useTranslate();
   const go = useGo();
   const { action, resource } = useResourceParams();
-  (0, import_react63.useEffect)(() => {
+  (0, import_react64.useEffect)(() => {
     if (resource && action) {
       setErrorMessage(
         translate(
@@ -6914,11 +6940,11 @@ var ErrorComponent = /* @__PURE__ */ __name(() => {
       );
     }
   }, [resource, action]);
-  return /* @__PURE__ */ import_react63.default.createElement(import_react63.default.Fragment, null, /* @__PURE__ */ import_react63.default.createElement("h1", null, translate(
+  return /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("h1", null, translate(
     "pages.error.404",
     void 0,
     "Sorry, the page you visited does not exist."
-  )), errorMessage && /* @__PURE__ */ import_react63.default.createElement("p", null, errorMessage), /* @__PURE__ */ import_react63.default.createElement(
+  )), errorMessage && /* @__PURE__ */ import_react64.default.createElement("p", null, errorMessage), /* @__PURE__ */ import_react64.default.createElement(
     "button",
     {
       onClick: () => {
@@ -6930,10 +6956,10 @@ var ErrorComponent = /* @__PURE__ */ __name(() => {
 }, "ErrorComponent");
 
 // src/components/pages/auth/index.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 
 // src/components/pages/auth/components/login/index.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var LoginPage = /* @__PURE__ */ __name(({
   providers,
   registerLink,
@@ -6948,17 +6974,17 @@ var LoginPage = /* @__PURE__ */ __name(({
   mutationVariables
 }) => {
   const Link2 = useLink();
-  const [email, setEmail] = (0, import_react64.useState)("");
-  const [password, setPassword] = (0, import_react64.useState)("");
-  const [remember, setRemember] = (0, import_react64.useState)(false);
+  const [email, setEmail] = (0, import_react65.useState)("");
+  const [password, setPassword] = (0, import_react65.useState)("");
+  const [remember, setRemember] = (0, import_react65.useState)(false);
   const translate = useTranslate();
   const { mutate: login } = useLogin();
   const renderLink = /* @__PURE__ */ __name((link, text2) => {
-    return /* @__PURE__ */ import_react64.default.createElement(Link2, { to: link }, text2);
+    return /* @__PURE__ */ import_react65.default.createElement(Link2, { to: link }, text2);
   }, "renderLink");
   const renderProviders = /* @__PURE__ */ __name(() => {
     if (providers) {
-      return providers.map((provider) => /* @__PURE__ */ import_react64.default.createElement(
+      return providers.map((provider) => /* @__PURE__ */ import_react65.default.createElement(
         "div",
         {
           key: provider.name,
@@ -6969,7 +6995,7 @@ var LoginPage = /* @__PURE__ */ __name(({
             marginBottom: "1rem"
           }
         },
-        /* @__PURE__ */ import_react64.default.createElement(
+        /* @__PURE__ */ import_react65.default.createElement(
           "button",
           {
             onClick: () => login({
@@ -6982,13 +7008,13 @@ var LoginPage = /* @__PURE__ */ __name(({
             }
           },
           provider == null ? void 0 : provider.icon,
-          provider.label ?? /* @__PURE__ */ import_react64.default.createElement("label", null, provider.label)
+          provider.label ?? /* @__PURE__ */ import_react65.default.createElement("label", null, provider.label)
         )
       ));
     }
     return null;
   }, "renderProviders");
-  const content = /* @__PURE__ */ import_react64.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react64.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.login.title", "Sign in to your account")), renderProviders(), !hideForm && /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("hr", null), /* @__PURE__ */ import_react64.default.createElement(
+  const content = /* @__PURE__ */ import_react65.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react65.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.login.title", "Sign in to your account")), renderProviders(), !hideForm && /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement("hr", null), /* @__PURE__ */ import_react65.default.createElement(
     "form",
     {
       onSubmit: (e) => {
@@ -6997,7 +7023,7 @@ var LoginPage = /* @__PURE__ */ __name(({
       },
       ...formProps
     },
-    /* @__PURE__ */ import_react64.default.createElement(
+    /* @__PURE__ */ import_react65.default.createElement(
       "div",
       {
         style: {
@@ -7006,8 +7032,8 @@ var LoginPage = /* @__PURE__ */ __name(({
           padding: 25
         }
       },
-      /* @__PURE__ */ import_react64.default.createElement("label", { htmlFor: "email-input" }, translate("pages.login.fields.email", "Email")),
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement("label", { htmlFor: "email-input" }, translate("pages.login.fields.email", "Email")),
+      /* @__PURE__ */ import_react65.default.createElement(
         "input",
         {
           id: "email-input",
@@ -7022,8 +7048,8 @@ var LoginPage = /* @__PURE__ */ __name(({
           onChange: (e) => setEmail(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react64.default.createElement("label", { htmlFor: "password-input" }, translate("pages.login.fields.password", "Password")),
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement("label", { htmlFor: "password-input" }, translate("pages.login.fields.password", "Password")),
+      /* @__PURE__ */ import_react65.default.createElement(
         "input",
         {
           id: "password-input",
@@ -7035,7 +7061,7 @@ var LoginPage = /* @__PURE__ */ __name(({
           onChange: (e) => setPassword(e.target.value)
         }
       ),
-      rememberMe ?? /* @__PURE__ */ import_react64.default.createElement(import_react64.default.Fragment, null, /* @__PURE__ */ import_react64.default.createElement("label", { htmlFor: "remember-me-input" }, translate("pages.login.buttons.rememberMe", "Remember me"), /* @__PURE__ */ import_react64.default.createElement(
+      rememberMe ?? /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement("label", { htmlFor: "remember-me-input" }, translate("pages.login.buttons.rememberMe", "Remember me"), /* @__PURE__ */ import_react65.default.createElement(
         "input",
         {
           id: "remember-me-input",
@@ -7049,7 +7075,7 @@ var LoginPage = /* @__PURE__ */ __name(({
           }
         }
       ))),
-      /* @__PURE__ */ import_react64.default.createElement("br", null),
+      /* @__PURE__ */ import_react65.default.createElement("br", null),
       forgotPasswordLink ?? renderLink(
         "/forgot-password",
         translate(
@@ -7057,14 +7083,14 @@ var LoginPage = /* @__PURE__ */ __name(({
           "Forgot password?"
         )
       ),
-      /* @__PURE__ */ import_react64.default.createElement(
+      /* @__PURE__ */ import_react65.default.createElement(
         "input",
         {
           type: "submit",
           value: translate("pages.login.signin", "Sign in")
         }
       ),
-      registerLink ?? /* @__PURE__ */ import_react64.default.createElement("span", null, translate(
+      registerLink ?? /* @__PURE__ */ import_react65.default.createElement("span", null, translate(
         "pages.login.buttons.noAccount",
         "Don\u2019t have an account?"
       ), " ", renderLink(
@@ -7072,15 +7098,15 @@ var LoginPage = /* @__PURE__ */ __name(({
         translate("pages.login.register", "Sign up")
       ))
     )
-  )), registerLink !== false && hideForm && /* @__PURE__ */ import_react64.default.createElement("div", { style: { textAlign: "center" } }, translate("pages.login.buttons.noAccount", "Don\u2019t have an account?"), " ", renderLink(
+  )), registerLink !== false && hideForm && /* @__PURE__ */ import_react65.default.createElement("div", { style: { textAlign: "center" } }, translate("pages.login.buttons.noAccount", "Don\u2019t have an account?"), " ", renderLink(
     "/register",
     translate("pages.login.register", "Sign up")
   )));
-  return /* @__PURE__ */ import_react64.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
+  return /* @__PURE__ */ import_react65.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
 }, "LoginPage");
 
 // src/components/pages/auth/components/register/index.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var RegisterPage = /* @__PURE__ */ __name(({
   providers,
   loginLink,
@@ -7093,16 +7119,16 @@ var RegisterPage = /* @__PURE__ */ __name(({
   mutationVariables
 }) => {
   const Link2 = useLink();
-  const [email, setEmail] = (0, import_react65.useState)("");
-  const [password, setPassword] = (0, import_react65.useState)("");
+  const [email, setEmail] = (0, import_react66.useState)("");
+  const [password, setPassword] = (0, import_react66.useState)("");
   const translate = useTranslate();
   const { mutate: register, isPending } = useRegister();
   const renderLink = /* @__PURE__ */ __name((link, text2) => {
-    return /* @__PURE__ */ import_react65.default.createElement(Link2, { to: link }, text2);
+    return /* @__PURE__ */ import_react66.default.createElement(Link2, { to: link }, text2);
   }, "renderLink");
   const renderProviders = /* @__PURE__ */ __name(() => {
     if (providers) {
-      return providers.map((provider) => /* @__PURE__ */ import_react65.default.createElement(
+      return providers.map((provider) => /* @__PURE__ */ import_react66.default.createElement(
         "div",
         {
           key: provider.name,
@@ -7113,7 +7139,7 @@ var RegisterPage = /* @__PURE__ */ __name(({
             marginBottom: "1rem"
           }
         },
-        /* @__PURE__ */ import_react65.default.createElement(
+        /* @__PURE__ */ import_react66.default.createElement(
           "button",
           {
             onClick: () => register({
@@ -7126,13 +7152,13 @@ var RegisterPage = /* @__PURE__ */ __name(({
             }
           },
           provider == null ? void 0 : provider.icon,
-          provider.label ?? /* @__PURE__ */ import_react65.default.createElement("label", null, provider.label)
+          provider.label ?? /* @__PURE__ */ import_react66.default.createElement("label", null, provider.label)
         )
       ));
     }
     return null;
   }, "renderProviders");
-  const content = /* @__PURE__ */ import_react65.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react65.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.register.title", "Sign up for your account")), renderProviders(), !hideForm && /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement("hr", null), /* @__PURE__ */ import_react65.default.createElement(
+  const content = /* @__PURE__ */ import_react66.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react66.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.register.title", "Sign up for your account")), renderProviders(), !hideForm && /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement("hr", null), /* @__PURE__ */ import_react66.default.createElement(
     "form",
     {
       onSubmit: (e) => {
@@ -7141,7 +7167,7 @@ var RegisterPage = /* @__PURE__ */ __name(({
       },
       ...formProps
     },
-    /* @__PURE__ */ import_react65.default.createElement(
+    /* @__PURE__ */ import_react66.default.createElement(
       "div",
       {
         style: {
@@ -7150,8 +7176,8 @@ var RegisterPage = /* @__PURE__ */ __name(({
           padding: 25
         }
       },
-      /* @__PURE__ */ import_react65.default.createElement("label", { htmlFor: "email-input" }, translate("pages.register.fields.email", "Email")),
-      /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react66.default.createElement("label", { htmlFor: "email-input" }, translate("pages.register.fields.email", "Email")),
+      /* @__PURE__ */ import_react66.default.createElement(
         "input",
         {
           id: "email-input",
@@ -7166,8 +7192,8 @@ var RegisterPage = /* @__PURE__ */ __name(({
           onChange: (e) => setEmail(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react65.default.createElement("label", { htmlFor: "password-input" }, translate("pages.register.fields.password", "Password")),
-      /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react66.default.createElement("label", { htmlFor: "password-input" }, translate("pages.register.fields.password", "Password")),
+      /* @__PURE__ */ import_react66.default.createElement(
         "input",
         {
           id: "password-input",
@@ -7179,7 +7205,7 @@ var RegisterPage = /* @__PURE__ */ __name(({
           onChange: (e) => setPassword(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react65.default.createElement(
+      /* @__PURE__ */ import_react66.default.createElement(
         "input",
         {
           type: "submit",
@@ -7187,7 +7213,7 @@ var RegisterPage = /* @__PURE__ */ __name(({
           disabled: isPending
         }
       ),
-      loginLink ?? /* @__PURE__ */ import_react65.default.createElement(import_react65.default.Fragment, null, /* @__PURE__ */ import_react65.default.createElement("span", null, translate(
+      loginLink ?? /* @__PURE__ */ import_react66.default.createElement(import_react66.default.Fragment, null, /* @__PURE__ */ import_react66.default.createElement("span", null, translate(
         "pages.login.buttons.haveAccount",
         "Have an account?"
       ), " ", renderLink(
@@ -7195,12 +7221,12 @@ var RegisterPage = /* @__PURE__ */ __name(({
         translate("pages.login.signin", "Sign in")
       )))
     )
-  )), loginLink !== false && hideForm && /* @__PURE__ */ import_react65.default.createElement("div", { style: { textAlign: "center" } }, translate("pages.login.buttons.haveAccount", "Have an account?"), " ", renderLink("/login", translate("pages.login.signin", "Sign in"))));
-  return /* @__PURE__ */ import_react65.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
+  )), loginLink !== false && hideForm && /* @__PURE__ */ import_react66.default.createElement("div", { style: { textAlign: "center" } }, translate("pages.login.buttons.haveAccount", "Have an account?"), " ", renderLink("/login", translate("pages.login.signin", "Sign in"))));
+  return /* @__PURE__ */ import_react66.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
 }, "RegisterPage");
 
 // src/components/pages/auth/components/forgotPassword/index.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var ForgotPasswordPage = /* @__PURE__ */ __name(({
   loginLink,
   wrapperProps,
@@ -7212,12 +7238,12 @@ var ForgotPasswordPage = /* @__PURE__ */ __name(({
 }) => {
   const translate = useTranslate();
   const Link2 = useLink();
-  const [email, setEmail] = (0, import_react66.useState)("");
+  const [email, setEmail] = (0, import_react67.useState)("");
   const { mutate: forgotPassword, isPending } = useForgotPassword();
   const renderLink = /* @__PURE__ */ __name((link, text2) => {
-    return /* @__PURE__ */ import_react66.default.createElement(Link2, { to: link }, text2);
+    return /* @__PURE__ */ import_react67.default.createElement(Link2, { to: link }, text2);
   }, "renderLink");
-  const content = /* @__PURE__ */ import_react66.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react66.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.forgotPassword.title", "Forgot your password?")), /* @__PURE__ */ import_react66.default.createElement("hr", null), /* @__PURE__ */ import_react66.default.createElement(
+  const content = /* @__PURE__ */ import_react67.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react67.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.forgotPassword.title", "Forgot your password?")), /* @__PURE__ */ import_react67.default.createElement("hr", null), /* @__PURE__ */ import_react67.default.createElement(
     "form",
     {
       onSubmit: (e) => {
@@ -7226,7 +7252,7 @@ var ForgotPasswordPage = /* @__PURE__ */ __name(({
       },
       ...formProps
     },
-    /* @__PURE__ */ import_react66.default.createElement(
+    /* @__PURE__ */ import_react67.default.createElement(
       "div",
       {
         style: {
@@ -7235,8 +7261,8 @@ var ForgotPasswordPage = /* @__PURE__ */ __name(({
           padding: 25
         }
       },
-      /* @__PURE__ */ import_react66.default.createElement("label", { htmlFor: "email-input" }, translate("pages.forgotPassword.fields.email", "Email")),
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react67.default.createElement("label", { htmlFor: "email-input" }, translate("pages.forgotPassword.fields.email", "Email")),
+      /* @__PURE__ */ import_react67.default.createElement(
         "input",
         {
           id: "email-input",
@@ -7250,7 +7276,7 @@ var ForgotPasswordPage = /* @__PURE__ */ __name(({
           onChange: (e) => setEmail(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react66.default.createElement(
+      /* @__PURE__ */ import_react67.default.createElement(
         "input",
         {
           type: "submit",
@@ -7261,18 +7287,18 @@ var ForgotPasswordPage = /* @__PURE__ */ __name(({
           )
         }
       ),
-      /* @__PURE__ */ import_react66.default.createElement("br", null),
-      loginLink ?? /* @__PURE__ */ import_react66.default.createElement("span", null, translate(
+      /* @__PURE__ */ import_react67.default.createElement("br", null),
+      loginLink ?? /* @__PURE__ */ import_react67.default.createElement("span", null, translate(
         "pages.register.buttons.haveAccount",
         "Have an account? "
       ), " ", renderLink("/login", translate("pages.login.signin", "Sign in")))
     )
   ));
-  return /* @__PURE__ */ import_react66.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
+  return /* @__PURE__ */ import_react67.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
 }, "ForgotPasswordPage");
 
 // src/components/pages/auth/components/updatePassword/index.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var UpdatePasswordPage = /* @__PURE__ */ __name(({
   wrapperProps,
   contentProps,
@@ -7284,9 +7310,9 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
   const translate = useTranslate();
   const authProvider = useActiveAuthProvider();
   const { mutate: updatePassword, isPending } = useUpdatePassword();
-  const [newPassword, setNewPassword] = (0, import_react67.useState)("");
-  const [confirmPassword, setConfirmPassword] = (0, import_react67.useState)("");
-  const content = /* @__PURE__ */ import_react67.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react67.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.updatePassword.title", "Update Password")), /* @__PURE__ */ import_react67.default.createElement("hr", null), /* @__PURE__ */ import_react67.default.createElement(
+  const [newPassword, setNewPassword] = (0, import_react68.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react68.useState)("");
+  const content = /* @__PURE__ */ import_react68.default.createElement("div", { ...contentProps }, /* @__PURE__ */ import_react68.default.createElement("h1", { style: { textAlign: "center" } }, translate("pages.updatePassword.title", "Update Password")), /* @__PURE__ */ import_react68.default.createElement("hr", null), /* @__PURE__ */ import_react68.default.createElement(
     "form",
     {
       onSubmit: (e) => {
@@ -7299,7 +7325,7 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
       },
       ...formProps
     },
-    /* @__PURE__ */ import_react67.default.createElement(
+    /* @__PURE__ */ import_react68.default.createElement(
       "div",
       {
         style: {
@@ -7308,8 +7334,8 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
           padding: 25
         }
       },
-      /* @__PURE__ */ import_react67.default.createElement("label", { htmlFor: "password-input" }, translate("pages.updatePassword.fields.password", "New Password")),
-      /* @__PURE__ */ import_react67.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement("label", { htmlFor: "password-input" }, translate("pages.updatePassword.fields.password", "New Password")),
+      /* @__PURE__ */ import_react68.default.createElement(
         "input",
         {
           id: "password-input",
@@ -7321,11 +7347,11 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
           onChange: (e) => setNewPassword(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react67.default.createElement("label", { htmlFor: "confirm-password-input" }, translate(
+      /* @__PURE__ */ import_react68.default.createElement("label", { htmlFor: "confirm-password-input" }, translate(
         "pages.updatePassword.fields.confirmPassword",
         "Confirm New Password"
       )),
-      /* @__PURE__ */ import_react67.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "input",
         {
           id: "confirm-password-input",
@@ -7337,7 +7363,7 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
           onChange: (e) => setConfirmPassword(e.target.value)
         }
       ),
-      /* @__PURE__ */ import_react67.default.createElement(
+      /* @__PURE__ */ import_react68.default.createElement(
         "input",
         {
           type: "submit",
@@ -7347,7 +7373,7 @@ var UpdatePasswordPage = /* @__PURE__ */ __name(({
       )
     )
   ));
-  return /* @__PURE__ */ import_react67.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
+  return /* @__PURE__ */ import_react68.default.createElement("div", { ...wrapperProps }, renderContent ? renderContent(content, title) : content);
 }, "UpdatePasswordPage");
 
 // src/components/pages/auth/index.tsx
@@ -7356,23 +7382,23 @@ var AuthPage = /* @__PURE__ */ __name((props) => {
   const renderView = /* @__PURE__ */ __name(() => {
     switch (type) {
       case "register":
-        return /* @__PURE__ */ import_react68.default.createElement(RegisterPage, { ...props });
+        return /* @__PURE__ */ import_react69.default.createElement(RegisterPage, { ...props });
       case "forgotPassword":
-        return /* @__PURE__ */ import_react68.default.createElement(ForgotPasswordPage, { ...props });
+        return /* @__PURE__ */ import_react69.default.createElement(ForgotPasswordPage, { ...props });
       case "updatePassword":
-        return /* @__PURE__ */ import_react68.default.createElement(UpdatePasswordPage, { ...props });
+        return /* @__PURE__ */ import_react69.default.createElement(UpdatePasswordPage, { ...props });
       default:
-        return /* @__PURE__ */ import_react68.default.createElement(LoginPage, { ...props });
+        return /* @__PURE__ */ import_react69.default.createElement(LoginPage, { ...props });
     }
   }, "renderView");
-  return /* @__PURE__ */ import_react68.default.createElement(import_react68.default.Fragment, null, renderView());
+  return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, renderView());
 }, "AuthPage");
 
 // src/components/pages/welcome/index.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 
 // src/components/pages/config-success/index.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var cards = [
   {
     title: "Documentation",
@@ -7429,7 +7455,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
     }
     return "24px";
   }, "getSubHeaderFontSize");
-  return /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       style: {
@@ -7441,7 +7467,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
         height: "100dvh"
       }
     },
-    /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement(
       "div",
       {
         style: {
@@ -7456,7 +7482,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           color: "#FFFFFF"
         }
       },
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         "div",
         {
           style: {
@@ -7474,8 +7500,8 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           }
         }
       ),
-      /* @__PURE__ */ import_react69.default.createElement("div", { style: { height: isMobile ? "40px" : "80px" } }),
-      /* @__PURE__ */ import_react69.default.createElement("div", { style: { display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement("div", { style: { height: isMobile ? "40px" : "80px" } }),
+      /* @__PURE__ */ import_react70.default.createElement("div", { style: { display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react70.default.createElement(
         "div",
         {
           style: {
@@ -7487,7 +7513,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           }
         }
       )),
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         "div",
         {
           style: {
@@ -7496,7 +7522,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           }
         }
       ),
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         "div",
         {
           style: {
@@ -7506,7 +7532,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
             textAlign: "center"
           }
         },
-        /* @__PURE__ */ import_react69.default.createElement(
+        /* @__PURE__ */ import_react70.default.createElement(
           "h1",
           {
             style: {
@@ -7517,7 +7543,7 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           },
           "Welcome Aboard!"
         ),
-        /* @__PURE__ */ import_react69.default.createElement(
+        /* @__PURE__ */ import_react70.default.createElement(
           "h4",
           {
             style: {
@@ -7529,8 +7555,8 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
           "Your configuration is completed."
         )
       ),
-      /* @__PURE__ */ import_react69.default.createElement("div", { style: { height: "64px" } }),
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement("div", { style: { height: "64px" } }),
+      /* @__PURE__ */ import_react70.default.createElement(
         "div",
         {
           style: {
@@ -7545,15 +7571,15 @@ var ConfigSuccessPage = /* @__PURE__ */ __name(() => {
             margin: "auto"
           }
         },
-        cards.map((card) => /* @__PURE__ */ import_react69.default.createElement(Card, { key: `welcome-page-${card.title}`, card }))
+        cards.map((card) => /* @__PURE__ */ import_react70.default.createElement(Card, { key: `welcome-page-${card.title}`, card }))
       )
     )
   );
 }, "ConfigSuccessPage");
 var Card = /* @__PURE__ */ __name(({ card }) => {
   const { title, description, iconUrl, link } = card;
-  const [isHover, setIsHover] = (0, import_react69.useState)(false);
-  return /* @__PURE__ */ import_react69.default.createElement(
+  const [isHover, setIsHover] = (0, import_react70.useState)(false);
+  return /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       style: {
@@ -7562,7 +7588,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
         gap: "16px"
       }
     },
-    /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement(
       "div",
       {
         style: {
@@ -7570,7 +7596,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
           alignItems: "center"
         }
       },
-      /* @__PURE__ */ import_react69.default.createElement(
+      /* @__PURE__ */ import_react70.default.createElement(
         "a",
         {
           onPointerEnter: () => setIsHover(true),
@@ -7583,7 +7609,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
           },
           href: link
         },
-        /* @__PURE__ */ import_react69.default.createElement(
+        /* @__PURE__ */ import_react70.default.createElement(
           "div",
           {
             style: {
@@ -7596,7 +7622,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
             }
           }
         ),
-        /* @__PURE__ */ import_react69.default.createElement(
+        /* @__PURE__ */ import_react70.default.createElement(
           "span",
           {
             style: {
@@ -7608,7 +7634,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
           },
           title
         ),
-        /* @__PURE__ */ import_react69.default.createElement(
+        /* @__PURE__ */ import_react70.default.createElement(
           "svg",
           {
             style: {
@@ -7624,7 +7650,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
             opacity: "0.5",
             xmlns: "http://www.w3.org/2000/svg"
           },
-          /* @__PURE__ */ import_react69.default.createElement(
+          /* @__PURE__ */ import_react70.default.createElement(
             "path",
             {
               d: "M7.293.293a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L8.586 5H1a1 1 0 0 1 0-2h7.586L7.293 1.707a1 1 0 0 1 0-1.414Z",
@@ -7634,7 +7660,7 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
         )
       )
     ),
-    /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement(
       "span",
       {
         style: {
@@ -7649,9 +7675,9 @@ var Card = /* @__PURE__ */ __name(({ card }) => {
 }, "Card");
 
 // src/components/pages/config-error/index.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 var ConfigErrorPage = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(
     "div",
     {
       style: {
@@ -7663,7 +7689,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
         height: "100dvh"
       }
     },
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       "div",
       {
         style: {
@@ -7677,7 +7703,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
           backdropFilter: "blur(3px)"
         }
       },
-      /* @__PURE__ */ import_react70.default.createElement(
+      /* @__PURE__ */ import_react71.default.createElement(
         "div",
         {
           style: {
@@ -7689,7 +7715,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
             boxShadow: "0px 0px 120px -24px #000000"
           }
         },
-        /* @__PURE__ */ import_react70.default.createElement(
+        /* @__PURE__ */ import_react71.default.createElement(
           "div",
           {
             style: {
@@ -7701,7 +7727,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
               position: "relative"
             }
           },
-          /* @__PURE__ */ import_react70.default.createElement(
+          /* @__PURE__ */ import_react71.default.createElement(
             ErrorGradient,
             {
               style: {
@@ -7711,7 +7737,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
               }
             }
           ),
-          /* @__PURE__ */ import_react70.default.createElement(
+          /* @__PURE__ */ import_react71.default.createElement(
             "div",
             {
               style: {
@@ -7723,8 +7749,8 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
                 gap: "16px"
               }
             },
-            /* @__PURE__ */ import_react70.default.createElement(ErrorIcon, null),
-            /* @__PURE__ */ import_react70.default.createElement(
+            /* @__PURE__ */ import_react71.default.createElement(ErrorIcon, null),
+            /* @__PURE__ */ import_react71.default.createElement(
               "span",
               {
                 style: {
@@ -7735,7 +7761,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
             )
           )
         ),
-        /* @__PURE__ */ import_react70.default.createElement(
+        /* @__PURE__ */ import_react71.default.createElement(
           "div",
           {
             style: {
@@ -7748,7 +7774,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
               gap: "20px"
             }
           },
-          /* @__PURE__ */ import_react70.default.createElement(
+          /* @__PURE__ */ import_react71.default.createElement(
             "p",
             {
               style: {
@@ -7758,7 +7784,7 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
                 fontSize: "16px"
               }
             },
-            /* @__PURE__ */ import_react70.default.createElement(
+            /* @__PURE__ */ import_react71.default.createElement(
               "code",
               {
                 style: {
@@ -7776,14 +7802,14 @@ var ConfigErrorPage = /* @__PURE__ */ __name(() => {
             " ",
             "is not initialized. Please make sure you have it mounted in your app and placed your components inside it."
           ),
-          /* @__PURE__ */ import_react70.default.createElement("div", null, /* @__PURE__ */ import_react70.default.createElement(ExampleImplementation, null))
+          /* @__PURE__ */ import_react71.default.createElement("div", null, /* @__PURE__ */ import_react71.default.createElement(ExampleImplementation, null))
         )
       )
     )
   );
 }, "ConfigErrorPage");
 var ExampleImplementation = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(
     "pre",
     {
       style: {
@@ -7800,32 +7826,32 @@ var ExampleImplementation = /* @__PURE__ */ __name(() => {
         overflow: "auto"
       }
     },
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "import"),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "import"),
     " ",
     "{",
     " Refine, WelcomePage",
     " ",
     "}",
     " ",
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "from"),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "from"),
     " ",
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#A5D6FF" } }, '"@refinedev/core"'),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#A5D6FF" } }, '"@refinedev/core"'),
     ";",
     "\n",
     "\n",
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "export"),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "export"),
     " ",
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "default"),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "default"),
     " ",
-    /* @__PURE__ */ import_react70.default.createElement("span", null, /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "function"), " ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FFA657" } }, "App"), "(", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "rgb(222, 147, 95)" } }), ")", " "),
+    /* @__PURE__ */ import_react71.default.createElement("span", null, /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "function"), " ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FFA657" } }, "App"), "(", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "rgb(222, 147, 95)" } }), ")", " "),
     "{",
     "\n",
     "  ",
-    /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#FF7B72" } }, "return"),
+    /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#FF7B72" } }, "return"),
     " (",
     "\n",
     "    ",
-    /* @__PURE__ */ import_react70.default.createElement("span", null, /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "<", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "Refine"), "\n", "      ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#E5ECF2", opacity: 0.6 } }, "// ", /* @__PURE__ */ import_react70.default.createElement("span", null, "...")), "\n", "    ", ">"), "\n", "      ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { opacity: 0.6 } }, "{", "/* ... */", "}"), "\n", "      ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "<", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "WelcomePage"), " />"), "\n", "      ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { opacity: 0.6 } }, "{", "/* ... */", "}"), "\n", "    ", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "</", /* @__PURE__ */ import_react70.default.createElement("span", { style: { color: "#79C0FF" } }, "Refine"), ">")),
+    /* @__PURE__ */ import_react71.default.createElement("span", null, /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "<", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "Refine"), "\n", "      ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#E5ECF2", opacity: 0.6 } }, "// ", /* @__PURE__ */ import_react71.default.createElement("span", null, "...")), "\n", "    ", ">"), "\n", "      ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { opacity: 0.6 } }, "{", "/* ... */", "}"), "\n", "      ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "<", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "WelcomePage"), " />"), "\n", "      ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { opacity: 0.6 } }, "{", "/* ... */", "}"), "\n", "    ", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "</", /* @__PURE__ */ import_react71.default.createElement("span", { style: { color: "#79C0FF" } }, "Refine"), ">")),
     "\n",
     "  ",
     ");",
@@ -7833,7 +7859,7 @@ var ExampleImplementation = /* @__PURE__ */ __name(() => {
     "}"
   );
 }, "ExampleImplementation");
-var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react70.default.createElement(
+var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react71.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7843,99 +7869,99 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ import_react70.default.createElement("path", { fill: "url(#welcome-page-error-gradient-a)", d: "M12 0H0v12L12 0Z" }),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement("path", { fill: "url(#welcome-page-error-gradient-a)", d: "M12 0H0v12L12 0Z" }),
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-b)",
       d: "M28 0h-8L0 20v8L28 0Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-c)",
       d: "M36 0h8L0 44v-8L36 0Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-d)",
       d: "M60 0h-8L0 52v4h4L60 0Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-e)",
       d: "M68 0h8L20 56h-8L68 0Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-f)",
       d: "M92 0h-8L28 56h8L92 0Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-g)",
       d: "M100 0h8L52 56h-8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-h)",
       d: "M124 0h-8L60 56h8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-i)",
       d: "M140 0h-8L76 56h8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-j)",
       d: "M132 0h8L84 56h-8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-k)",
       d: "M156 0h-8L92 56h8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-l)",
       d: "M164 0h8l-56 56h-8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-m)",
       d: "M188 0h-8l-56 56h8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "url(#welcome-page-error-gradient-n)",
       d: "M204 0h-8l-56 56h8l56-56Z"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement("defs", null, /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement("defs", null, /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-a",
@@ -7945,9 +7971,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-b",
@@ -7957,9 +7983,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-c",
@@ -7969,9 +7995,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-d",
@@ -7981,9 +8007,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-e",
@@ -7993,9 +8019,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-f",
@@ -8005,9 +8031,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-g",
@@ -8017,9 +8043,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-h",
@@ -8029,9 +8055,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-i",
@@ -8041,9 +8067,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-j",
@@ -8053,9 +8079,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-k",
@@ -8065,9 +8091,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-l",
@@ -8077,9 +8103,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-m",
@@ -8089,9 +8115,9 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
-  ), /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+  ), /* @__PURE__ */ import_react71.default.createElement(
     "radialGradient",
     {
       id: "welcome-page-error-gradient-n",
@@ -8101,11 +8127,11 @@ var ErrorGradient = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_rea
       gradientTransform: "scale(124)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react70.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
-    /* @__PURE__ */ import_react70.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
+    /* @__PURE__ */ import_react71.default.createElement("stop", { stopColor: "#FF4C4D", stopOpacity: 0.1 }),
+    /* @__PURE__ */ import_react71.default.createElement("stop", { offset: 1, stopColor: "#FF4C4D", stopOpacity: 0 })
   ))
 ), "ErrorGradient");
-var ErrorIcon = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react70.default.createElement(
+var ErrorIcon = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react71.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8115,7 +8141,7 @@ var ErrorIcon = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react70
     fill: "none",
     ...props
   },
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "#FF4C4D",
@@ -8124,7 +8150,7 @@ var ErrorIcon = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react70
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ import_react70.default.createElement(
+  /* @__PURE__ */ import_react71.default.createElement(
     "path",
     {
       fill: "#fff",
@@ -8138,30 +8164,30 @@ var ErrorIcon = /* @__PURE__ */ __name((props) => /* @__PURE__ */ import_react70
 // src/components/pages/welcome/index.tsx
 var WelcomePage = /* @__PURE__ */ __name(() => {
   const { __initialized } = useRefineContext();
-  return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement(ConfigSuccessPage, null), !__initialized && /* @__PURE__ */ import_react71.default.createElement(ConfigErrorPage, null));
+  return /* @__PURE__ */ import_react72.default.createElement(import_react72.default.Fragment, null, /* @__PURE__ */ import_react72.default.createElement(ConfigSuccessPage, null), !__initialized && /* @__PURE__ */ import_react72.default.createElement(ConfigErrorPage, null));
 }, "WelcomePage");
 
 // src/components/containers/refine/index.tsx
-var import_react75 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 var import_devtools_internal25 = require("@refinedev/devtools-internal");
 var import_react_query28 = require("@tanstack/react-query");
 
 // src/components/telemetry/index.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 
 // src/hooks/useTelemetryData/index.ts
-var import_react72 = require("react");
-var REFINE_VERSION = "5.0.5";
+var import_react73 = require("react");
+var REFINE_VERSION = "5.0.7";
 var useTelemetryData = /* @__PURE__ */ __name(() => {
   var _a;
   const auth = useIsExistAuthentication();
-  const auditLogContext = (0, import_react72.useContext)(AuditLogContext);
-  const { liveProvider } = (0, import_react72.useContext)(LiveContext);
-  const routerContext = (0, import_react72.useContext)(RouterContext);
-  const dataContext = (0, import_react72.useContext)(DataContext);
-  const { i18nProvider } = (0, import_react72.useContext)(I18nContext);
-  const notificationContext = (0, import_react72.useContext)(NotificationContext);
-  const accessControlContext = (0, import_react72.useContext)(AccessControlContext);
+  const auditLogContext = (0, import_react73.useContext)(AuditLogContext);
+  const { liveProvider } = (0, import_react73.useContext)(LiveContext);
+  const routerContext = (0, import_react73.useContext)(RouterContext);
+  const dataContext = (0, import_react73.useContext)(DataContext);
+  const { i18nProvider } = (0, import_react73.useContext)(I18nContext);
+  const notificationContext = (0, import_react73.useContext)(NotificationContext);
+  const accessControlContext = (0, import_react73.useContext)(AccessControlContext);
   const { resources } = useResourceParams();
   const refineOptions = useRefineContext();
   const auditLog = !!auditLogContext.create || !!auditLogContext.get || !!auditLogContext.update;
@@ -8217,8 +8243,8 @@ var transport = /* @__PURE__ */ __name((src) => {
 }, "transport");
 var Telemetry = /* @__PURE__ */ __name(() => {
   const payload = useTelemetryData();
-  const sent = import_react73.default.useRef(false);
-  import_react73.default.useEffect(() => {
+  const sent = import_react74.default.useRef(false);
+  import_react74.default.useEffect(() => {
     if (sent.current) {
       return;
     }
@@ -8253,10 +8279,10 @@ var checkRouterPropMisuse = /* @__PURE__ */ __name((value) => {
 }, "checkRouterPropMisuse");
 
 // src/hooks/router/use-router-misuse-warning/index.ts
-var import_react74 = __toESM(require("react"));
+var import_react75 = __toESM(require("react"));
 var useRouterMisuseWarning = /* @__PURE__ */ __name((value) => {
-  const warned = import_react74.default.useRef(false);
-  import_react74.default.useEffect(() => {
+  const warned = import_react75.default.useRef(false);
+  import_react75.default.useEffect(() => {
     if (warned.current === false) {
       if (value) {
         const warn = checkRouterPropMisuse(value);
@@ -8290,6 +8316,7 @@ var Refine = /* @__PURE__ */ __name(({
   } = handleRefineOptions({
     options
   });
+  const disableRouteChangeHandler = optionsWithDefaults.disableRouteChangeHandler;
   const queryClient = useDeepMemo(() => {
     var _a;
     if (reactQueryWithDefaults.clientConfig instanceof import_react_query28.QueryClient) {
@@ -8308,23 +8335,23 @@ var Refine = /* @__PURE__ */ __name(({
     });
   }, [reactQueryWithDefaults.clientConfig]);
   (0, import_devtools_internal25.useQuerySubscription)(queryClient);
-  const useNotificationProviderValues = import_react75.default.useMemo(() => {
+  const useNotificationProviderValues = import_react76.default.useMemo(() => {
     return typeof notificationProvider === "function" ? notificationProvider : () => notificationProvider;
   }, [notificationProvider]);
   const notificationProviderContextValues = useNotificationProviderValues();
   useRouterMisuseWarning(routerProvider);
-  return /* @__PURE__ */ import_react75.default.createElement(import_react_query28.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react75.default.createElement(NotificationContextProvider, { ...notificationProviderContextValues }, /* @__PURE__ */ import_react75.default.createElement(
+  return /* @__PURE__ */ import_react76.default.createElement(import_react_query28.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react76.default.createElement(NotificationContextProvider, { ...notificationProviderContextValues }, /* @__PURE__ */ import_react76.default.createElement(
     AuthProviderContextProvider,
     {
       ...authProvider ?? {},
       isProvided: Boolean(authProvider)
     },
-    /* @__PURE__ */ import_react75.default.createElement(DataContextProvider, { dataProvider }, /* @__PURE__ */ import_react75.default.createElement(LiveContextProvider, { liveProvider }, /* @__PURE__ */ import_react75.default.createElement(RouterContextProvider, { router: routerProvider }, /* @__PURE__ */ import_react75.default.createElement(ResourceContextProvider, { resources: resources ?? [] }, /* @__PURE__ */ import_react75.default.createElement(I18nContextProvider, { i18nProvider }, /* @__PURE__ */ import_react75.default.createElement(
+    /* @__PURE__ */ import_react76.default.createElement(DataContextProvider, { dataProvider }, /* @__PURE__ */ import_react76.default.createElement(LiveContextProvider, { liveProvider }, /* @__PURE__ */ import_react76.default.createElement(RouterContextProvider, { router: routerProvider }, /* @__PURE__ */ import_react76.default.createElement(ResourceContextProvider, { resources: resources ?? [] }, /* @__PURE__ */ import_react76.default.createElement(I18nContextProvider, { i18nProvider }, /* @__PURE__ */ import_react76.default.createElement(
       AccessControlContextProvider,
       {
         ...accessControlProvider ?? {}
       },
-      /* @__PURE__ */ import_react75.default.createElement(AuditLogContextProvider, { ...auditLogProvider ?? {} }, /* @__PURE__ */ import_react75.default.createElement(UndoableQueueContextProvider, null, /* @__PURE__ */ import_react75.default.createElement(
+      /* @__PURE__ */ import_react76.default.createElement(AuditLogContextProvider, { ...auditLogProvider ?? {} }, /* @__PURE__ */ import_react76.default.createElement(UndoableQueueContextProvider, null, /* @__PURE__ */ import_react76.default.createElement(
         RefineContextProvider,
         {
           mutationMode: optionsWithDefaults.mutationMode,
@@ -8335,19 +8362,19 @@ var Refine = /* @__PURE__ */ __name(({
           onLiveEvent,
           options: optionsWithDefaults
         },
-        /* @__PURE__ */ import_react75.default.createElement(UnsavedWarnContextProvider, null, /* @__PURE__ */ import_react75.default.createElement(import_react75.default.Fragment, null, children, !disableTelemetryWithDefault && /* @__PURE__ */ import_react75.default.createElement(Telemetry, null), /* @__PURE__ */ import_react75.default.createElement(RouteChangeHandler, null)))
+        /* @__PURE__ */ import_react76.default.createElement(UnsavedWarnContextProvider, null, /* @__PURE__ */ import_react76.default.createElement(import_react76.default.Fragment, null, children, !disableTelemetryWithDefault && /* @__PURE__ */ import_react76.default.createElement(Telemetry, null), !disableRouteChangeHandler && /* @__PURE__ */ import_react76.default.createElement(RouteChangeHandler, null)))
       )))
     ))))))
   )));
 }, "Refine");
 
 // src/components/undoableQueue/index.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var UndoableQueue = /* @__PURE__ */ __name(({ notification }) => {
   const translate = useTranslate();
   const { notificationDispatch } = useCancelNotification();
   const { open } = useNotification();
-  const [timeoutId, setTimeoutId] = (0, import_react76.useState)();
+  const [timeoutId, setTimeoutId] = (0, import_react77.useState)();
   const cancelNotification = /* @__PURE__ */ __name(() => {
     if (notification.isRunning === true) {
       if (notification.seconds === 0) {
@@ -8388,14 +8415,14 @@ var UndoableQueue = /* @__PURE__ */ __name(({ notification }) => {
       }
     }
   }, "cancelNotification");
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     cancelNotification();
   }, [notification]);
   return null;
 }, "UndoableQueue");
 
 // src/components/authenticated/index.tsx
-var import_react77 = __toESM(require("react"));
+var import_react78 = __toESM(require("react"));
 function Authenticated({
   redirectOnFail = true,
   appendCurrentPathToQuery = true,
@@ -8420,16 +8447,16 @@ function Authenticated({
   });
   const isAuthenticated = hasAuthProvider ? isAuthenticatedStatus : true;
   if (!hasAuthProvider) {
-    return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, children ?? null);
+    return /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, children ?? null);
   }
   if (isFetching) {
-    return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, loadingContent ?? null);
+    return /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, loadingContent ?? null);
   }
   if (isAuthenticated) {
-    return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, children ?? null);
+    return /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, children ?? null);
   }
   if (typeof fallbackContent !== "undefined") {
-    return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, fallbackContent ?? null);
+    return /* @__PURE__ */ import_react78.default.createElement(import_react78.default.Fragment, null, fallbackContent ?? null);
   }
   const appliedRedirect = typeof redirectOnFail === "string" ? redirectOnFail : authenticatedRedirect;
   const pathname = `${parsed.pathname}`.replace(/(\?.*|#.*)$/, "");
@@ -8439,7 +8466,7 @@ function Authenticated({
       options: { keepQuery: true },
       type: "path"
     });
-    return /* @__PURE__ */ import_react77.default.createElement(
+    return /* @__PURE__ */ import_react78.default.createElement(
       Redirect,
       {
         config: {
@@ -8457,21 +8484,21 @@ function Authenticated({
 __name(Authenticated, "Authenticated");
 var Redirect = /* @__PURE__ */ __name(({ config }) => {
   const go = useGo();
-  import_react77.default.useEffect(() => {
+  import_react78.default.useEffect(() => {
     go(config);
   }, [go, config]);
   return null;
 }, "Redirect");
 
 // src/components/routeChangeHandler/index.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var RouteChangeHandler = /* @__PURE__ */ __name(() => {
   var _a, _b;
-  const routerContext = (0, import_react78.useContext)(RouterContext);
+  const routerContext = (0, import_react79.useContext)(RouterContext);
   const authProvider = useActiveAuthProvider();
   const parse = (_a = routerContext.parse) == null ? void 0 : _a.call(routerContext);
   const pathname = ((_b = parse == null ? void 0 : parse()) == null ? void 0 : _b.pathname) || "";
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     var _a2;
     (_a2 = authProvider == null ? void 0 : authProvider.check) == null ? void 0 : _a2.call(authProvider).catch(() => false);
   }, [pathname]);
@@ -8479,7 +8506,7 @@ var RouteChangeHandler = /* @__PURE__ */ __name(() => {
 }, "RouteChangeHandler");
 
 // src/components/canAccess/index.tsx
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var CanAccess = /* @__PURE__ */ __name(({
   resource: resourceFromProp,
   action: actionFromProp,
@@ -8509,7 +8536,7 @@ var CanAccess = /* @__PURE__ */ __name(({
     params,
     queryOptions: componentQueryOptions
   });
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (onUnauthorized && (data == null ? void 0 : data.can) === false) {
       onUnauthorized({
         resource: resource == null ? void 0 : resource.name,
@@ -8520,20 +8547,20 @@ var CanAccess = /* @__PURE__ */ __name(({
     }
   }, [data == null ? void 0 : data.can]);
   if (data == null ? void 0 : data.can) {
-    if (import_react79.default.isValidElement(children)) {
-      const Children = import_react79.default.cloneElement(children, rest);
+    if (import_react80.default.isValidElement(children)) {
+      const Children = import_react80.default.cloneElement(children, rest);
       return Children;
     }
-    return /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, children);
+    return /* @__PURE__ */ import_react80.default.createElement(import_react80.default.Fragment, null, children);
   }
   if ((data == null ? void 0 : data.can) === false) {
-    return /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, fallback ?? null);
+    return /* @__PURE__ */ import_react80.default.createElement(import_react80.default.Fragment, null, fallback ?? null);
   }
   return null;
 }, "CanAccess");
 
 // src/components/gh-banner/index.tsx
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 
 // src/components/gh-banner/styles.ts
 var CSSRules = [
@@ -8586,7 +8613,7 @@ var CSSRules = [
 // src/components/gh-banner/index.tsx
 var text = "If you find Refine useful, you can contribute to its growth by giving it a star on GitHub";
 var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
-  (0, import_react80.useEffect)(() => {
+  (0, import_react81.useEffect)(() => {
     const styleTag = document.createElement("style");
     document.head.appendChild(styleTag);
     CSSRules.forEach(
@@ -8596,7 +8623,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
       }
     );
   }, []);
-  return /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement(
     "div",
     {
       className: "banner bg-top-announcement",
@@ -8605,7 +8632,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
         height: "48px"
       }
     },
-    /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react81.default.createElement(
       "div",
       {
         style: {
@@ -8621,7 +8648,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
           ...containerStyle
         }
       },
-      /* @__PURE__ */ import_react80.default.createElement(
+      /* @__PURE__ */ import_react81.default.createElement(
         "div",
         {
           className: "top-announcement-mask",
@@ -8634,7 +8661,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
             borderBottom: "1px solid #47ebeb26"
           }
         },
-        /* @__PURE__ */ import_react80.default.createElement(
+        /* @__PURE__ */ import_react81.default.createElement(
           "div",
           {
             style: {
@@ -8646,7 +8673,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
               margin: "0 auto"
             }
           },
-          /* @__PURE__ */ import_react80.default.createElement(
+          /* @__PURE__ */ import_react81.default.createElement(
             "div",
             {
               style: {
@@ -8655,7 +8682,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 position: "relative"
               }
             },
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowSmall,
               {
                 style: {
@@ -8667,7 +8694,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 id: "1"
               }
             ),
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowSmall,
               {
                 style: {
@@ -8680,7 +8707,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 id: "2"
               }
             ),
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowBig,
               {
                 style: {
@@ -8691,7 +8718,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
               }
             )
           ),
-          /* @__PURE__ */ import_react80.default.createElement(
+          /* @__PURE__ */ import_react81.default.createElement(
             "div",
             {
               style: {
@@ -8700,7 +8727,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 position: "relative"
               }
             },
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowSmall,
               {
                 style: {
@@ -8713,7 +8740,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 id: "4"
               }
             ),
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowSmall,
               {
                 style: {
@@ -8726,7 +8753,7 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
                 id: "5"
               }
             ),
-            /* @__PURE__ */ import_react80.default.createElement(
+            /* @__PURE__ */ import_react81.default.createElement(
               GlowBig,
               {
                 style: {
@@ -8739,12 +8766,12 @@ var GitHubBanner = /* @__PURE__ */ __name(({ containerStyle }) => {
           )
         )
       ),
-      /* @__PURE__ */ import_react80.default.createElement(Text, { text })
+      /* @__PURE__ */ import_react81.default.createElement(Text, { text })
     )
   );
 }, "GitHubBanner");
 var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
-  return /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement(
     "a",
     {
       className: "gh-link",
@@ -8763,7 +8790,7 @@ var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
         backgroundImage: "linear-gradient(90deg, rgba(31, 63, 72, 0.00) 0%, #1F3F48 10%, #1F3F48 90%, rgba(31, 63, 72, 0.00) 100%)"
       }
     },
-    /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react81.default.createElement(
       "div",
       {
         style: {
@@ -8773,7 +8800,7 @@ var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
           gap: "8px"
         }
       },
-      /* @__PURE__ */ import_react80.default.createElement(
+      /* @__PURE__ */ import_react81.default.createElement(
         "span",
         {
           style: {
@@ -8785,7 +8812,7 @@ var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
         },
         "\u2B50\uFE0F"
       ),
-      /* @__PURE__ */ import_react80.default.createElement(
+      /* @__PURE__ */ import_react81.default.createElement(
         "span",
         {
           className: "text",
@@ -8796,7 +8823,7 @@ var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
         },
         text2
       ),
-      /* @__PURE__ */ import_react80.default.createElement(
+      /* @__PURE__ */ import_react81.default.createElement(
         "span",
         {
           style: {
@@ -8812,7 +8839,7 @@ var Text = /* @__PURE__ */ __name(({ text: text2 }) => {
   );
 }, "Text");
 var GlowSmall = /* @__PURE__ */ __name(({ style, ...props }) => {
-  return /* @__PURE__ */ import_react80.default.createElement(
+  return /* @__PURE__ */ import_react81.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -8825,8 +8852,8 @@ var GlowSmall = /* @__PURE__ */ __name(({ style, ...props }) => {
         ...style
       }
     },
-    /* @__PURE__ */ import_react80.default.createElement("circle", { cx: 40, r: 40, fill: `url(#${props.id}-a)`, fillOpacity: 0.5 }),
-    /* @__PURE__ */ import_react80.default.createElement("defs", null, /* @__PURE__ */ import_react80.default.createElement(
+    /* @__PURE__ */ import_react81.default.createElement("circle", { cx: 40, r: 40, fill: `url(#${props.id}-a)`, fillOpacity: 0.5 }),
+    /* @__PURE__ */ import_react81.default.createElement("defs", null, /* @__PURE__ */ import_react81.default.createElement(
       "radialGradient",
       {
         id: `${props.id}-a`,
@@ -8836,12 +8863,12 @@ var GlowSmall = /* @__PURE__ */ __name(({ style, ...props }) => {
         gradientTransform: "matrix(0 40 -40 0 40 0)",
         gradientUnits: "userSpaceOnUse"
       },
-      /* @__PURE__ */ import_react80.default.createElement("stop", { stopColor: "#47EBEB" }),
-      /* @__PURE__ */ import_react80.default.createElement("stop", { offset: 1, stopColor: "#47EBEB", stopOpacity: 0 })
+      /* @__PURE__ */ import_react81.default.createElement("stop", { stopColor: "#47EBEB" }),
+      /* @__PURE__ */ import_react81.default.createElement("stop", { offset: 1, stopColor: "#47EBEB", stopOpacity: 0 })
     ))
   );
 }, "GlowSmall");
-var GlowBig = /* @__PURE__ */ __name(({ style, ...props }) => /* @__PURE__ */ import_react80.default.createElement(
+var GlowBig = /* @__PURE__ */ __name(({ style, ...props }) => /* @__PURE__ */ import_react81.default.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8855,7 +8882,7 @@ var GlowBig = /* @__PURE__ */ __name(({ style, ...props }) => /* @__PURE__ */ im
       ...style
     }
   },
-  /* @__PURE__ */ import_react80.default.createElement(
+  /* @__PURE__ */ import_react81.default.createElement(
     "circle",
     {
       cx: 60,
@@ -8865,7 +8892,7 @@ var GlowBig = /* @__PURE__ */ __name(({ style, ...props }) => /* @__PURE__ */ im
       fillOpacity: 0.5
     }
   ),
-  /* @__PURE__ */ import_react80.default.createElement("defs", null, /* @__PURE__ */ import_react80.default.createElement(
+  /* @__PURE__ */ import_react81.default.createElement("defs", null, /* @__PURE__ */ import_react81.default.createElement(
     "radialGradient",
     {
       id: `${props.id}-a`,
@@ -8875,26 +8902,26 @@ var GlowBig = /* @__PURE__ */ __name(({ style, ...props }) => /* @__PURE__ */ im
       gradientTransform: "matrix(0 60 -60 0 60 24)",
       gradientUnits: "userSpaceOnUse"
     },
-    /* @__PURE__ */ import_react80.default.createElement("stop", { stopColor: "#47EBEB" }),
-    /* @__PURE__ */ import_react80.default.createElement("stop", { offset: 1, stopColor: "#47EBEB", stopOpacity: 0 })
+    /* @__PURE__ */ import_react81.default.createElement("stop", { stopColor: "#47EBEB" }),
+    /* @__PURE__ */ import_react81.default.createElement("stop", { offset: 1, stopColor: "#47EBEB", stopOpacity: 0 })
   ))
 ), "GlowBig");
 
 // src/components/autoSaveIndicator/index.tsx
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var AutoSaveIndicator = /* @__PURE__ */ __name(({
   status,
   elements: {
-    success = /* @__PURE__ */ import_react81.default.createElement(Message, { translationKey: "autoSave.success", defaultMessage: "saved" }),
-    error = /* @__PURE__ */ import_react81.default.createElement(
+    success = /* @__PURE__ */ import_react82.default.createElement(Message, { translationKey: "autoSave.success", defaultMessage: "saved" }),
+    error = /* @__PURE__ */ import_react82.default.createElement(
       Message,
       {
         translationKey: "autoSave.error",
         defaultMessage: "auto save failure"
       }
     ),
-    loading = /* @__PURE__ */ import_react81.default.createElement(Message, { translationKey: "autoSave.loading", defaultMessage: "saving..." }),
-    idle = /* @__PURE__ */ import_react81.default.createElement(
+    loading = /* @__PURE__ */ import_react82.default.createElement(Message, { translationKey: "autoSave.loading", defaultMessage: "saving..." }),
+    idle = /* @__PURE__ */ import_react82.default.createElement(
       Message,
       {
         translationKey: "autoSave.idle",
@@ -8905,15 +8932,15 @@ var AutoSaveIndicator = /* @__PURE__ */ __name(({
 }) => {
   switch (status) {
     case "success":
-      return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, success);
+      return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, success);
     case "error":
-      return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, error);
+      return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, error);
     case "pending":
-      return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, loading);
+      return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, loading);
     case "idle":
-      return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, idle);
+      return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, idle);
     default:
-      return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, idle);
+      return /* @__PURE__ */ import_react82.default.createElement(import_react82.default.Fragment, null, idle);
   }
 }, "AutoSaveIndicator");
 var Message = /* @__PURE__ */ __name(({
@@ -8921,6 +8948,6 @@ var Message = /* @__PURE__ */ __name(({
   defaultMessage
 }) => {
   const translate = useTranslate();
-  return /* @__PURE__ */ import_react81.default.createElement("span", null, translate(translationKey, defaultMessage));
+  return /* @__PURE__ */ import_react82.default.createElement("span", null, translate(translationKey, defaultMessage));
 }, "Message");
 //# sourceMappingURL=index.cjs.map