@availity/mui-file-selector 1.6.5 → 1.7.0

package/dist/index.js

@@ -34,6 +34,9 @@ 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 });
@@ -76,19 +79,157 @@ 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, {
+  CLOUD_URL: () => CLOUD_URL,
   Dropzone: () => Dropzone,
+  Dropzone2: () => Dropzone2,
+  DropzoneContainer: () => DropzoneContainer,
   ErrorAlert: () => ErrorAlert,
   FileList: () => FileList,
+  FileList2: () => FileList2,
   FilePickerBtn: () => FilePickerBtn,
   FileRow: () => FileRow,
+  FileRow2: () => FileRow2,
   FileSelector: () => FileSelector,
+  FileSelector2: () => FileSelector2,
   FileTypesMessage: () => FileTypesMessage,
   HeaderMessage: () => HeaderMessage,
   UploadProgressBar: () => UploadProgressBar,
+  createCounter: () => createCounter,
   formatFileTooLarge: () => formatFileTooLarge,
+  innerBoxStyles: () => innerBoxStyles,
+  outerBoxStyles: () => outerBoxStyles,
   useUploadCore: () => useUploadCore
 });
 module.exports = __toCommonJS(index_exports);
@@ -340,9 +481,15 @@ var Dropzone = ({
   );
 };
 
-// src/lib/ErrorAlert.tsx
-var import_mui_alert = require("@availity/mui-alert");
-var import_mui_list = require("@availity/mui-list");
+// src/lib/Dropzone2.tsx
+var import_react2 = require("react");
+var import_react_dropzone2 = require("react-dropzone");
+var import_react_hook_form3 = require("react-hook-form");
+var import_mui_divider2 = require("@availity/mui-divider");
+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");
@@ -375,15 +522,196 @@ var FILE_EXT_ICONS = {
   pdf: import_mui_icon2.FilePdfIcon
 };
 var isValidKey = (key) => key ? key in FILE_EXT_ICONS : false;
