@availity/mui-file-selector 1.7.0 → 1.8.0

package/dist/index.js

@@ -34,9 +34,6 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -79,135 +76,6 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js
-var require_use_sync_external_store_shim_production = __commonJS({
-  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js"(exports2) {
-    "use strict";
-    var React6 = require("react");
-    function is(x, y) {
-      return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-    }
-    var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState7 = React6.useState;
-    var useEffect4 = React6.useEffect;
-    var useLayoutEffect = React6.useLayoutEffect;
-    var useDebugValue = React6.useDebugValue;
-    function useSyncExternalStore$2(subscribe, getSnapshot) {
-      var value = getSnapshot(), _useState = useState7({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
-      useLayoutEffect(
-        function() {
-          inst.value = value;
-          inst.getSnapshot = getSnapshot;
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-        },
-        [subscribe, value, getSnapshot]
-      );
-      useEffect4(
-        function() {
-          checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          return subscribe(function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          });
-        },
-        [subscribe]
-      );
-      useDebugValue(value);
-      return value;
-    }
-    function checkIfSnapshotChanged(inst) {
-      var latestGetSnapshot = inst.getSnapshot;
-      inst = inst.value;
-      try {
-        var nextValue = latestGetSnapshot();
-        return !objectIs(inst, nextValue);
-      } catch (error) {
-        return true;
-      }
-    }
-    function useSyncExternalStore$12(subscribe, getSnapshot) {
-      return getSnapshot();
-    }
-    var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$12 : useSyncExternalStore$2;
-    exports2.useSyncExternalStore = void 0 !== React6.useSyncExternalStore ? React6.useSyncExternalStore : shim;
-  }
-});
-
-// ../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js
-var require_use_sync_external_store_shim_development = __commonJS({
-  "../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js"(exports2) {
-    "use strict";
-    "production" !== process.env.NODE_ENV && function() {
-      function is(x, y) {
-        return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
-      }
-      function useSyncExternalStore$2(subscribe, getSnapshot) {
-        didWarnOld18Alpha || void 0 === React6.startTransition || (didWarnOld18Alpha = true, console.error(
-          "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-        ));
-        var value = getSnapshot();
-        if (!didWarnUncachedGetSnapshot) {
-          var cachedValue = getSnapshot();
-          objectIs(value, cachedValue) || (console.error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          ), didWarnUncachedGetSnapshot = true);
-        }
-        cachedValue = useState7({
-          inst: { value, getSnapshot }
-        });
-        var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
-        useLayoutEffect(
-          function() {
-            inst.value = value;
-            inst.getSnapshot = getSnapshot;
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-          },
-          [subscribe, value, getSnapshot]
-        );
-        useEffect4(
-          function() {
-            checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            return subscribe(function() {
-              checkIfSnapshotChanged(inst) && forceUpdate({ inst });
-            });
-          },
-          [subscribe]
-        );
-        useDebugValue(value);
-        return value;
-      }
-      function checkIfSnapshotChanged(inst) {
-        var latestGetSnapshot = inst.getSnapshot;
-        inst = inst.value;
-        try {
-          var nextValue = latestGetSnapshot();
-          return !objectIs(inst, nextValue);
-        } catch (error) {
-          return true;
-        }
-      }
-      function useSyncExternalStore$12(subscribe, getSnapshot) {
-        return getSnapshot();
-      }
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React6 = require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState7 = React6.useState, useEffect4 = React6.useEffect, useLayoutEffect = React6.useLayoutEffect, useDebugValue = React6.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$12 : useSyncExternalStore$2;
-      exports2.useSyncExternalStore = void 0 !== React6.useSyncExternalStore ? React6.useSyncExternalStore : shim;
-      "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    }();
-  }
-});
-
-// ../../node_modules/use-sync-external-store/shim/index.js
-var require_shim = __commonJS({
-  "../../node_modules/use-sync-external-store/shim/index.js"(exports2, module2) {
-    "use strict";
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = require_use_sync_external_store_shim_production();
-    } else {
-      module2.exports = require_use_sync_external_store_shim_development();
-    }
-  }
-});
-
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -240,7 +108,7 @@ var import_styles = require("@mui/material/styles");
 var import_react_dropzone = require("react-dropzone");
 var import_react_hook_form2 = require("react-hook-form");
 var import_mui_divider = require("@availity/mui-divider");
-var import_mui_icon = require("@availity/mui-icon");
+var import_mui_icon2 = require("@availity/mui-icon");
 var import_mui_layout = require("@availity/mui-layout");
 var import_mui_typography = require("@availity/mui-typography");
 
@@ -298,6 +166,55 @@ var FilePickerBtn = (_a) => {
   ] });
 };
 
+// src/lib/util.ts
+var import_mui_icon = require("@availity/mui-icon");
+function formatBytes(bytes, decimals = 2) {
+  if (!+bytes) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+}
+var FILE_EXT_ICONS = {
+  png: import_mui_icon.FileImageIcon,
+  jpg: import_mui_icon.FileImageIcon,
+  jpeg: import_mui_icon.FileImageIcon,
+  gif: import_mui_icon.FileImageIcon,
+  csv: import_mui_icon.FileCsvIcon,
+  ppt: import_mui_icon.FilePowerpointIcon,
+  pptx: import_mui_icon.FilePowerpointIcon,
+  xls: import_mui_icon.FileExcelIcon,
+  xlsx: import_mui_icon.FileExcelIcon,
+  doc: import_mui_icon.FileWordIcon,
+  docx: import_mui_icon.FileWordIcon,
+  txt: import_mui_icon.FileLinesIcon,
+  text: import_mui_icon.FileLinesIcon,
+  zip: import_mui_icon.FileArchiveIcon,
+  "7zip": import_mui_icon.FileArchiveIcon,
+  xml: import_mui_icon.FileCodeIcon,
+  html: import_mui_icon.FileCodeIcon,
+  pdf: import_mui_icon.FilePdfIcon
+};
+var isValidKey = (key) => key ? key in FILE_EXT_ICONS : false;
+var getFileExtension = (fileName) => {
+  var _a;
+  return ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+};
+var getFileExtIcon = (fileName) => {
+  const ext = getFileExtension(fileName);
+  return isValidKey(ext) ? FILE_EXT_ICONS[ext] : import_mui_icon.FileIcon;
+};
+var dedupeErrors = (errors) => {
+  const dedupedErrors = errors.reduce((acc, error) => {
+    if (!acc.find((err) => err.code === error.code)) {
+      acc.push(error);
+    }
+    return acc;
+  }, []);
+  return dedupedErrors;
+};
+
 // src/lib/Dropzone.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var outerBoxStyles = {