-var getFileExtIcon = (fileName) => {
+var getFileExtension = (fileName) => {
   var _a;
-  const ext = ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
-  const icon = isValidKey(ext) ? FILE_EXT_ICONS[ext] : import_mui_icon2.FileIcon;
-  return icon;
+  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/ErrorAlert.tsx
+// src/lib/Dropzone2.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var counter2 = createCounter();
+function startUpload(file, options) {
+  return __async(this, null, function* () {
+    const _a = options, { onSuccess, onError, onProgress, onChunkComplete } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress", "onChunkComplete"]);
+    const upload = new import_upload_core.default(file, uploadOptions);
+    yield upload.generateId();
+    if (onSuccess) upload.onSuccess.push(onSuccess);
+    if (onError) upload.onError.push(onError);
+    if (onProgress) upload.onProgress.push(onProgress);
+    if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
+    upload.start();
+    return upload;
+  });
+}
+var Dropzone2 = ({
+  allowedFileTypes = [],
+  disabled,
+  enableDropArea = true,
+  maxFiles,
+  maxSize,
+  multiple,
+  name,
+  onChange,
+  onClick,
+  onDrop,
+  setFileRejections,
+  setTotalSize,
+  uploadOptions,
+  validator
+}) => {
+  const { getValues, setValue, watch } = (0, import_react_hook_form3.useFormContext)();
+  const accept = allowedFileTypes.join(",");
+  const handleValidation = (0, import_react2.useCallback)(
+    (file) => {
+      var _a2;
+      const previous = (_a2 = watch(name)) != null ? _a2 : [];
+      const errors = [];
+      const isDuplicate = previous.some((prev) => prev.file.name === file.name);
+      if (isDuplicate) {
+        errors.push({
+          code: "duplicate-name",
+          message: "A file with this name already exists"
+        });
+      }
+      const hasMaxFiles = maxFiles && previous.length >= maxFiles;
+      if (hasMaxFiles) {
+        errors.push({
+          code: "too-many-files",
+          message: `Too many files. You may only upload ${maxFiles} file(s).`
+        });
+      }
+      if (validator) {
+        const validatorErrors = validator(file);
+        if (validatorErrors) {
+          if (Array.isArray(validatorErrors)) {
+            errors.push(...validatorErrors);
+          } else {
+            errors.push(validatorErrors);
+          }
+        }
+      }
+      return errors.length > 0 ? dedupeErrors(errors) : null;
+    },
+    [maxFiles, validator]
+  );
+  const handleOnDrop = (0, import_react2.useCallback)(
+    (acceptedFiles, fileRejections, event) => __async(void 0, null, function* () {
+      var _a2;
+      let newSize = 0;
+      for (const file of acceptedFiles) {
+        newSize += file.size;
+      }
+      setTotalSize((prev) => prev + newSize);
+      const previous = (_a2 = watch(name)) != null ? _a2 : [];
+      const uploads = acceptedFiles.map((file) => startUpload(file, uploadOptions));
+      setValue(name, previous.concat(yield Promise.all(uploads)));
+      if (fileRejections.length > 0) {
+        const TOO_MANY_FILES_CODE = "too-many-files";
+        let hasTooManyFiles = false;
+        fileRejections = fileRejections.reduce(
+          (acc, rejection) => {
+            const isTooManyFiles = rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE);
+            if (isTooManyFiles) {
+              if (!hasTooManyFiles) {
+                hasTooManyFiles = true;
+                acc.push(__spreadProps(__spreadValues({}, rejection), {
+                  id: counter2.increment()
+                }));
+              }
+            } else {
+              acc.push(__spreadProps(__spreadValues({}, rejection), {
+                id: counter2.increment()
+              }));
+            }
+            return acc;
+          },
+          []
+        );
+      }
+      if (setFileRejections) setFileRejections(fileRejections);
+      if (onDrop) onDrop(acceptedFiles, fileRejections, event);
+    }),
+    [setFileRejections]
+  );
+  const { getRootProps, getInputProps } = (0, import_react_dropzone2.useDropzone)({
+    onDrop: handleOnDrop,
+    maxSize,
+    maxFiles,
+    disabled,
+    multiple,
+    accept,
+    validator: handleValidation
+  });
+  const inputProps = getInputProps({
+    multiple,
+    accept,
+    onChange
+  });
+  const _a = getRootProps(), { role, tabIndex } = _a, rootProps = __objRest(_a, ["role", "tabIndex"]);
+  const handleOnChange = (event) => {
+    if (inputProps.onChange) {
+      inputProps.onChange(event);
+    }
+  };
+  const handleOnClick = (event) => {
+    if (!enableDropArea && rootProps.onClick) rootProps.onClick(event);
+    if (onClick) onClick;
+  };
+  const getFieldValue = () => {
+    const field = getValues();
+    return field[name] || [];
+  };
+  const hasFiles = getFieldValue().length > 0;
+  return enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropzoneContainer, __spreadProps(__spreadValues({ sx: outerBoxStyles }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_layout2.Box, { sx: innerBoxStyles, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_layout2.Stack, { spacing: 2, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_icon3.CloudUploadIcon, { fontSize: "xlarge", color: "secondary" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_typography2.Typography, { variant: "subtitle2", fontWeight: "700", children: "Drag and Drop Files Here" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_divider2.Divider, { flexItem: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_typography2.Typography, { variant: "subtitle2", children: "OR" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      FilePickerBtn,
+      {
+        name,
+        color: "primary",
+        disabled,
+        maxSize,
+        onClick,
+        inputProps,
+        onChange: handleOnChange,
+        children: "Browse Files"
+      }
+    )
+  ] }) }) }) })) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    FilePickerBtn,
+    {
+      name,
+      color: "tertiary",
+      disabled,
+      maxSize,
+      onClick: handleOnClick,
+      inputProps,
+      onChange: handleOnChange,
+      startIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_icon3.PlusIcon, {}),
+      children: hasFiles ? "Add More Files" : "Add File(s)"
+    }
+  );
+};
+
+// src/lib/ErrorAlert.tsx
+var import_mui_alert = require("@availity/mui-alert");
+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",
   "file-invalid-type": "File has an invalid type",
@@ -400,14 +728,14 @@ var formatFileTooLarge = (message) => {
 };
 var ErrorAlert = ({ errors, fileName, id, onClose }) => {
   if (errors.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_alert.Alert, { severity: "error", onClose, children: errors.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_mui_alert.AlertTitle, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_alert.Alert, { severity: "error", onClose, children: errors.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_alert.AlertTitle, { children: [
       "There were ",
       errors.length,
       " error(s) found when uploading ",
       fileName
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       import_mui_list.List,
       {
         sx: {
@@ -419,14 +747,14 @@ var ErrorAlert = ({ errors, fileName, id, onClose }) => {
           }
         },
         disablePadding: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: errors.map((error) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: errors.map((error) => {
           const message = error.code === "file-too-large" ? formatFileTooLarge(error.message) : error.message;
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_list.ListItem, { disableGutters: true, disablePadding: true, divider: false, children: message }, `${id}-${error.code}`);
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_list.ListItem, { disableGutters: true, disablePadding: true, divider: false, children: message }, `${id}-${error.code}`);
         }) })
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_mui_alert.AlertTitle, { children: [
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_alert.AlertTitle, { children: [
       codes[errors[0].code] || "Error",
       ": ",
       fileName
@@ -438,21 +766,21 @@ var ErrorAlert = ({ errors, fileName, id, onClose }) => {
 // src/lib/FileList.tsx
 var import_mui_list3 = require("@availity/mui-list");
 var import_mui_button4 = require("@availity/mui-button");
-var import_mui_icon5 = require("@availity/mui-icon");
-var import_mui_layout4 = require("@availity/mui-layout");
-var import_mui_divider2 = require("@availity/mui-divider");
+var import_mui_icon6 = require("@availity/mui-icon");
+var import_mui_layout5 = require("@availity/mui-layout");
+var import_mui_divider3 = require("@availity/mui-divider");
 
 // src/lib/UploadProgressBar.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_mui_button3 = require("@availity/mui-button");
 
 // ../dialog/src/lib/Dialog.tsx
 var import_Dialog = __toESM(require("@mui/material/Dialog"));
 var import_styles2 = require("@mui/material/styles");
 var import_mui_button2 = require("@availity/mui-button");
-var import_mui_icon3 = require("@availity/mui-icon");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var CloseButton = (args) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_button2.IconButton, __spreadProps(__spreadValues({ title: "Close Dialog", color: "secondary" }, args), { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_icon3.CloseIcon, { fontSize: "xsmall" }) }));
+var import_mui_icon4 = require("@availity/mui-icon");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CloseButton = (args) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_button2.IconButton, __spreadProps(__spreadValues({ title: "Close Dialog", color: "secondary" }, args), { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_mui_icon4.CloseIcon, { fontSize: "xsmall" }) }));
 var CloseButtonSlot = (0, import_styles2.styled)(CloseButton, {
   name: "MuiDialog",
   slot: "AvCloseButton",
@@ -467,37 +795,37 @@ var CloseButtonSlot = (0, import_styles2.styled)(CloseButton, {
 });
 var Dialog = (_a) => {
   var _b = _a, { children, closeButton = true, onClose } = _b, rest = __objRest(_b, ["children", "closeButton", "onClose"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_Dialog.default, __spreadProps(__spreadValues({ onClose }, rest), { children: [
-    closeButton ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButtonSlot, { onClick: onClose }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_Dialog.default, __spreadProps(__spreadValues({ onClose }, rest), { children: [
+    closeButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseButtonSlot, { onClick: onClose }) : null,
     children
   ] }));
 };
 
 // ../dialog/src/lib/DialogActions.tsx
 var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var DialogActions = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_DialogActions.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogActions.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // ../dialog/src/lib/DialogContent.tsx
 var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var DialogContent = (_a) => {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_DialogContent.default, __spreadProps(__spreadValues({}, rest), { children }));
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_DialogContent.default, __spreadProps(__spreadValues({}, rest), { children }));
 };
 
 // ../dialog/src/lib/DialogContentText.tsx
 var import_DialogContentText = __toESM(require("@mui/material/DialogContentText"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // ../dialog/src/lib/DialogTitle.tsx
 var import_DialogTitle = __toESM(require("@mui/material/DialogTitle"));
 var import_mui_alert2 = require("@availity/mui-alert");
 var import_styles3 = require("@mui/material/styles");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var AlertIcon = (0, import_styles3.styled)("div", {
   name: "MuiDialogTitle",
   slot: "AvIcon",
@@ -510,26 +838,26 @@ var AlertIcon = (0, import_styles3.styled)("div", {
 });
 var DialogTitle = (_a) => {
   var _b = _a, { children, component = "h2", icon, variant = "h5" } = _b, rest = __objRest(_b, ["children", "component", "icon", "variant"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_DialogTitle.default, __spreadProps(__spreadValues({ component, variant }, rest), { children: [
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertIcon, { children: import_mui_alert2.AlertIcons[icon] }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_DialogTitle.default, __spreadProps(__spreadValues({ component, variant }, rest), { children: [
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertIcon, { children: import_mui_alert2.AlertIcons[icon] }) : null,
     children
   ] }));
 };
 
 // src/lib/UploadProgressBar.tsx
 var import_mui_form_utils3 = require("@availity/mui-form-utils");
-var import_mui_icon4 = require("@availity/mui-icon");
-var import_mui_layout3 = require("@availity/mui-layout");
+var import_mui_icon5 = require("@availity/mui-icon");
+var import_mui_layout4 = require("@availity/mui-layout");
 var import_mui_list2 = require("@availity/mui-list");
 var import_mui_progress = require("@availity/mui-progress");
 
 // ../textfield/src/lib/TextField.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_TextField = __toESM(require("@mui/material/TextField"));
 var import_mui_form_utils2 = require("@availity/mui-form-utils");
-var import_mui_layout2 = require("@availity/mui-layout");
-var import_mui_typography2 = require("@availity/mui-typography");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_mui_layout3 = require("@availity/mui-layout");
+var import_mui_typography3 = require("@availity/mui-typography");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var TextFieldFormHelperText = (_a) => {
   var _b = _a, {
     charCount,
@@ -543,19 +871,19 @@ var TextFieldFormHelperText = (_a) => {
     "showCharacterCount"
   ]);
   if (showCharacterCount) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_mui_layout2.Grid, { container: true, justifyContent: "space-between", flexWrap: "nowrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { sx: { marginRight: "12px" }, children: helperText })),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_mui_typography2.Typography, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_typography2.Typography, { component: "span", variant: "inherit", color: charCount > maxLength ? "error" : "textPrimary", children: charCount || 0 }),
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_layout3.Grid, { container: true, justifyContent: "space-between", flexWrap: "nowrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { sx: { marginRight: "12px" }, children: helperText })),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_typography3.Typography, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_typography3.Typography, { component: "span", variant: "inherit", color: charCount > maxLength ? "error" : "textPrimary", children: charCount || 0 }),
         "/",
         maxLength
       ] })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { children: helperText }));
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.FormHelperText, __spreadProps(__spreadValues({}, FormHelperTextProps2), { children: helperText }));
 };
-var TextField = (0, import_react2.forwardRef)((props, ref) => {
-  var _b, _c, _d, _e, _f, _g, _h;
+var TextField = (0, import_react3.forwardRef)((props, ref) => {
+  var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const _a = props, {
     InputProps: InputProps2,
     helpTopicId,
@@ -579,40 +907,42 @@ var TextField = (0, import_react2.forwardRef)((props, ref) => {
     "showCharacterCount",
     "displayOverflowMaxLength"
   ]);
-  const [openDetected, setOpenDetected] = (0, import_react2.useState)(false);
-  const [charCount, setCharCount] = (0, import_react2.useState)(0);
+  const [openDetected, setOpenDetected] = (0, import_react3.useState)(false);
+  const [charCount, setCharCount] = (0, import_react3.useState)(0);
   const maxLength = (inputProps == null ? void 0 : inputProps.maxLength) || ((_c = (_b = rest.slotProps) == null ? void 0 : _b.htmlInput) == null ? void 0 : _c.maxLength);
+  const allReadOnly = (InputProps2 == null ? void 0 : InputProps2.readOnly) || (inputProps == null ? void 0 : inputProps.readOnly) || ((_e = (_d = rest.slotProps) == null ? void 0 : _d.htmlInput) == null ? void 0 : _e.readOnly) || ((_g = (_f = rest.slotProps) == null ? void 0 : _f.input) == null ? void 0 : _g.readOnly);
   const resolvedProps = (props2) => !props2 || Object.keys(props2).length === 0 ? void 0 : props2;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_TextField.default,
     __spreadProps(__spreadValues({}, rest), {
       onChange: (event) => {
         setCharCount(event.target.value.length);
         if (rest.onChange) rest.onChange(event);
       },
-      helperText: helperText || /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}),
+      helperText: helperText || /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, {}),
       slots: { formHelperText: TextFieldFormHelperText },
       slotProps: {
-        input: resolvedProps(__spreadValues(__spreadValues(__spreadValues({}, InputProps2), import_mui_form_utils2.InputPropOverrides), (_d = rest.slotProps) == null ? void 0 : _d.input)),
+        input: resolvedProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, InputProps2), import_mui_form_utils2.InputPropOverrides), (_h = rest.slotProps) == null ? void 0 : _h.input), {
+          readOnly: allReadOnly
+        })),
         htmlInput: resolvedProps(__spreadProps(__spreadValues(__spreadValues({
           "aria-required": required
-        }, inputProps), (_e = rest.slotProps) == null ? void 0 : _e.htmlInput), {
+        }, inputProps), (_i = rest.slotProps) == null ? void 0 : _i.htmlInput), {
           maxLength: !displayOverflowMaxLength ? maxLength : void 0
         })),
-        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, SelectProps2), import_mui_form_utils2.SelectPropOverrides), (0, import_mui_form_utils2.SelectAccessibilityOverrides)(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_f = rest.slotProps) == null ? void 0 : _f.select)),
+        select: resolvedProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, SelectProps2), import_mui_form_utils2.SelectPropOverrides), (0, import_mui_form_utils2.SelectAccessibilityOverrides)(openDetected, setOpenDetected, SelectProps2 == null ? void 0 : SelectProps2.open)), (_j = rest.slotProps) == null ? void 0 : _j.select)),
         inputLabel: resolvedProps(__spreadValues(__spreadValues({
           component: import_mui_form_utils2.FormLabel,
           helpTopicId,
           required,
           shrink: true
-        }, InputLabelProps), (_g = rest.slotProps) == null ? void 0 : _g.inputLabel)),
+        }, InputLabelProps), (_k = rest.slotProps) == null ? void 0 : _k.inputLabel)),
         formHelperText: resolvedProps(__spreadProps(__spreadValues(__spreadValues({
           component: "div"
-        }, FormHelperTextProps2), (_h = rest.slotProps) == null ? void 0 : _h.formHelperText), {
+        }, FormHelperTextProps2), (_l = rest.slotProps) == null ? void 0 : _l.formHelperText), {
           charCount,
           helperText,
           maxLength,
-          displayOverflowMaxLength,
           showCharacterCount
         }))
       },