@@ -337,6 +254,7 @@ var Dropzone = ({
   enableDropArea = true,
   maxFiles,
   maxSize,
+  maxTotalSize,
   multiple,
   name,
   onChange,
@@ -389,7 +307,48 @@ var Dropzone = ({
       }
       setTotalSize((prev) => prev + newSize);
       const previous = (_a2 = watch(name)) != null ? _a2 : [];
-      setValue(name, previous.concat(acceptedFiles));
+      if (maxTotalSize) {
+        const currentTotalSize = previous.reduce((sum, file) => sum + file.size, 0);
+        let newSize2 = 0;
+        const availableSize = Math.max(0, maxTotalSize - currentTotalSize);
+        let sizeCounter = 0;
+        const cutoffIndex = acceptedFiles.findIndex((file) => {
+          sizeCounter += file.size;
+          return sizeCounter > availableSize;
+        });
+        if (cutoffIndex !== -1) {
+          const filesToAdd2 = acceptedFiles.slice(0, cutoffIndex === 0 ? 0 : cutoffIndex);
+          fileRejections.push({
+            file: acceptedFiles[cutoffIndex],
+            errors: [
+              {
+                code: "upload-too-large",
+                message: `Total upload size exceeds the limit of ${formatBytes(maxTotalSize)}.`
+              }
+            ],
+            id: counter.increment()
+          });
+          acceptedFiles = filesToAdd2;
+        }
+        newSize2 = acceptedFiles.reduce((sum, file) => sum + file.size, 0);
+        setTotalSize((prev) => prev + newSize2);
+      }
+      const remainingSlots = maxFiles ? Math.max(0, maxFiles - previous.length) : acceptedFiles.length;
+      const filesToAdd = acceptedFiles.slice(0, remainingSlots);
+      setValue(name, previous.concat(filesToAdd));
+      if (maxFiles && acceptedFiles.length > remainingSlots) {
+        fileRejections.push({
+          file: acceptedFiles[remainingSlots],
+          // Use the first excess file
+          errors: [
+            {
+              code: "too-many-files",
+              message: `Too many files. You may only upload ${maxFiles} file(s).`
+            }
+          ],
+          id: counter.increment()
+        });
+      }
       if (fileRejections.length > 0) {
         const TOO_MANY_FILES_CODE = "too-many-files";
         let hasTooManyFiles = false;
@@ -449,7 +408,7 @@ var Dropzone = ({
   };
   const hasFiles = getFieldValue().length > 0;
   return enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DropzoneContainer, __spreadProps(__spreadValues({ sx: outerBoxStyles }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_layout.Box, { sx: innerBoxStyles, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_layout.Stack, { spacing: 2, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon.CloudUploadIcon, { fontSize: "xlarge", color: "secondary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon2.CloudUploadIcon, { fontSize: "xlarge", color: "secondary" }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_typography.Typography, { variant: "subtitle2", fontWeight: "700", children: "Drag and Drop Files Here" }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_divider.Divider, { flexItem: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_typography.Typography, { variant: "subtitle2", children: "OR" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -475,7 +434,7 @@ var Dropzone = ({
       onClick: handleOnClick,
       inputProps,
       onChange: handleOnChange,
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon.PlusIcon, {}),
+      startIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon2.PlusIcon, {}),
       children: hasFiles ? "Add More Files" : "Add File(s)"
     }
   );
@@ -490,57 +449,6 @@ var import_mui_icon3 = require("@availity/mui-icon");
 var import_mui_layout2 = require("@availity/mui-layout");
 var import_mui_typography2 = require("@availity/mui-typography");
 var import_upload_core = __toESM(require("@availity/upload-core"));
-
-// src/lib/util.ts
-var import_mui_icon2 = require("@availity/mui-icon");
-function formatBytes(bytes, decimals = 2) {
-  if (!+bytes) return "0 Bytes";
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-}
-var FILE_EXT_ICONS = {
-  png: import_mui_icon2.FileImageIcon,
-  jpg: import_mui_icon2.FileImageIcon,
-  jpeg: import_mui_icon2.FileImageIcon,
-  gif: import_mui_icon2.FileImageIcon,
-  csv: import_mui_icon2.FileCsvIcon,
-  ppt: import_mui_icon2.FilePowerpointIcon,
-  pptx: import_mui_icon2.FilePowerpointIcon,
-  xls: import_mui_icon2.FileExcelIcon,
-  xlsx: import_mui_icon2.FileExcelIcon,
-  doc: import_mui_icon2.FileWordIcon,
-  docx: import_mui_icon2.FileWordIcon,
-  txt: import_mui_icon2.FileLinesIcon,
-  text: import_mui_icon2.FileLinesIcon,
-  zip: import_mui_icon2.FileArchiveIcon,
-  "7zip": import_mui_icon2.FileArchiveIcon,
-  xml: import_mui_icon2.FileCodeIcon,
-  html: import_mui_icon2.FileCodeIcon,
-  pdf: import_mui_icon2.FilePdfIcon
-};
-var isValidKey = (key) => key ? key in FILE_EXT_ICONS : false;
-var getFileExtension = (fileName) => {
-  var _a;
-  return ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
-};
-var getFileExtIcon = (fileName) => {
-  const ext = getFileExtension(fileName);
-  return isValidKey(ext) ? FILE_EXT_ICONS[ext] : import_mui_icon2.FileIcon;
-};
-var dedupeErrors = (errors) => {
-  const dedupedErrors = errors.reduce((acc, error) => {
-    if (!acc.find((err) => err.code === error.code)) {
-      acc.push(error);
-    }
-    return acc;
-  }, []);
-  return dedupedErrors;
-};
-
-// src/lib/Dropzone2.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var counter2 = createCounter();
 function startUpload(file, options) {
@@ -562,6 +470,7 @@ var Dropzone2 = ({
   enableDropArea = true,
   maxFiles,
   maxSize,
+  maxTotalSize,
   multiple,
   name,
   onChange,
@@ -616,8 +525,50 @@ var Dropzone2 = ({
       }
       setTotalSize((prev) => prev + newSize);
       const previous = (_a2 = watch(name)) != null ? _a2 : [];
-      const uploads = acceptedFiles.map((file) => startUpload(file, uploadOptions));
+      if (maxTotalSize) {
+        const currentTotalSize = previous.reduce((sum, upload) => sum + upload.file.size, 0);
+        console.log({ previous });
+        let newSize2 = 0;
+        const availableSize = Math.max(0, maxTotalSize - currentTotalSize);
+        let sizeCounter = 0;
+        const cutoffIndex = acceptedFiles.findIndex((file) => {
+          sizeCounter += file.size;
+          return sizeCounter > availableSize;
+        });
+        if (cutoffIndex !== -1) {
+          const filesToAdd2 = acceptedFiles.slice(0, cutoffIndex === 0 ? 0 : cutoffIndex);
+          fileRejections.push({
+            file: acceptedFiles[cutoffIndex],
+            errors: [
+              {
+                code: "upload-too-large",
+                message: `Total upload size exceeds the limit of ${formatBytes(maxTotalSize)}.`
+              }
+            ],
+            id: counter2.increment()
+          });
+          acceptedFiles = filesToAdd2;
+        }
+        newSize2 = acceptedFiles.reduce((sum, file) => sum + file.size, 0);
+        setTotalSize((prev) => prev + newSize2);
+      }
+      const remainingSlots = maxFiles ? Math.max(0, maxFiles - previous.length) : acceptedFiles.length;
+      const filesToAdd = acceptedFiles.slice(0, remainingSlots);
+      const uploads = filesToAdd.map((file) => startUpload(file, uploadOptions));
       setValue(name, previous.concat(yield Promise.all(uploads)));
+      if (maxFiles && acceptedFiles.length > remainingSlots) {
+        fileRejections.push({
+          file: acceptedFiles[remainingSlots],
+          // Use the first excess file
+          errors: [
+            {
+              code: "too-many-files",
+              message: `Too many files. You may only upload ${maxFiles} file(s).`
+            }
+          ],
+          id: counter2.increment()
+        });
+      }
       if (fileRejections.length > 0) {
         const TOO_MANY_FILES_CODE = "too-many-files";
         let hasTooManyFiles = false;
@@ -714,6 +665,7 @@ var import_mui_list = require("@availity/mui-list");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var codes = {
   "file-too-large": "File exceeds maximum size",
+  "upload-too-large": "File causes maximum total upload size to be exceeded",
   "file-invalid-type": "File has an invalid type",
   "file-too-small": "File is smaller than minimum size",
   "too-many-file": "Too many files",
@@ -1045,952 +997,8 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
   ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_progress.LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
 };
 
-// ../../node_modules/@tanstack/query-core/build/lib/subscribable.mjs
-var Subscribable = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.subscribe = this.subscribe.bind(this);
-  }
-  subscribe(listener) {
-    const identity = {
-      listener
-    };
-    this.listeners.add(identity);
-    this.onSubscribe();
-    return () => {
-      this.listeners.delete(identity);
-      this.onUnsubscribe();
-    };
-  }
-  hasListeners() {
-    return this.listeners.size > 0;
-  }
-  onSubscribe() {
-  }
-  onUnsubscribe() {
-  }
-};
-
-// ../../node_modules/@tanstack/query-core/build/lib/utils.mjs
-var isServer = typeof window === "undefined" || "Deno" in window;
-function noop() {
-  return void 0;
-}
-function isValidTimeout(value) {
-  return typeof value === "number" && value >= 0 && value !== Infinity;
-}
-function timeUntilStale(updatedAt, staleTime) {
-  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
-}
-function parseQueryArgs(arg1, arg2, arg3) {
-  if (!isQueryKey(arg1)) {
-    return arg1;
-  }
-  if (typeof arg2 === "function") {
-    return __spreadProps(__spreadValues({}, arg3), {
-      queryKey: arg1,
-      queryFn: arg2
-    });
-  }
-  return __spreadProps(__spreadValues({}, arg2), {
-    queryKey: arg1
-  });
-}
-function replaceEqualDeep(a, b) {
-  if (a === b) {
-    return a;
-  }
-  const array = isPlainArray(a) && isPlainArray(b);
-  if (array || isPlainObject(a) && isPlainObject(b)) {
-    const aSize = array ? a.length : Object.keys(a).length;
-    const bItems = array ? b : Object.keys(b);
-    const bSize = bItems.length;
-    const copy = array ? [] : {};
-    let equalItems = 0;
-    for (let i = 0; i < bSize; i++) {
-      const key = array ? i : bItems[i];
-      copy[key] = replaceEqualDeep(a[key], b[key]);
-      if (copy[key] === a[key]) {
-        equalItems++;
-      }
-    }
-    return aSize === bSize && equalItems === aSize ? a : copy;
-  }
-  return b;
-}
-function shallowEqualObjects(a, b) {
-  if (a && !b || b && !a) {
-    return false;
-  }
-  for (const key in a) {
-    if (a[key] !== b[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-function isPlainArray(value) {
-  return Array.isArray(value) && value.length === Object.keys(value).length;
-}
-function isPlainObject(o) {
-  if (!hasObjectPrototype(o)) {
-    return false;
-  }
-  const ctor = o.constructor;
-  if (typeof ctor === "undefined") {
-    return true;
-  }
-  const prot = ctor.prototype;
-  if (!hasObjectPrototype(prot)) {
-    return false;
-  }
-  if (!prot.hasOwnProperty("isPrototypeOf")) {
-    return false;
-  }
-  return true;
-}
-function hasObjectPrototype(o) {
-  return Object.prototype.toString.call(o) === "[object Object]";
-}
-function isQueryKey(value) {
-  return Array.isArray(value);
-}
-function sleep(timeout) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, timeout);
-  });
-}
-function scheduleMicrotask(callback) {
-  sleep(0).then(callback);
-}
-function replaceData(prevData, data, options) {
-  if (options.isDataEqual != null && options.isDataEqual(prevData, data)) {
-    return prevData;
-  } else if (typeof options.structuralSharing === "function") {
-    return options.structuralSharing(prevData, data);
-  } else if (options.structuralSharing !== false) {
-    return replaceEqualDeep(prevData, data);
-  }
-  return data;
-}
-
-// ../../node_modules/@tanstack/query-core/build/lib/focusManager.mjs
-var FocusManager = class extends Subscribable {
-  constructor() {
-    super();
-    this.setup = (onFocus) => {
-      if (!isServer && window.addEventListener) {
-        const listener = () => onFocus();
-        window.addEventListener("visibilitychange", listener, false);
-        window.addEventListener("focus", listener, false);
-        return () => {
-          window.removeEventListener("visibilitychange", listener);
-          window.removeEventListener("focus", listener);
-        };
-      }
-      return;
-    };
-  }
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = void 0;
-    }
-  }
-  setEventListener(setup) {
-    var _this$cleanup2;
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup((focused) => {
-      if (typeof focused === "boolean") {
-        this.setFocused(focused);
-      } else {
-        this.onFocus();
-      }
-    });
-  }
-  setFocused(focused) {
-    const changed = this.focused !== focused;
-    if (changed) {
-      this.focused = focused;
-      this.onFocus();
-    }
-  }
-  onFocus() {
-    this.listeners.forEach(({
-      listener
-    }) => {
-      listener();
-    });
-  }
-  isFocused() {
-    if (typeof this.focused === "boolean") {
-      return this.focused;
-    }
-    if (typeof document === "undefined") {
-      return true;
-    }
-    return [void 0, "visible", "prerender"].includes(document.visibilityState);
-  }
-};
-var focusManager = new FocusManager();
-
-// ../../node_modules/@tanstack/query-core/build/lib/onlineManager.mjs
-var onlineEvents = ["online", "offline"];
-var OnlineManager = class extends Subscribable {
-  constructor() {
-    super();
-    this.setup = (onOnline) => {
-      if (!isServer && window.addEventListener) {
-        const listener = () => onOnline();
-        onlineEvents.forEach((event) => {
-          window.addEventListener(event, listener, false);
-        });
-        return () => {
-          onlineEvents.forEach((event) => {
-            window.removeEventListener(event, listener);
-          });
-        };
-      }
-      return;
-    };
-  }
-  onSubscribe() {
-    if (!this.cleanup) {
-      this.setEventListener(this.setup);
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      var _this$cleanup;
-      (_this$cleanup = this.cleanup) == null ? void 0 : _this$cleanup.call(this);
-      this.cleanup = void 0;
-    }
-  }
-  setEventListener(setup) {
-    var _this$cleanup2;
-    this.setup = setup;
-    (_this$cleanup2 = this.cleanup) == null ? void 0 : _this$cleanup2.call(this);
-    this.cleanup = setup((online) => {
-      if (typeof online === "boolean") {
-        this.setOnline(online);
-      } else {
-        this.onOnline();
-      }
-    });
-  }
-  setOnline(online) {
-    const changed = this.online !== online;
-    if (changed) {
-      this.online = online;
-      this.onOnline();
-    }
-  }
-  onOnline() {
-    this.listeners.forEach(({
-      listener
-    }) => {
-      listener();
-    });
-  }
-  isOnline() {
-    if (typeof this.online === "boolean") {
-      return this.online;
-    }
-    if (typeof navigator === "undefined" || typeof navigator.onLine === "undefined") {
-      return true;
-    }
-    return navigator.onLine;
-  }
-};
-var onlineManager = new OnlineManager();
-
-// ../../node_modules/@tanstack/query-core/build/lib/retryer.mjs
-function canFetch(networkMode) {
-  return (networkMode != null ? networkMode : "online") === "online" ? onlineManager.isOnline() : true;
-}
-var CancelledError = class {
-  constructor(options) {
-    this.revert = options == null ? void 0 : options.revert;
-    this.silent = options == null ? void 0 : options.silent;
-  }
-};
-function isCancelledError(value) {
-  return value instanceof CancelledError;
-}
-
-// ../../node_modules/@tanstack/query-core/build/lib/notifyManager.mjs
-function createNotifyManager() {
-  let queue = [];
-  let transactions = 0;
-  let notifyFn = (callback) => {
-    callback();
-  };
-  let batchNotifyFn = (callback) => {
-    callback();
-  };
-  const batch = (callback) => {
-    let result;
-    transactions++;
-    try {
-      result = callback();
-    } finally {
-      transactions--;
-      if (!transactions) {
-        flush();
-      }
-    }
-    return result;
-  };
-  const schedule = (callback) => {
-    if (transactions) {
-      queue.push(callback);
-    } else {
-      scheduleMicrotask(() => {
-        notifyFn(callback);
-      });
-    }
-  };
-  const batchCalls = (callback) => {
-    return (...args) => {
-      schedule(() => {
-        callback(...args);
-      });
-    };
-  };
-  const flush = () => {
-    const originalQueue = queue;
-    queue = [];
-    if (originalQueue.length) {
-      scheduleMicrotask(() => {
-        batchNotifyFn(() => {
-          originalQueue.forEach((callback) => {
-            notifyFn(callback);
-          });
-        });
-      });
-    }
-  };
-  const setNotifyFunction = (fn) => {
-    notifyFn = fn;
-  };
-  const setBatchNotifyFunction = (fn) => {
-    batchNotifyFn = fn;
-  };
-  return {
-    batch,
-    batchCalls,
-    schedule,
-    setNotifyFunction,
-    setBatchNotifyFunction
-  };
-}
-var notifyManager = createNotifyManager();
-
-// ../../node_modules/@tanstack/query-core/build/lib/queryObserver.mjs
-var QueryObserver = class extends Subscribable {
-  constructor(client, options) {
-    super();
-    this.client = client;
-    this.options = options;
-    this.trackedProps = /* @__PURE__ */ new Set();
-    this.selectError = null;
-    this.bindMethods();
-    this.setOptions(options);
-  }
-  bindMethods() {
-    this.remove = this.remove.bind(this);
-    this.refetch = this.refetch.bind(this);
-  }
-  onSubscribe() {
-    if (this.listeners.size === 1) {
-      this.currentQuery.addObserver(this);
-      if (shouldFetchOnMount(this.currentQuery, this.options)) {
-        this.executeFetch();
-      }
-      this.updateTimers();
-    }
-  }
-  onUnsubscribe() {
-    if (!this.hasListeners()) {
-      this.destroy();
-    }
-  }
-  shouldFetchOnReconnect() {
-    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnReconnect);
-  }
-  shouldFetchOnWindowFocus() {
-    return shouldFetchOn(this.currentQuery, this.options, this.options.refetchOnWindowFocus);
-  }
-  destroy() {
-    this.listeners = /* @__PURE__ */ new Set();
-    this.clearStaleTimeout();
-    this.clearRefetchInterval();
-    this.currentQuery.removeObserver(this);
-  }
-  setOptions(options, notifyOptions) {
-    const prevOptions = this.options;
-    const prevQuery = this.currentQuery;
-    this.options = this.client.defaultQueryOptions(options);
-    if (process.env.NODE_ENV !== "production" && typeof (options == null ? void 0 : options.isDataEqual) !== "undefined") {
-      this.client.getLogger().error("The isDataEqual option has been deprecated and will be removed in the next major version. You can achieve the same functionality by passing a function as the structuralSharing option");
-    }
-    if (!shallowEqualObjects(prevOptions, this.options)) {
-      this.client.getQueryCache().notify({
-        type: "observerOptionsUpdated",
-        query: this.currentQuery,
-        observer: this
-      });
-    }
-    if (typeof this.options.enabled !== "undefined" && typeof this.options.enabled !== "boolean") {
-      throw new Error("Expected enabled to be a boolean");
-    }
-    if (!this.options.queryKey) {
-      this.options.queryKey = prevOptions.queryKey;
-    }
-    this.updateQuery();
-    const mounted = this.hasListeners();
-    if (mounted && shouldFetchOptionally(this.currentQuery, prevQuery, this.options, prevOptions)) {
-      this.executeFetch();
-    }
-    this.updateResult(notifyOptions);
-    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || this.options.staleTime !== prevOptions.staleTime)) {
-      this.updateStaleTimeout();
-    }
-    const nextRefetchInterval = this.computeRefetchInterval();
-    if (mounted && (this.currentQuery !== prevQuery || this.options.enabled !== prevOptions.enabled || nextRefetchInterval !== this.currentRefetchInterval)) {
-      this.updateRefetchInterval(nextRefetchInterval);
-    }
-  }
-  getOptimisticResult(options) {
-    const query = this.client.getQueryCache().build(this.client, options);
-    const result = this.createResult(query, options);
-    if (shouldAssignObserverCurrentProperties(this, result, options)) {
-      this.currentResult = result;
-      this.currentResultOptions = this.options;
-      this.currentResultState = this.currentQuery.state;
-    }
-    return result;
-  }
-  getCurrentResult() {
-    return this.currentResult;
-  }
-  trackResult(result) {
-    const trackedResult = {};
-    Object.keys(result).forEach((key) => {
-      Object.defineProperty(trackedResult, key, {
-        configurable: false,
-        enumerable: true,
-        get: () => {
-          this.trackedProps.add(key);
-          return result[key];
-        }
-      });
-    });
-    return trackedResult;
-  }
-  getCurrentQuery() {
-    return this.currentQuery;
-  }
-  remove() {
-    this.client.getQueryCache().remove(this.currentQuery);
-  }
-  refetch(_a = {}) {
-    var _b = _a, {
-      refetchPage
-    } = _b, options = __objRest(_b, [
-      "refetchPage"
-    ]);
-    return this.fetch(__spreadProps(__spreadValues({}, options), {
-      meta: {
-        refetchPage
-      }
-    }));
-  }
-  fetchOptimistic(options) {
-    const defaultedOptions = this.client.defaultQueryOptions(options);
-    const query = this.client.getQueryCache().build(this.client, defaultedOptions);
-    query.isFetchingOptimistic = true;
-    return query.fetch().then(() => this.createResult(query, defaultedOptions));
-  }
-  fetch(fetchOptions) {
-    var _fetchOptions$cancelR;
-    return this.executeFetch(__spreadProps(__spreadValues({}, fetchOptions), {
-      cancelRefetch: (_fetchOptions$cancelR = fetchOptions.cancelRefetch) != null ? _fetchOptions$cancelR : true
-    })).then(() => {
-      this.updateResult();
-      return this.currentResult;
-    });
-  }
-  executeFetch(fetchOptions) {
-    this.updateQuery();
-    let promise = this.currentQuery.fetch(this.options, fetchOptions);
-    if (!(fetchOptions != null && fetchOptions.throwOnError)) {
-      promise = promise.catch(noop);
-    }
-    return promise;
-  }
-  updateStaleTimeout() {
-    this.clearStaleTimeout();
-    if (isServer || this.currentResult.isStale || !isValidTimeout(this.options.staleTime)) {
-      return;
-    }
-    const time = timeUntilStale(this.currentResult.dataUpdatedAt, this.options.staleTime);
-    const timeout = time + 1;
-    this.staleTimeoutId = setTimeout(() => {
-      if (!this.currentResult.isStale) {
-        this.updateResult();
-      }
-    }, timeout);
-  }
-  computeRefetchInterval() {
-    var _this$options$refetch;
-    return typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.currentResult.data, this.currentQuery) : (_this$options$refetch = this.options.refetchInterval) != null ? _this$options$refetch : false;
-  }
-  updateRefetchInterval(nextInterval) {
-    this.clearRefetchInterval();
-    this.currentRefetchInterval = nextInterval;
-    if (isServer || this.options.enabled === false || !isValidTimeout(this.currentRefetchInterval) || this.currentRefetchInterval === 0) {
-      return;
-    }
-    this.refetchIntervalId = setInterval(() => {
-      if (this.options.refetchIntervalInBackground || focusManager.isFocused()) {
-        this.executeFetch();
-      }
-    }, this.currentRefetchInterval);
-  }
-  updateTimers() {
-    this.updateStaleTimeout();
-    this.updateRefetchInterval(this.computeRefetchInterval());
-  }
-  clearStaleTimeout() {
-    if (this.staleTimeoutId) {
-      clearTimeout(this.staleTimeoutId);
-      this.staleTimeoutId = void 0;
-    }
-  }
-  clearRefetchInterval() {
-    if (this.refetchIntervalId) {
-      clearInterval(this.refetchIntervalId);
-      this.refetchIntervalId = void 0;
-    }
-  }
-  createResult(query, options) {
-    const prevQuery = this.currentQuery;
-    const prevOptions = this.options;
-    const prevResult = this.currentResult;
-    const prevResultState = this.currentResultState;
-    const prevResultOptions = this.currentResultOptions;
-    const queryChange = query !== prevQuery;
-    const queryInitialState = queryChange ? query.state : this.currentQueryInitialState;
-    const prevQueryResult = queryChange ? this.currentResult : this.previousQueryResult;
-    const {
-      state
-    } = query;
-    let {
-      dataUpdatedAt,
-      error,
-      errorUpdatedAt,
-      fetchStatus,
-      status
-    } = state;
-    let isPreviousData = false;
-    let isPlaceholderData = false;
-    let data;
-    if (options._optimisticResults) {
-      const mounted = this.hasListeners();
-      const fetchOnMount = !mounted && shouldFetchOnMount(query, options);
-      const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
-      if (fetchOnMount || fetchOptionally) {
-        fetchStatus = canFetch(query.options.networkMode) ? "fetching" : "paused";
-        if (!dataUpdatedAt) {
-          status = "loading";
-        }
-      }
-      if (options._optimisticResults === "isRestoring") {
-        fetchStatus = "idle";
-      }
-    }
-    if (options.keepPreviousData && !state.dataUpdatedAt && prevQueryResult != null && prevQueryResult.isSuccess && status !== "error") {
-      data = prevQueryResult.data;
-      dataUpdatedAt = prevQueryResult.dataUpdatedAt;
-      status = prevQueryResult.status;
-      isPreviousData = true;
-    } else if (options.select && typeof state.data !== "undefined") {
-      if (prevResult && state.data === (prevResultState == null ? void 0 : prevResultState.data) && options.select === this.selectFn) {
-        data = this.selectResult;
-      } else {
-        try {
-          this.selectFn = options.select;
-          data = options.select(state.data);
-          data = replaceData(prevResult == null ? void 0 : prevResult.data, data, options);
-          this.selectResult = data;
-          this.selectError = null;
-        } catch (selectError) {
-          if (process.env.NODE_ENV !== "production") {
-            this.client.getLogger().error(selectError);
-          }
-          this.selectError = selectError;
-        }
-      }
-    } else {
-      data = state.data;
-    }
-    if (typeof options.placeholderData !== "undefined" && typeof data === "undefined" && status === "loading") {
-      let placeholderData;
-      if (prevResult != null && prevResult.isPlaceholderData && options.placeholderData === (prevResultOptions == null ? void 0 : prevResultOptions.placeholderData)) {
-        placeholderData = prevResult.data;
-      } else {
-        placeholderData = typeof options.placeholderData === "function" ? options.placeholderData() : options.placeholderData;
-        if (options.select && typeof placeholderData !== "undefined") {
-          try {
-            placeholderData = options.select(placeholderData);
-            this.selectError = null;
-          } catch (selectError) {
-            if (process.env.NODE_ENV !== "production") {
-              this.client.getLogger().error(selectError);
-            }
-            this.selectError = selectError;
-          }
-        }
-      }
-      if (typeof placeholderData !== "undefined") {
-        status = "success";
-        data = replaceData(prevResult == null ? void 0 : prevResult.data, placeholderData, options);
-        isPlaceholderData = true;
-      }
-    }
-    if (this.selectError) {
-      error = this.selectError;
-      data = this.selectResult;
-      errorUpdatedAt = Date.now();
-      status = "error";
-    }
-    const isFetching = fetchStatus === "fetching";
-    const isLoading = status === "loading";
-    const isError2 = status === "error";
-    const result = {
-      status,
-      fetchStatus,
-      isLoading,
-      isSuccess: status === "success",
-      isError: isError2,
-      isInitialLoading: isLoading && isFetching,
-      data,
-      dataUpdatedAt,
-      error,
-      errorUpdatedAt,
-      failureCount: state.fetchFailureCount,
-      failureReason: state.fetchFailureReason,
-      errorUpdateCount: state.errorUpdateCount,
-      isFetched: state.dataUpdateCount > 0 || state.errorUpdateCount > 0,
-      isFetchedAfterMount: state.dataUpdateCount > queryInitialState.dataUpdateCount || state.errorUpdateCount > queryInitialState.errorUpdateCount,
-      isFetching,
-      isRefetching: isFetching && !isLoading,
-      isLoadingError: isError2 && state.dataUpdatedAt === 0,
-      isPaused: fetchStatus === "paused",
-      isPlaceholderData,
-      isPreviousData,
-      isRefetchError: isError2 && state.dataUpdatedAt !== 0,
-      isStale: isStale(query, options),
-      refetch: this.refetch,
-      remove: this.remove
-    };
-    return result;
-  }
-  updateResult(notifyOptions) {
-    const prevResult = this.currentResult;
-    const nextResult = this.createResult(this.currentQuery, this.options);
-    this.currentResultState = this.currentQuery.state;
-    this.currentResultOptions = this.options;
-    if (shallowEqualObjects(nextResult, prevResult)) {
-      return;
-    }
-    this.currentResult = nextResult;
-    const defaultNotifyOptions = {
-      cache: true
-    };
-    const shouldNotifyListeners = () => {
-      if (!prevResult) {
-        return true;
-      }
-      const {
-        notifyOnChangeProps
-      } = this.options;
-      const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps;
-      if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.trackedProps.size) {
-        return true;
-      }
-      const includedProps = new Set(notifyOnChangePropsValue != null ? notifyOnChangePropsValue : this.trackedProps);
-      if (this.options.useErrorBoundary) {
-        includedProps.add("error");
-      }
-      return Object.keys(this.currentResult).some((key) => {
-        const typedKey = key;
-        const changed = this.currentResult[typedKey] !== prevResult[typedKey];
-        return changed && includedProps.has(typedKey);
-      });
-    };
-    if ((notifyOptions == null ? void 0 : notifyOptions.listeners) !== false && shouldNotifyListeners()) {
-      defaultNotifyOptions.listeners = true;
-    }
-    this.notify(__spreadValues(__spreadValues({}, defaultNotifyOptions), notifyOptions));
-  }
-  updateQuery() {
-    const query = this.client.getQueryCache().build(this.client, this.options);
-    if (query === this.currentQuery) {
-      return;
-    }
-    const prevQuery = this.currentQuery;
-    this.currentQuery = query;
-    this.currentQueryInitialState = query.state;
-    this.previousQueryResult = this.currentResult;
-    if (this.hasListeners()) {
-      prevQuery == null ? void 0 : prevQuery.removeObserver(this);
-      query.addObserver(this);
-    }
-  }
-  onQueryUpdate(action) {
-    const notifyOptions = {};
-    if (action.type === "success") {
-      notifyOptions.onSuccess = !action.manual;
-    } else if (action.type === "error" && !isCancelledError(action.error)) {
-      notifyOptions.onError = true;
-    }
-    this.updateResult(notifyOptions);
-    if (this.hasListeners()) {
-      this.updateTimers();
-    }
-  }
-  notify(notifyOptions) {
-    notifyManager.batch(() => {
-      if (notifyOptions.onSuccess) {
-        var _this$options$onSucce, _this$options, _this$options$onSettl, _this$options2;
-        (_this$options$onSucce = (_this$options = this.options).onSuccess) == null ? void 0 : _this$options$onSucce.call(_this$options, this.currentResult.data);
-        (_this$options$onSettl = (_this$options2 = this.options).onSettled) == null ? void 0 : _this$options$onSettl.call(_this$options2, this.currentResult.data, null);
-      } else if (notifyOptions.onError) {
-        var _this$options$onError, _this$options3, _this$options$onSettl2, _this$options4;
-        (_this$options$onError = (_this$options3 = this.options).onError) == null ? void 0 : _this$options$onError.call(_this$options3, this.currentResult.error);
-        (_this$options$onSettl2 = (_this$options4 = this.options).onSettled) == null ? void 0 : _this$options$onSettl2.call(_this$options4, void 0, this.currentResult.error);
-      }
-      if (notifyOptions.listeners) {
-        this.listeners.forEach(({
-          listener
-        }) => {
-          listener(this.currentResult);
-        });
-      }
-      if (notifyOptions.cache) {
-        this.client.getQueryCache().notify({
-          query: this.currentQuery,
-          type: "observerResultsUpdated"
-        });
-      }
-    });
-  }
-};
-function shouldLoadOnMount(query, options) {
-  return options.enabled !== false && !query.state.dataUpdatedAt && !(query.state.status === "error" && options.retryOnMount === false);
-}
-function shouldFetchOnMount(query, options) {
-  return shouldLoadOnMount(query, options) || query.state.dataUpdatedAt > 0 && shouldFetchOn(query, options, options.refetchOnMount);
-}
-function shouldFetchOn(query, options, field) {
-  if (options.enabled !== false) {
-    const value = typeof field === "function" ? field(query) : field;
-    return value === "always" || value !== false && isStale(query, options);
-  }
-  return false;
-}
-function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
-  return options.enabled !== false && (query !== prevQuery || prevOptions.enabled === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options);
-}
-function isStale(query, options) {
-  return query.isStaleByTime(options.staleTime);
-}
-function shouldAssignObserverCurrentProperties(observer, optimisticResult, options) {
-  if (options.keepPreviousData) {
-    return false;
-  }
-  if (options.placeholderData !== void 0) {
-    return optimisticResult.isPlaceholderData;
-  }
-  if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) {
-    return true;
-  }
-  return false;
-}
-
-// ../../node_modules/@tanstack/react-query/build/lib/useSyncExternalStore.mjs
-var import_shim = __toESM(require_shim(), 1);
-var useSyncExternalStore = import_shim.useSyncExternalStore;
-
-// ../../node_modules/@tanstack/react-query/build/lib/QueryClientProvider.mjs
-var React = __toESM(require("react"), 1);
-var defaultContext = /* @__PURE__ */ React.createContext(void 0);
-var QueryClientSharingContext = /* @__PURE__ */ React.createContext(false);
-function getQueryClientContext(context, contextSharing) {
-  if (context) {
-    return context;
-  }
-  if (contextSharing && typeof window !== "undefined") {
-    if (!window.ReactQueryClientContext) {
-      window.ReactQueryClientContext = defaultContext;
-    }
-    return window.ReactQueryClientContext;
-  }
-  return defaultContext;
-}
-var useQueryClient = ({
-  context
-} = {}) => {
-  const queryClient = React.useContext(getQueryClientContext(context, React.useContext(QueryClientSharingContext)));
-  if (!queryClient) {
-    throw new Error("No QueryClient set, use QueryClientProvider to set one");
-  }
-  return queryClient;
-};
-
-// ../../node_modules/@tanstack/react-query/build/lib/isRestoring.mjs
-var React2 = __toESM(require("react"), 1);
-var IsRestoringContext = /* @__PURE__ */ React2.createContext(false);
-var useIsRestoring = () => React2.useContext(IsRestoringContext);
-var IsRestoringProvider = IsRestoringContext.Provider;
-
-// ../../node_modules/@tanstack/react-query/build/lib/QueryErrorResetBoundary.mjs
-var React3 = __toESM(require("react"), 1);
-function createValue() {
-  let isReset = false;
-  return {
-    clearReset: () => {
-      isReset = false;
-    },
-    reset: () => {
-      isReset = true;
-    },
-    isReset: () => {
-      return isReset;
-    }
-  };
-}
-var QueryErrorResetBoundaryContext = /* @__PURE__ */ React3.createContext(createValue());
-var useQueryErrorResetBoundary = () => React3.useContext(QueryErrorResetBoundaryContext);
-
-// ../../node_modules/@tanstack/react-query/build/lib/errorBoundaryUtils.mjs
-var React4 = __toESM(require("react"), 1);
-
-// ../../node_modules/@tanstack/react-query/build/lib/utils.mjs
-function shouldThrowError(_useErrorBoundary, params) {
-  if (typeof _useErrorBoundary === "function") {
-    return _useErrorBoundary(...params);
-  }
-  return !!_useErrorBoundary;
-}
-
-// ../../node_modules/@tanstack/react-query/build/lib/errorBoundaryUtils.mjs
-var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
-  if (options.suspense || options.useErrorBoundary) {
-    if (!errorResetBoundary.isReset()) {
-      options.retryOnMount = false;
-    }
-  }
-};
-var useClearResetErrorBoundary = (errorResetBoundary) => {
-  React4.useEffect(() => {
-    errorResetBoundary.clearReset();
-  }, [errorResetBoundary]);
-};
-var getHasError = ({
-  result,
-  errorResetBoundary,
-  useErrorBoundary,
-  query
-}) => {
-  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && shouldThrowError(useErrorBoundary, [result.error, query]);
-};
-
-// ../../node_modules/@tanstack/react-query/build/lib/suspense.mjs
-var ensureStaleTime = (defaultedOptions) => {
-  if (defaultedOptions.suspense) {
-    if (typeof defaultedOptions.staleTime !== "number") {
-      defaultedOptions.staleTime = 1e3;
-    }
-  }
-};
-var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring;
-var shouldSuspend = (defaultedOptions, result, isRestoring) => (defaultedOptions == null ? void 0 : defaultedOptions.suspense) && willFetch(result, isRestoring);
-var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).then(({
-  data
-}) => {
-  defaultedOptions.onSuccess == null ? void 0 : defaultedOptions.onSuccess(data);
-  defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(data, null);
-}).catch((error) => {
-  errorResetBoundary.clearReset();
-  defaultedOptions.onError == null ? void 0 : defaultedOptions.onError(error);
-  defaultedOptions.onSettled == null ? void 0 : defaultedOptions.onSettled(void 0, error);
-});
-
-// ../../node_modules/@tanstack/react-query/build/lib/useBaseQuery.mjs
-var React5 = __toESM(require("react"), 1);
-function useBaseQuery(options, Observer) {
-  const queryClient = useQueryClient({
-    context: options.context
-  });
-  const isRestoring = useIsRestoring();
-  const errorResetBoundary = useQueryErrorResetBoundary();
-  const defaultedOptions = queryClient.defaultQueryOptions(options);
-  defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
-  if (defaultedOptions.onError) {
-    defaultedOptions.onError = notifyManager.batchCalls(defaultedOptions.onError);
-  }
-  if (defaultedOptions.onSuccess) {
-    defaultedOptions.onSuccess = notifyManager.batchCalls(defaultedOptions.onSuccess);
-  }
-  if (defaultedOptions.onSettled) {
-    defaultedOptions.onSettled = notifyManager.batchCalls(defaultedOptions.onSettled);
-  }
-  ensureStaleTime(defaultedOptions);
-  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);
-  useClearResetErrorBoundary(errorResetBoundary);
-  const [observer] = React5.useState(() => new Observer(queryClient, defaultedOptions));
-  const result = observer.getOptimisticResult(defaultedOptions);
-  useSyncExternalStore(React5.useCallback((onStoreChange) => {
-    const unsubscribe = isRestoring ? () => void 0 : observer.subscribe(notifyManager.batchCalls(onStoreChange));
-    observer.updateResult();
-    return unsubscribe;
-  }, [observer, isRestoring]), () => observer.getCurrentResult(), () => observer.getCurrentResult());
-  React5.useEffect(() => {
-    observer.setOptions(defaultedOptions, {
-      listeners: false
-    });
-  }, [defaultedOptions, observer]);
-  if (shouldSuspend(defaultedOptions, result, isRestoring)) {
-    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);
-  }
-  if (getHasError({
-    result,
-    errorResetBoundary,
-    useErrorBoundary: defaultedOptions.useErrorBoundary,
-    query: observer.getCurrentQuery()
-  })) {
-    throw result.error;
-  }
-  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;
-}
-
-// ../../node_modules/@tanstack/react-query/build/lib/useQuery.mjs
-function useQuery(arg1, arg2, arg3) {
-  const parsedOptions = parseQueryArgs(arg1, arg2, arg3);
-  return useBaseQuery(parsedOptions, QueryObserver);
-}
-
 // src/lib/useUploadCore.tsx