@@ -622,7 +952,7 @@ var TextField = (0, import_react2.forwardRef)((props, ref) => {
 });
 
 // src/lib/UploadProgressBar.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var ERROR_MAPPINGS = [
   {
     pattern: /but has an extension for/i,
@@ -634,13 +964,13 @@ var friendlyErrorMessage = (errorMessage) => {
   return mapping ? mapping.friendlyMessage : errorMessage;
 };
 var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
-  const [statePercentage, setStatePercentage] = (0, import_react3.useState)(upload.percentage || 0);
-  const [errorMessage, setErrorMessage] = (0, import_react3.useState)(
+  const [statePercentage, setStatePercentage] = (0, import_react4.useState)(upload.percentage || 0);
+  const [errorMessage, setErrorMessage] = (0, import_react4.useState)(
     upload.errorMessage ? friendlyErrorMessage(upload.errorMessage) : ""
   );
-  const [password, setPassword] = (0, import_react3.useState)("");
-  const [showPassword, setShowPassword] = (0, import_react3.useState)(false);
-  const [modalOpen, setModalOpen] = (0, import_react3.useState)(false);
+  const [password, setPassword] = (0, import_react4.useState)("");
+  const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
+  const [modalOpen, setModalOpen] = (0, import_react4.useState)(false);
   const handleOnProgress = () => {
     setStatePercentage(upload.percentage);
     setErrorMessage("");
@@ -671,24 +1001,24 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
   upload.onProgress.push(handleOnProgress);
   upload.onSuccess.push(handleOnSuccess);
   upload.onError.push(handleOnError);
-  return errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_layout3.Box, { sx: { display: "flex", flexWrap: "wrap", columnGap: "4px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_mui_layout4.Box, { sx: { display: "flex", flexWrap: "wrap", columnGap: "4px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       import_mui_list2.ListItemText,
       {
         slotProps: { primary: { color: "text.error", variant: "body2", component: "div" } },
         sx: { wordWrap: "break-word" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon4.WarningTriangleIcon, { sx: { verticalAlign: "middle", mt: "-2px" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon5.WarningTriangleIcon, { sx: { verticalAlign: "middle", mt: "-2px" } }),
           " ",
           errorMessage
         ]
       }
     ),
-    upload.status === "encrypted" && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pwRequired", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_button3.Button, { color: "secondary", size: "small", onClick: toggleModal, children: "Enter Password" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog, { open: modalOpen, onClose: toggleModal, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: verifyPassword, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogTitle, { children: "Enter Password" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    upload.status === "encrypted" && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pwRequired", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_button3.Button, { color: "secondary", size: "small", onClick: toggleModal, children: "Enter Password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Dialog, { open: modalOpen, onClose: toggleModal, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: verifyPassword, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogTitle, { children: "Enter Password" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           TextField,
           {
             type: showPassword ? "text" : "password",
@@ -697,45 +1027,989 @@ var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
             onChange: handlePasswordChange,
             autoFocus: true,
             InputProps: {
-              endAdornment: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              endAdornment: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_form_utils3.InputAdornment, { position: "end", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 import_mui_button3.IconButton,
                 {
                   title: "password visibility",
                   onClick: () => setShowPassword((prev) => !prev),
                   edge: "end",
-                  children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon4.EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon4.EyeSlashIcon, { fontSize: "small" })
+                  children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon5.EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon5.EyeSlashIcon, { fontSize: "small" })
                 }
               ) })
             }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_button3.Button, { color: "primary", type: "submit", children: "Ok" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogActions, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_button3.Button, { color: "primary", type: "submit", children: "Ok" }) })
       ] }) })
     ] })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_progress.LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_progress.LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
 };
 
-// src/lib/useUploadCore.tsx
-var import_react_query = require("@tanstack/react-query");
-var import_upload_core = __toESM(require("@availity/upload-core"));
-function startUpload(file, options) {
-  return __async(this, null, function* () {
-    const _a = options, { onSuccess, onError, onProgress, onChunkComplete } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress", "onChunkComplete"]);
-    const upload = new import_upload_core.default(file, uploadOptions);
-    yield upload.generateId();
-    if (onSuccess) upload.onSuccess.push(onSuccess);
-    if (onError) upload.onError.push(onError);
-    if (onProgress) upload.onProgress.push(onProgress);
-    if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
-    upload.start();
-    return upload;
-  });
+// ../../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 useUploadCore(file, options, queryOptions) {
-  const isQueryEnabled = !!file;
-  return (0, import_react_query.useQuery)(__spreadValues({
-    queryKey: ["upload", file.name, options],
-    queryFn: () => startUpload(file, options),
+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_upload_core2 = __toESM(require("@availity/upload-core"));
+function startUpload2(file, options) {
+  return __async(this, null, function* () {
+    const _a = options, { onSuccess, onError, onProgress, onChunkComplete } = _a, uploadOptions = __objRest(_a, ["onSuccess", "onError", "onProgress", "onChunkComplete"]);
+    const upload = new import_upload_core2.default(file, uploadOptions);
+    yield upload.generateId();
+    if (onSuccess) upload.onSuccess.push(onSuccess);
+    if (onError) upload.onError.push(onError);
+    if (onProgress) upload.onProgress.push(onProgress);
+    if (onChunkComplete) upload.onChunkComplete.push(onChunkComplete);
+    upload.start();
+    return upload;
+  });
+}
+function useUploadCore(file, options, queryOptions) {
+  const isQueryEnabled = !!file;
+  return useQuery(__spreadValues({
+    queryKey: ["upload", file.name, options],
+    queryFn: () => startUpload2(file, options),
     enabled: isQueryEnabled,
     retry: false,
     refetchOnWindowFocus: false
@@ -743,7 +2017,7 @@ function useUploadCore(file, options, queryOptions) {
 }
 
 // src/lib/FileList.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var FileRow = ({
   file,
   options,
@@ -755,12 +2029,12 @@ var FileRow = ({
   const Icon = getFileExtIcon(file.name);
   const { data: upload } = useUploadCore(file, options, queryOptions);
   if (!upload) return null;
-  if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CustomRow, { upload, options, onRemoveFile });
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomRow, { upload, options, onRemoveFile });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     import_mui_list3.ListItem,
     {
       disableGutters: true,
-      secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         import_mui_button4.IconButton,
         {
           title: "remove file",
@@ -768,17 +2042,17 @@ var FileRow = ({
           onClick: () => {
             onRemoveFile(upload.id, upload);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon5.DeleteIcon, {})
+          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_icon6.DeleteIcon, {})
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_mui_layout4.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout4.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout4.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout4.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout4.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UploadProgressBar, { upload }) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_mui_layout5.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout5.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list3.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout5.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list3.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout5.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list3.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout5.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UploadProgressBar, { upload }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_divider2.Divider, {})
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_divider3.Divider, {})
       ]
     }
   );
@@ -792,8 +2066,8 @@ var FileList = ({
   disableRemove
 }) => {
   if (files.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_list3.List, { children: files.map((file) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list3.List, { children: files.map((file) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       FileRow,
       {
         file,
@@ -808,17 +2082,83 @@ var FileList = ({
   }) });
 };
 
+// src/lib/FileList2.tsx
+var import_mui_list4 = require("@availity/mui-list");
+var import_mui_button5 = require("@availity/mui-button");
+var import_mui_icon7 = require("@availity/mui-icon");
+var import_mui_layout6 = require("@availity/mui-layout");
+var import_mui_divider4 = require("@availity/mui-divider");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var FileRow2 = ({
+  upload,
+  options,
+  onRemoveFile,
+  customFileRow: CustomRow,
+  disableRemove = false
+}) => {
+  const Icon = getFileExtIcon(upload.file.name);
+  if (!upload) return null;
+  if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomRow, { upload, options, onRemoveFile });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    import_mui_list4.ListItem,
+    {
+      disableGutters: true,
+      secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_mui_button5.IconButton,
+        {
+          title: "remove file",
+          edge: "end",
+          onClick: () => {
+            onRemoveFile(upload.id, upload);
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_icon7.DeleteIcon, {})
+        }
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_mui_layout6.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_layout6.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_list4.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, {}) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_layout6.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_list4.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_layout6.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_list4.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_layout6.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UploadProgressBar, { upload }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_divider4.Divider, {})
+      ]
+    }
+  );
+};
+var FileList2 = ({
+  uploads,
+  options,
+  onRemoveFile,
+  customFileRow,
+  disableRemove
+}) => {
+  if (uploads.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_mui_list4.List, { children: uploads.map((upload) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      FileRow2,
+      {
+        upload,
+        options,
+        onRemoveFile,
+        customFileRow,
+        disableRemove
+      },
+      upload.id
+    );
+  }) });
+};
+
 // src/lib/FileSelector.tsx
-var import_react4 = require("react");
-var import_react_hook_form3 = require("react-hook-form");
-var import_react_query2 = require("@tanstack/react-query");
-var import_mui_layout5 = require("@availity/mui-layout");
-var import_mui_typography5 = require("@availity/mui-typography");
+var import_react5 = require("react");
+var import_react_hook_form4 = require("react-hook-form");
+var import_mui_layout7 = require("@availity/mui-layout");
+var import_mui_typography6 = require("@availity/mui-typography");
 var import_mui_alert3 = require("@availity/mui-alert");
 
 // src/lib/FileTypesMessage.tsx
-var import_mui_typography3 = require("@availity/mui-typography");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_mui_typography4 = require("@availity/mui-typography");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var FileTypesMessage = ({
   allowedFileTypes = [],
   customSizeMessage,
@@ -828,17 +2168,17 @@ var FileTypesMessage = ({
 }) => {
   const fileSizeMsg = customSizeMessage || (typeof maxFileSize === "number" ? `Maximum file size is ${formatBytes(maxFileSize)}. ` : null);
   const fileTypesMsg = customTypesMessage || (allowedFileTypes.length > 0 ? `Supported file types include: ${allowedFileTypes.join(", ")}` : "All file types allowed.");
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_mui_typography3.Typography, { variant, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_typography4.Typography, { variant, children: [
     fileSizeMsg,
     fileTypesMsg
   ] });
 };
 
 // src/lib/HeaderMessage.tsx
-var import_mui_typography4 = require("@availity/mui-typography");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_mui_typography5 = require("@availity/mui-typography");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var HeaderMessage = ({ maxFiles, maxSize }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_mui_typography4.Typography, { variant: "h6", children: [
+  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 ",
@@ -847,7 +2187,7 @@ var HeaderMessage = ({ maxFiles, maxSize }) => {
 };
 
 // src/lib/FileSelector.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var CLOUD_URL = "/cloud/web/appl/vault/upload/v1/resumable";
 var FileSelector = ({
   name,
@@ -876,10 +2216,10 @@ var FileSelector = ({
   validator,
   disableRemove
 }) => {
-  const [totalSize, setTotalSize] = (0, import_react4.useState)(0);
-  const [fileRejections, setFileRejections] = (0, import_react4.useState)([]);
-  const client = (0, import_react_query2.useQueryClient)();
-  const formMethods = (0, import_react_hook_form3.useFormContext)();
+  const [totalSize, setTotalSize] = (0, import_react5.useState)(0);
+  const [fileRejections, setFileRejections] = (0, import_react5.useState)([]);
+  const client = useQueryClient();
+  const formMethods = (0, import_react_hook_form4.useFormContext)();
   const options = __spreadProps(__spreadValues({}, uploadOptions), {
     bucketId,
     customerId,
@@ -918,10 +2258,10 @@ var FileSelector = ({
   const otherRejections = fileRejections.filter(
     (rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-    enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_mui_typography5.Typography, { marginBottom: "4px", children: label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_typography6.Typography, { marginBottom: "4px", children: label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Dropzone,
         {
           name,
@@ -938,7 +2278,7 @@ var FileSelector = ({
           validator
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         FileTypesMessage,
         {
           allowedFileTypes,
@@ -949,10 +2289,10 @@ var FileSelector = ({
         }
       ),
       children
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_layout5.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_layout5.Grid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HeaderMessage, { maxFiles, maxSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    ] }) : /* @__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)(
           FileTypesMessage,
           {
             allowedFileTypes,
@@ -962,8 +2302,8 @@ var FileSelector = ({
           }
         )
       ] }),
-      children ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_mui_layout5.Grid, { children }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_mui_layout5.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout7.Grid, { children }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout7.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Dropzone,
         {
           name,
@@ -981,20 +2321,20 @@ var FileSelector = ({
         }
       ) })
     ] }),
-    tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       import_mui_alert3.Alert,
       {
         severity: "error",
         onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_mui_alert3.AlertTitle, { children: "Items not allowed." }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_alert3.AlertTitle, { children: "Items not allowed." }),
           "Too many files are selected for upload, maximum ",
           maxFiles,
           " allowed."
         ]
       }
     ),
-    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       ErrorAlert,
       {
         errors: rejection.errors,
@@ -1004,7 +2344,7 @@ var FileSelector = ({
       },
       rejection.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FileList,
       {
         files: files || [],
@@ -1017,17 +2357,224 @@ var FileSelector = ({
     )
   ] });
 };
+
+// src/lib/FileSelector2.tsx
+var import_react6 = require("react");
+var import_react_hook_form5 = require("react-hook-form");
+var import_mui_layout8 = require("@availity/mui-layout");
+var import_mui_typography7 = require("@availity/mui-typography");
+var import_mui_alert4 = require("@availity/mui-alert");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var FileSelector2 = ({
+  name,
+  allowedFileNameCharacters,
+  allowedFileTypes = [],
+  bucketId,
+  clientId,
+  children,
+  customSizeMessage,
+  customTypesMessage,
+  customerId,
+  customFileRow,
+  disabled = false,
+  enableDropArea = true,
+  endpoint,
+  isCloud,
+  label = "Upload file",
+  maxFiles,
+  maxSize,
+  multiple = true,
+  onChange,
+  onDrop,
+  onUploadRemove,
+  uploadOptions,
+  validator,
+  disableRemove
+}) => {
+  const [totalSize, setTotalSize] = (0, import_react6.useState)(0);
+  const [fileRejections, setFileRejections] = (0, import_react6.useState)([]);
+  const formMethods = (0, import_react_hook_form5.useFormContext)();
+  const options = __spreadProps(__spreadValues({}, uploadOptions), {
+    bucketId,
+    customerId,
+    clientId,
+    fileTypes: allowedFileTypes,
+    maxSize,
+    allowedFileNameCharacters
+  });
+  if (endpoint) options.endpoint = endpoint;
+  if (isCloud) options.endpoint = CLOUD_URL;
+  const handleOnRemoveFile = (uploadId, upload) => {
+    const prevFiles = formMethods.getValues(name);
+    const newFiles = prevFiles.filter((prev) => prev.file.name !== upload.file.name);
+    if (newFiles.length !== prevFiles.length) {
+      const removedFile = prevFiles.find((prev) => prev.file.name === upload.file.name);
+      try {
+        upload.abort();
+      } catch (e) {
+        console.error("Encountered an issue stopping the file upload");
+      }
+      formMethods.setValue(name, newFiles);
+      if (removedFile == null ? void 0 : removedFile.file.size) setTotalSize(totalSize - removedFile.file.size);
+      if (onUploadRemove) onUploadRemove(newFiles, uploadId);
+    }
+  };
+  const uploads = formMethods.watch(name) || [];
+  const handleRemoveRejection = (id) => {
+    const rejections = fileRejections.filter((value) => value.id !== id);
+    setFileRejections(rejections);
+  };
+  const TOO_MANY_FILES_CODE = "too-many-files";
+  const tooManyFilesRejections = fileRejections.filter(
+    (rejection) => rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
+  );
+  const otherRejections = fileRejections.filter(
+    (rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      label ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_typography7.Typography, { marginBottom: "4px", children: label }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Dropzone2,
+        {
+          name,
+          allowedFileTypes,
+          disabled,
+          enableDropArea,
+          maxFiles,
+          maxSize,
+          multiple,
+          onChange,
+          onDrop,
+          setFileRejections,
+          setTotalSize,
+          uploadOptions: options,
+          validator
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        FileTypesMessage,
+        {
+          allowedFileTypes,
+          maxFileSize: maxSize,
+          customSizeMessage,
+          customTypesMessage,
+          variant: "caption"
+        }
+      ),
+      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)(
+          FileTypesMessage,
+          {
+            allowedFileTypes,
+            customSizeMessage,
+            customTypesMessage,
+            variant: "body2"
+          }
+        )
+      ] }),
+      children ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_layout8.Grid, { children }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_layout8.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Dropzone2,
+        {
+          name,
+          allowedFileTypes,
+          disabled,
+          enableDropArea,
+          maxFiles,
+          maxSize,
+          multiple,
+          onChange,
+          onDrop,
+          setFileRejections,
+          setTotalSize,
+          uploadOptions: options,
+          validator
+        }
+      ) })
+    ] }),
+    tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      import_mui_alert4.Alert,
+      {
+        severity: "error",
+        onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_mui_alert4.AlertTitle, { children: "Items not allowed." }),
+          "Too many files are selected for upload, maximum ",
+          maxFiles,
+          " allowed."
+        ]
+      }
+    ),
+    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      ErrorAlert,
+      {
+        errors: rejection.errors,
+        fileName: rejection.file.name,
+        id: rejection.id,
+        onClose: () => handleRemoveRejection(rejection.id)
+      },
+      rejection.id
+    )),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      FileList2,
+      {
+        uploads: uploads || [],
+        options,
+        onRemoveFile: handleOnRemoveFile,
+        customFileRow,
+        disableRemove
+      }
+    )
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CLOUD_URL,
   Dropzone,
+  Dropzone2,
+  DropzoneContainer,
   ErrorAlert,
   FileList,
+  FileList2,
   FilePickerBtn,
   FileRow,
+  FileRow2,
   FileSelector,
+  FileSelector2,
   FileTypesMessage,
   HeaderMessage,
   UploadProgressBar,
+  createCounter,
   formatFileTooLarge,
+  innerBoxStyles,
+  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.
+   *)
+*/