+var import_react_query = require("@tanstack/react-query");
 var import_upload_core2 = __toESM(require("@availity/upload-core"));
 function startUpload2(file, options) {
   return __async(this, null, function* () {
@@ -2007,7 +1015,7 @@ function startUpload2(file, options) {
 }
 function useUploadCore(file, options, queryOptions) {
   const isQueryEnabled = !!file;
-  return useQuery(__spreadValues({
+  return (0, import_react_query.useQuery)(__spreadValues({
     queryKey: ["upload", file.name, options],
     queryFn: () => startUpload2(file, options),
     enabled: isQueryEnabled,
@@ -2152,6 +1160,7 @@ var FileList2 = ({
 // src/lib/FileSelector.tsx
 var import_react5 = require("react");
 var import_react_hook_form4 = require("react-hook-form");
+var import_react_query2 = require("@tanstack/react-query");
 var import_mui_layout7 = require("@availity/mui-layout");
 var import_mui_typography6 = require("@availity/mui-typography");
 var import_mui_alert3 = require("@availity/mui-alert");
@@ -2162,14 +1171,18 @@ var import_jsx_runtime14 = require("react/jsx-runtime");
 var FileTypesMessage = ({
   allowedFileTypes = [],
   customSizeMessage,
+  customTotalSizeMessage,
   customTypesMessage,
   maxFileSize,
+  maxTotalSize,
   variant = "caption"
 }) => {
   const fileSizeMsg = customSizeMessage || (typeof maxFileSize === "number" ? `Maximum file size is ${formatBytes(maxFileSize)}. ` : null);
+  const totalFileSizeMsg = customTotalSizeMessage || (typeof maxTotalSize === "number" ? `Maximum total upload size is ${formatBytes(maxTotalSize)}. ` : null);
   const fileTypesMsg = customTypesMessage || (allowedFileTypes.length > 0 ? `Supported file types include: ${allowedFileTypes.join(", ")}` : "All file types allowed.");
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_typography4.Typography, { variant, children: [
     fileSizeMsg,
+    totalFileSizeMsg,
     fileTypesMsg
   ] });
 };
@@ -2177,12 +1190,14 @@ var FileTypesMessage = ({
 // src/lib/HeaderMessage.tsx
 var import_mui_typography5 = require("@availity/mui-typography");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var HeaderMessage = ({ maxFiles, maxSize }) => {
+var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_mui_typography5.Typography, { variant: "h6", children: [
     "Attach up to ",
     maxFiles,
     " file(s), with a maximum individual size of ",
-    formatBytes(maxSize)
+    formatBytes(maxSize),
+    " ",
+    maxTotalSize && `and a maximum total size of ${formatBytes(maxTotalSize)}`
   ] });
 };
 
@@ -2197,6 +1212,7 @@ var FileSelector = ({
   clientId,
   children,
   customSizeMessage,
+  customTotalSizeMessage,
   customTypesMessage,
   customerId,
   customFileRow,
@@ -2207,6 +1223,7 @@ var FileSelector = ({
   label = "Upload file",
   maxFiles,
   maxSize,
+  maxTotalSize,
   multiple = true,
   onChange,
   onDrop,
@@ -2218,7 +1235,7 @@ var FileSelector = ({
 }) => {
   const [totalSize, setTotalSize] = (0, import_react5.useState)(0);
   const [fileRejections, setFileRejections] = (0, import_react5.useState)([]);
-  const client = useQueryClient();
+  const client = (0, import_react_query2.useQueryClient)();
   const formMethods = (0, import_react_hook_form4.useFormContext)();
   const options = __spreadProps(__spreadValues({}, uploadOptions), {
     bucketId,
@@ -2270,6 +1287,7 @@ var FileSelector = ({
           enableDropArea,
           maxFiles,
           maxSize,
+          maxTotalSize,
           multiple,
           onChange,
           onDrop,
@@ -2283,7 +1301,9 @@ var FileSelector = ({
         {
           allowedFileTypes,
           maxFileSize: maxSize,
+          maxTotalSize,
           customSizeMessage,
+          customTotalSizeMessage,
           customTypesMessage,
           variant: "caption"
         }
@@ -2291,11 +1311,12 @@ var FileSelector = ({
       children
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout7.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
       /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout7.Grid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HeaderMessage, { maxFiles, maxSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           FileTypesMessage,
           {
             allowedFileTypes,
+            customTotalSizeMessage,
             customSizeMessage,
             customTypesMessage,
             variant: "body2"
@@ -2312,6 +1333,7 @@ var FileSelector = ({
           enableDropArea,
           maxFiles,
           maxSize,
+          maxTotalSize,
           multiple,
           onChange,
           onDrop,
@@ -2373,6 +1395,7 @@ var FileSelector2 = ({
   clientId,
   children,
   customSizeMessage,
+  customTotalSizeMessage,
   customTypesMessage,
   customerId,
   customFileRow,
@@ -2383,6 +1406,7 @@ var FileSelector2 = ({
   label = "Upload file",
   maxFiles,
   maxSize,
+  maxTotalSize,
   multiple = true,
   onChange,
   onDrop,
@@ -2443,6 +1467,7 @@ var FileSelector2 = ({
           enableDropArea,
           maxFiles,
           maxSize,
+          maxTotalSize,
           multiple,
           onChange,
           onDrop,
@@ -2457,7 +1482,9 @@ var FileSelector2 = ({
         {
           allowedFileTypes,
           maxFileSize: maxSize,
+          maxTotalSize,
           customSizeMessage,
+          customTotalSizeMessage,
           customTypesMessage,
           variant: "caption"
         }
@@ -2465,12 +1492,13 @@ var FileSelector2 = ({
       children
     ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_mui_layout8.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_mui_layout8.Grid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HeaderMessage, { maxFiles, maxSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
         /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           FileTypesMessage,
           {
             allowedFileTypes,
             customSizeMessage,
+            customTotalSizeMessage,
             customTypesMessage,
             variant: "body2"
           }
@@ -2486,6 +1514,7 @@ var FileSelector2 = ({
           enableDropArea,
           maxFiles,
           maxSize,
+          maxTotalSize,
           multiple,
           onChange,
           onDrop,
@@ -2554,27 +1583,3 @@ var FileSelector2 = ({
   outerBoxStyles,
   useUploadCore
 });
-/*! Bundled license information:
-
-use-sync-external-store/cjs/use-sync-external-store-shim.production.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.production.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-use-sync-external-store/cjs/use-sync-external-store-shim.development.js:
-  (**
-   * @license React
-   * use-sync-external-store-shim.development.js
-   *
-   * Copyright (c) Meta Platforms, Inc. and affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/