@availity/mui-file-selector 2.0.6 → 3.0.0

package/dist/index.js

@@ -1,152 +1,40 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// 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);
-
 // src/lib/Dropzone.tsx
-var import_react = require("react");
-var import_styles = require("@mui/material/styles");
-var import_react_dropzone = require("react-dropzone");
-var import_react_hook_form2 = require("react-hook-form");
-var import_mui_divider = require("@availity/mui-divider");
-var import_mui_icon2 = require("@availity/mui-icon");
-var import_mui_layout = require("@availity/mui-layout");
-var import_mui_typography = require("@availity/mui-typography");
+import { useCallback } from "react";
+import { styled } from "@mui/material/styles";
+import { useDropzone } from "react-dropzone";
+import { useFormContext } from "react-hook-form";
+import { Divider } from "@availity/mui-divider";
+import { CloudUploadIcon, PlusIcon } from "@availity/mui-icon";
+import { Box, Stack } from "@availity/mui-layout";
+import { Typography } from "@availity/mui-typography";
 
 // src/lib/FilePickerBtn.tsx
-var import_react_hook_form = require("react-hook-form");
-var import_mui_button = require("@availity/mui-button");
-var import_mui_form_utils = require("@availity/mui-form-utils");
-var import_jsx_runtime = require("react/jsx-runtime");
-var FilePickerBtn = (_a) => {
-  var _b = _a, {
-    name,
-    children,
-    color,
-    inputId,
-    inputProps = {},
-    maxSize,
-    onChange,
-    onClick
-  } = _b, rest = __objRest(_b, [
-    "name",
-    "children",
-    "color",
-    "inputId",
-    "inputProps",
-    "maxSize",
-    "onChange",
-    "onClick"
-  ]);
+import { Controller } from "react-hook-form";
+import { Button } from "@availity/mui-button";
+import { Input } from "@availity/mui-form-utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var FilePickerBtn = ({
+  name,
+  children,
+  color,
+  inputId,
+  inputProps = {},
+  maxSize,
+  onChange,
+  onClick,
+  ...rest
+}) => {
   const { accept, multiple, ref, style, type: inputType } = inputProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_hook_form.Controller,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Controller,
       {
         name,
         defaultValue: [],
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_mui_form_utils.Input,
-          __spreadProps(__spreadValues({}, field), {
+        render: ({ field }) => /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...field,
             onChange,
             value: [],
             inputRef: ref,
@@ -154,56 +42,64 @@ var FilePickerBtn = (_a) => {
             sx: style,
             inputProps: {
               accept,
-              size: maxSize != null ? maxSize : void 0,
+              size: maxSize ?? void 0,
               multiple
             },
             id: inputId
-          })
+          }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_button.Button, __spreadProps(__spreadValues({ color }, rest), { onClick, fullWidth: false, children }))
+    /* @__PURE__ */ jsx(Button, { color, ...rest, onClick, fullWidth: false, children })
   ] });
 };
 
 // src/lib/util.ts
-var import_mui_icon = require("@availity/mui-icon");
+import {
+  FileArchiveIcon,
+  FileCodeIcon,
+  FileCsvIcon,
+  FileExcelIcon,
+  FileIcon,
+  FileImageIcon,
+  FileLinesIcon,
+  FilePdfIcon,
+  FilePowerpointIcon,
+  FileWordIcon
+} from "@availity/mui-icon";
 function formatBytes(bytes, decimals = 2) {
   if (!+bytes) return "0 Bytes";
   const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const dm = Math.max(decimals, 0);
   const sizes = ["Bytes", "KB", "MB", "GB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+  return `${Number.parseFloat((bytes / k ** i).toFixed(dm))} ${sizes[i]}`;
 }
 var FILE_EXT_ICONS = {
-  png: import_mui_icon.FileImageIcon,
-  jpg: import_mui_icon.FileImageIcon,
-  jpeg: import_mui_icon.FileImageIcon,
-  gif: import_mui_icon.FileImageIcon,
-  csv: import_mui_icon.FileCsvIcon,
-  ppt: import_mui_icon.FilePowerpointIcon,
-  pptx: import_mui_icon.FilePowerpointIcon,
-  xls: import_mui_icon.FileExcelIcon,
-  xlsx: import_mui_icon.FileExcelIcon,
-  doc: import_mui_icon.FileWordIcon,
-  docx: import_mui_icon.FileWordIcon,
-  txt: import_mui_icon.FileLinesIcon,
-  text: import_mui_icon.FileLinesIcon,
-  zip: import_mui_icon.FileArchiveIcon,
-  "7zip": import_mui_icon.FileArchiveIcon,
-  xml: import_mui_icon.FileCodeIcon,
-  html: import_mui_icon.FileCodeIcon,
-  pdf: import_mui_icon.FilePdfIcon
+  png: FileImageIcon,
+  jpg: FileImageIcon,
+  jpeg: FileImageIcon,
+  gif: FileImageIcon,
+  csv: FileCsvIcon,
+  ppt: FilePowerpointIcon,
+  pptx: FilePowerpointIcon,
+  xls: FileExcelIcon,
+  xlsx: FileExcelIcon,
+  doc: FileWordIcon,
+  docx: FileWordIcon,
+  txt: FileLinesIcon,
+  text: FileLinesIcon,
+  zip: FileArchiveIcon,
+  "7zip": FileArchiveIcon,
+  xml: FileCodeIcon,
+  html: FileCodeIcon,
+  pdf: FilePdfIcon
 };
 var isValidKey = (key) => key ? key in FILE_EXT_ICONS : false;
-var getFileExtension = (fileName) => {
-  var _a;
-  return ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
-};
+var getFileExtension = (fileName) => fileName.split(".").pop()?.toLowerCase() || "";
 var getFileExtIcon = (fileName) => {
   const ext = getFileExtension(fileName);
-  return isValidKey(ext) ? FILE_EXT_ICONS[ext] : import_mui_icon.FileIcon;
+  return isValidKey(ext) ? FILE_EXT_ICONS[ext] : FileIcon;
 };
 var dedupeErrors = (errors) => {
   const dedupedErrors = errors.reduce((acc, error) => {
@@ -216,7 +112,7 @@ var dedupeErrors = (errors) => {
 };
 
 // src/lib/Dropzone.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var outerBoxStyles = {
   backgroundColor: "background.secondary",
   border: "1px dotted",
@@ -241,7 +137,7 @@ var createCounter = () => {
   };
 };
 var counter = createCounter();
-var DropzoneContainer = (0, import_styles.styled)(import_mui_layout.Box, { name: "AvDropzoneContainer", slot: "root" })({
+var DropzoneContainer = styled(Box, { name: "AvDropzoneContainer", slot: "root" })({
   ".MuiDivider-root": {
     width: "196px",
     marginLeft: "auto",
@@ -265,11 +161,10 @@ var Dropzone = ({
   setTotalSize,
   validator
 }) => {
-  const { getValues, setValue, watch } = (0, import_react_hook_form2.useFormContext)();
-  const handleValidation = (0, import_react.useCallback)(
+  const { getValues, setValue, watch } = useFormContext();
+  const handleValidation = useCallback(
     (file) => {
-      var _a2;
-      const previous = (_a2 = watch(name)) != null ? _a2 : [];
+      const previous = watch(name) ?? [];
       const errors = [];
       const isDuplicate = previous.some((prev) => prev.name === file.name);
       if (isDuplicate) {
@@ -286,7 +181,7 @@ var Dropzone = ({
         });
       }
       if (allowedFileNameCharacters) {
-        const fileName = file.name.substring(0, file.name.lastIndexOf("."));
+        const fileName = file.name.slice(0, Math.max(0, file.name.lastIndexOf(".")));
         const regExp = new RegExp(`([^${allowedFileNameCharacters}])`, "g");
         if (fileName.match(regExp) !== null) {
           errors.push({
@@ -297,7 +192,7 @@ var Dropzone = ({
       }
       if (allowedFileTypes.length > 0) {
         const fileName = file.name;
-        const fileExt = fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
+        const fileExt = fileName.slice(Math.max(0, fileName.lastIndexOf("."))).toLowerCase();
         const lowerCaseAllowedTypes = allowedFileTypes.map((type) => type.toLowerCase());
         if (!lowerCaseAllowedTypes.includes(fileExt)) {
           errors.push({
@@ -320,15 +215,14 @@ var Dropzone = ({
     },
     [maxFiles, validator, allowedFileNameCharacters, watch, name, allowedFileTypes]
   );
-  const handleOnDrop = (0, import_react.useCallback)(
+  const handleOnDrop = useCallback(
     (acceptedFiles, fileRejections, event) => {
-      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 previous = watch(name) ?? [];
       if (maxTotalSize) {
         const currentTotalSize = previous.reduce((sum, file) => sum + file.size, 0);
         let newSize2 = 0;
@@ -380,14 +274,16 @@ var Dropzone = ({
             if (isTooManyFiles) {
               if (!hasTooManyFiles) {
                 hasTooManyFiles = true;
-                acc.push(__spreadProps(__spreadValues({}, rejection), {
+                acc.push({
+                  ...rejection,
                   id: counter.increment()
-                }));
+                });
               }
             } else {
-              acc.push(__spreadProps(__spreadValues({}, rejection), {
+              acc.push({
+                ...rejection,
                 id: counter.increment()
-              }));
+              });
             }
             return acc;
           },
@@ -400,7 +296,7 @@ var Dropzone = ({
     [setFileRejections, setTotalSize, watch, name, maxTotalSize, maxFiles, setValue, onDrop]
   );
   const accept = allowedFileTypes.join(",");
-  const { getRootProps, getInputProps } = (0, import_react_dropzone.useDropzone)({
+  const { getRootProps, getInputProps } = useDropzone({
     onDrop: handleOnDrop,
     maxSize,
     maxFiles,
@@ -414,7 +310,7 @@ var Dropzone = ({
     accept,
     onChange
   });
-  const _a = getRootProps(), { role, tabIndex } = _a, rootProps = __objRest(_a, ["role", "tabIndex"]);
+  const { role, tabIndex, ...rootProps } = getRootProps();
   const handleOnChange = (event) => {
     if (inputProps.onChange) {
       inputProps.onChange(event);
@@ -434,11 +330,11 @@ var Dropzone = ({
   if (isMaxFilesReached) {
     disabled = true;
   }
-  return enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DropzoneContainer, __spreadProps(__spreadValues({ sx: outerBoxStyles }, rootProps), { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_layout.Box, { sx: innerBoxStyles, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_layout.Stack, { spacing: 2, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon2.CloudUploadIcon, { fontSize: "xlarge", color: "secondary" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_typography.Typography, { variant: "subtitle2", fontWeight: "700", children: "Drag and Drop Files Here" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_divider.Divider, { flexItem: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_typography.Typography, { variant: "subtitle2", children: "OR" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return enableDropArea ? /* @__PURE__ */ jsx2(DropzoneContainer, { sx: outerBoxStyles, ...rootProps, children: /* @__PURE__ */ jsx2(Box, { sx: innerBoxStyles, children: /* @__PURE__ */ jsx2(Stack, { spacing: 2, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx2(CloudUploadIcon, { fontSize: "xlarge", color: "secondary" }),
+    /* @__PURE__ */ jsx2(Typography, { variant: "subtitle2", fontWeight: "700", children: "Drag and Drop Files Here" }),
+    /* @__PURE__ */ jsx2(Divider, { flexItem: true, children: /* @__PURE__ */ jsx2(Typography, { variant: "subtitle2", children: "OR" }) }),
+    /* @__PURE__ */ jsx2(
       FilePickerBtn,
       {
         name,
@@ -451,7 +347,7 @@ var Dropzone = ({
         children: "Browse Files"
       }
     )
-  ] }) }) }) })) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  ] }) }) }) }) : /* @__PURE__ */ jsx2(
     FilePickerBtn,
     {
       name,
@@ -461,35 +357,33 @@ var Dropzone = ({
       onClick: handleOnClick,
       inputProps,
       onChange: handleOnChange,
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_mui_icon2.PlusIcon, {}),
+      startIcon: /* @__PURE__ */ jsx2(PlusIcon, {}),
       children: hasFiles ? "Add More Files" : "Add File(s)"
     }
   );
 };
 
 // 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"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
+import { useCallback as useCallback2 } from "react";
+import { useDropzone as useDropzone2 } from "react-dropzone";
+import { useFormContext as useFormContext2 } from "react-hook-form";
+import { Divider as Divider2 } from "@availity/mui-divider";
+import { CloudUploadIcon as CloudUploadIcon2, PlusIcon as PlusIcon2 } from "@availity/mui-icon";
+import { Box as Box2, Stack as Stack2 } from "@availity/mui-layout";
+import { Typography as Typography2 } from "@availity/mui-typography";
+import Upload from "@availity/upload-core";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "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;
-  });
+async function startUpload(file, options) {
+  const { onSuccess, onError, onProgress, onChunkComplete, ...uploadOptions } = options;
+  const upload = new Upload(file, uploadOptions);
+  await 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 = [],
@@ -508,12 +402,11 @@ var Dropzone2 = ({
   uploadOptions,
   validator
 }) => {
-  const { getValues, setValue, watch } = (0, import_react_hook_form3.useFormContext)();
+  const { getValues, setValue, watch } = useFormContext2();
   const accept = allowedFileTypes.join(",");
-  const handleValidation = (0, import_react2.useCallback)(
+  const handleValidation = useCallback2(
     (file) => {
-      var _a2;
-      const previous = (_a2 = watch(name)) != null ? _a2 : [];
+      const previous = watch(name) ?? [];
       const errors = [];
       const isDuplicate = previous.some((prev) => prev.file.name === file.name);
       if (isDuplicate) {
@@ -530,7 +423,7 @@ var Dropzone2 = ({
         });
       }
       if (uploadOptions.allowedFileNameCharacters) {
-        const fileName = file.name.substring(0, file.name.lastIndexOf("."));
+        const fileName = file.name.slice(0, Math.max(0, file.name.lastIndexOf(".")));
         const regExp = new RegExp(`([^${uploadOptions.allowedFileNameCharacters}])`, "g");
         if (fileName.match(regExp) !== null) {
           errors.push({
@@ -541,7 +434,7 @@ var Dropzone2 = ({
       }
       if (allowedFileTypes.length > 0) {
         const fileName = file.name;
-        const fileExt = fileName.substring(fileName.lastIndexOf(".")).toLowerCase();
+        const fileExt = fileName.slice(Math.max(0, fileName.lastIndexOf("."))).toLowerCase();
         const lowerCaseAllowedTypes = allowedFileTypes.map((type) => type.toLowerCase());
         if (!lowerCaseAllowedTypes.includes(fileExt)) {
           errors.push({
@@ -564,15 +457,14 @@ var Dropzone2 = ({
     },
     [maxFiles, validator, uploadOptions.allowedFileNameCharacters, allowedFileTypes, watch, name]
   );
-  const handleOnDrop = (0, import_react2.useCallback)(
-    (acceptedFiles, fileRejections, event) => __async(null, null, function* () {
-      var _a2;
+  const handleOnDrop = useCallback2(
+    async (acceptedFiles, fileRejections, event) => {
       let newSize = 0;
       for (const file of acceptedFiles) {
         newSize += file.size;
       }
       setTotalSize((prev) => prev + newSize);
-      const previous = (_a2 = watch(name)) != null ? _a2 : [];
+      const previous = watch(name) ?? [];
       if (maxTotalSize) {
         const currentTotalSize = previous.reduce((sum, upload) => sum + upload.file.size, 0);
         let newSize2 = 0;
@@ -602,7 +494,7 @@ var Dropzone2 = ({
       const remainingSlots = maxFiles ? Math.max(0, maxFiles - previous.length) : acceptedFiles.length;
       const filesToAdd = acceptedFiles.slice(0, remainingSlots);
       const uploads = filesToAdd.map((file) => startUpload(file, uploadOptions));
-      setValue(name, previous.concat(yield Promise.all(uploads)));
+      setValue(name, previous.concat(await Promise.all(uploads)));
       if (maxFiles && acceptedFiles.length > remainingSlots) {
         fileRejections.push({
           file: acceptedFiles[remainingSlots],
@@ -625,14 +517,16 @@ var Dropzone2 = ({
             if (isTooManyFiles) {
               if (!hasTooManyFiles) {
                 hasTooManyFiles = true;
-                acc.push(__spreadProps(__spreadValues({}, rejection), {
+                acc.push({
+                  ...rejection,
                   id: counter2.increment()
-                }));
+                });
               }
             } else {
-              acc.push(__spreadProps(__spreadValues({}, rejection), {
+              acc.push({
+                ...rejection,
                 id: counter2.increment()
-              }));
+              });
             }
             return acc;
           },
@@ -641,10 +535,10 @@ var Dropzone2 = ({
       }
       if (setFileRejections) setFileRejections(fileRejections);
       if (onDrop) onDrop(acceptedFiles, fileRejections, event);
-    }),
+    },
     [setFileRejections, setTotalSize, watch, name, maxTotalSize, maxFiles, uploadOptions, setValue, onDrop]
   );
-  const { getRootProps, getInputProps } = (0, import_react_dropzone2.useDropzone)({
+  const { getRootProps, getInputProps } = useDropzone2({
     onDrop: handleOnDrop,
     maxSize,
     maxFiles,
@@ -658,7 +552,7 @@ var Dropzone2 = ({
     accept,
     onChange
   });
-  const _a = getRootProps(), { role, tabIndex } = _a, rootProps = __objRest(_a, ["role", "tabIndex"]);
+  const { role, tabIndex, ...rootProps } = getRootProps();
   const handleOnChange = (event) => {
     if (inputProps.onChange) {
       inputProps.onChange(event);
@@ -678,11 +572,11 @@ var Dropzone2 = ({
   if (isMaxFilesReached) {
     disabled = true;
   }
-  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)(
+  return enableDropArea ? /* @__PURE__ */ jsx3(DropzoneContainer, { sx: outerBoxStyles, ...rootProps, children: /* @__PURE__ */ jsx3(Box2, { sx: innerBoxStyles, children: /* @__PURE__ */ jsx3(Stack2, { spacing: 2, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(CloudUploadIcon2, { fontSize: "xlarge", color: "secondary" }),
+    /* @__PURE__ */ jsx3(Typography2, { variant: "subtitle2", fontWeight: "700", children: "Drag and Drop Files Here" }),
+    /* @__PURE__ */ jsx3(Divider2, { flexItem: true, children: /* @__PURE__ */ jsx3(Typography2, { variant: "subtitle2", children: "OR" }) }),
+    /* @__PURE__ */ jsx3(
       FilePickerBtn,
       {
         name,
@@ -695,7 +589,7 @@ var Dropzone2 = ({
         children: "Browse Files"
       }
     )
-  ] }) }) }) })) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  ] }) }) }) }) : /* @__PURE__ */ jsx3(
     FilePickerBtn,
     {
       name,
@@ -705,16 +599,16 @@ var Dropzone2 = ({
       onClick: handleOnClick,
       inputProps,
       onChange: handleOnChange,
-      startIcon: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_icon3.PlusIcon, {}),
+      startIcon: /* @__PURE__ */ jsx3(PlusIcon2, {}),
       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");
+import { Alert, AlertTitle } from "@availity/mui-alert";
+import { List, ListItem } from "@availity/mui-list";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var codes = {
   "file-too-large": "File exceeds maximum size",
   "upload-too-large": "File causes maximum total upload size to be exceeded",
@@ -732,15 +626,15 @@ var formatFileTooLarge = (message) => {
 };
 var ErrorAlert = ({ errors, fileName, id, onClose }) => {
   if (errors.length === 0) return null;
-  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: [
+  return /* @__PURE__ */ jsx4(Alert, { severity: "error", onClose, children: errors.length > 1 ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsxs4(AlertTitle, { children: [
       "There were ",
       errors.length,
       " error(s) found when uploading ",
       fileName
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_mui_list.List,
+    /* @__PURE__ */ jsx4(
+      List,
       {
         sx: {
           listStyleType: "disc",
@@ -751,14 +645,14 @@ var ErrorAlert = ({ errors, fileName, id, onClose }) => {
           }
         },
         disablePadding: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: errors.map((error) => {
+        children: /* @__PURE__ */ jsx4(Fragment4, { children: errors.map((error) => {
           const message = error.code === "file-too-large" ? formatFileTooLarge(error.message) : error.message;
-          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_mui_list.ListItem, { disableGutters: true, disablePadding: true, divider: false, children: message }, `${id}-${error.code}`);
+          return /* @__PURE__ */ jsx4(ListItem, { disableGutters: true, disablePadding: true, divider: false, children: message }, `${id}-${error.code}`);
         }) })
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_mui_alert.AlertTitle, { children: [
+  ] }) : /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsxs4(AlertTitle, { children: [
       codes[errors[0].code] || "Error",
       ": ",
       fileName
@@ -768,24 +662,24 @@ 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_icon6 = require("@availity/mui-icon");
-var import_mui_layout5 = require("@availity/mui-layout");
-var import_mui_divider3 = require("@availity/mui-divider");
+import { List as List2, ListItem as ListItem2, ListItemText as ListItemText2, ListItemIcon } from "@availity/mui-list";
+import { IconButton as IconButton3 } from "@availity/mui-button";
+import { DeleteIcon } from "@availity/mui-icon";
+import { Grid as Grid2 } from "@availity/mui-layout";
+import { Divider as Divider3 } from "@availity/mui-divider";
 
 // src/lib/UploadProgressBar.tsx
-var import_react4 = require("react");
-var import_mui_button3 = require("@availity/mui-button");
+import { useState as useState2 } from "react";
+import { Button as Button2, IconButton as IconButton2 } from "@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_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, {
+import MuiDialog from "@mui/material/Dialog";
+import { styled as styled2 } from "@mui/material/styles";
+import { IconButton } from "@availity/mui-button";
+import { CloseIcon } from "@availity/mui-icon";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var CloseButton = (args) => /* @__PURE__ */ jsx5(IconButton, { title: "Close Dialog", color: "secondary", ...args, children: /* @__PURE__ */ jsx5(CloseIcon, { fontSize: "xsmall" }) });
+var CloseButtonSlot = styled2(CloseButton, {
   name: "MuiDialog",
   slot: "AvCloseButton",
   overridesResolver: (props, styles) => styles.avCloseButton
@@ -797,36 +691,27 @@ var CloseButtonSlot = (0, import_styles2.styled)(CloseButton, {
     marginRight: "3.5rem"
   }
 });
-var Dialog = (_a) => {
-  var _b = _a, { children, closeButton = true, onClose } = _b, rest = __objRest(_b, ["children", "closeButton", "onClose"]);
-  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
-  ] }));
-};
+var Dialog = ({ children, closeButton = true, onClose, ...rest }) => /* @__PURE__ */ jsxs5(MuiDialog, { onClose, ...rest, children: [
+  closeButton ? /* @__PURE__ */ jsx5(CloseButtonSlot, { onClick: onClose }) : null,
+  children
+] });
 
 // ../dialog/src/lib/DialogActions.tsx
-var import_DialogActions = __toESM(require("@mui/material/DialogActions"));
-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_runtime6.jsx)(import_DialogActions.default, __spreadProps(__spreadValues({}, rest), { children }));
-};
+import MuiDialogActions from "@mui/material/DialogActions";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DialogActions = ({ children, ...rest }) => /* @__PURE__ */ jsx6(MuiDialogActions, { ...rest, children });
 
 // ../dialog/src/lib/DialogContent.tsx
-var import_DialogContent = __toESM(require("@mui/material/DialogContent"));
-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_runtime7.jsx)(import_DialogContent.default, __spreadProps(__spreadValues({}, rest), { children }));
-};
+import MuiDialogContent from "@mui/material/DialogContent";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var DialogContent = ({ children, ...rest }) => /* @__PURE__ */ jsx7(MuiDialogContent, { ...rest, children });
 
 // ../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 AlertIcon = (0, import_styles3.styled)("div", {
+import MuiDialogTitle from "@mui/material/DialogTitle";
+import { AlertIcons } from "@availity/mui-alert";
+import { styled as styled3 } from "@mui/material/styles";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var AlertIcon = styled3("div", {
   name: "MuiDialogTitle",
   slot: "AvIcon",
   overridesResolver: (props, styles) => styles.avIcon
@@ -836,55 +721,52 @@ var AlertIcon = (0, import_styles3.styled)("div", {
   marginRight: ".5rem",
   verticalAlign: "text-bottom"
 });
-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,
-    children
-  ] }));
-};
+var DialogTitle = ({ children, component = "h2", icon, variant = "h5", ...rest }) => /* @__PURE__ */ jsxs6(MuiDialogTitle, { component, variant, ...rest, children: [
+  icon ? /* @__PURE__ */ jsx8(AlertIcon, { children: AlertIcons[icon] }) : null,
+  children
+] });
 
 // src/lib/UploadProgressBar.tsx
-var import_mui_form_utils3 = require("@availity/mui-form-utils");
-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");
+import { InputAdornment } from "@availity/mui-form-utils";
+import { EyeIcon, EyeSlashIcon, WarningTriangleIcon } from "@availity/mui-icon";
+import { Box as Box3 } from "@availity/mui-layout";
+import { ListItemText } from "@availity/mui-list";
+import { LinearProgress } from "@availity/mui-progress";
 
 // ../textfield/src/lib/TextField.tsx
-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_layout3 = require("@availity/mui-layout");
-var import_mui_typography3 = require("@availity/mui-typography");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var TextFieldFormHelperText = (_a) => {
-  var _b = _a, {
-    charCount,
-    helperText,
-    maxLength,
-    showCharacterCount
-  } = _b, FormHelperTextProps2 = __objRest(_b, [
-    "charCount",
-    "helperText",
-    "maxLength",
-    "showCharacterCount"
-  ]);
+import { forwardRef, useState } from "react";
+import MuiTextField from "@mui/material/TextField";
+import {
+  FormHelperText,
+  FormLabel,
+  InputPropOverrides,
+  SelectAccessibilityOverrides,
+  SelectPropOverrides
+} from "@availity/mui-form-utils";
+import { Grid } from "@availity/mui-layout";
+import { Typography as Typography3 } from "@availity/mui-typography";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var TextFieldFormHelperText = ({
+  charCount,
+  helperText,
+  maxLength,
+  showCharacterCount,
+  ...FormHelperTextProps2
+}) => {
   if (showCharacterCount) {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_mui_layout3.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_typography3.Typography, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_mui_typography3.Typography, { component: "span", variant: "inherit", color: charCount > maxLength ? "error" : "textPrimary", children: charCount || 0 }),
+    return /* @__PURE__ */ jsxs7(Grid, { container: true, justifyContent: "space-between", flexWrap: "nowrap", children: [
+      /* @__PURE__ */ jsx9(FormHelperText, { ...FormHelperTextProps2, sx: { marginRight: "12px" }, children: helperText }),
+      /* @__PURE__ */ jsxs7(Typography3, { variant: "caption", marginTop: "4px", lineHeight: "1.25rem", children: [
+        /* @__PURE__ */ jsx9(Typography3, { 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__ */ jsx9(FormHelperText, { ...FormHelperTextProps2, children: helperText });
 };
-var TextField = (0, import_react3.forwardRef)((props, ref) => {
-  var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const _a = props, {
+var TextField = forwardRef((props, ref) => {
+  const {
     InputProps: InputProps2,
     helpTopicId,
     InputLabelProps,
@@ -894,65 +776,68 @@ var TextField = (0, import_react3.forwardRef)((props, ref) => {
     inputProps,
     helperText,
     showCharacterCount = false,
-    displayOverflowMaxLength = false
-  } = _a, rest = __objRest(_a, [
-    "InputProps",
-    "helpTopicId",
-    "InputLabelProps",
-    "FormHelperTextProps",
-    "required",
-    "SelectProps",
-    "inputProps",
-    "helperText",
-    "showCharacterCount",
-    "displayOverflowMaxLength"
-  ]);
-  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);
+    displayOverflowMaxLength = false,
+    ...rest
+  } = props;
+  const [openDetected, setOpenDetected] = useState(false);
+  const [charCount, setCharCount] = useState(0);
+  const maxLength = inputProps?.maxLength || rest.slotProps?.htmlInput?.maxLength;
+  const allReadOnly = InputProps2?.readOnly || inputProps?.readOnly || rest.slotProps?.htmlInput?.readOnly || rest.slotProps?.input?.readOnly;
   const resolvedProps = (props2) => !props2 || Object.keys(props2).length === 0 ? void 0 : props2;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_TextField.default,
-    __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsx9(
+    MuiTextField,
+    {
+      ...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__ */ jsx9(Fragment5, {}),
       slots: { formHelperText: TextFieldFormHelperText },
       slotProps: {
-        input: resolvedProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, InputProps2), import_mui_form_utils2.InputPropOverrides), (_h = rest.slotProps) == null ? void 0 : _h.input), {
+        input: resolvedProps({
+          ...InputProps2,
+          ...InputPropOverrides,
+          ...rest.slotProps?.input,
           readOnly: allReadOnly
-        })),
-        htmlInput: resolvedProps(__spreadProps(__spreadValues(__spreadValues({
-          "aria-required": required
-        }, inputProps), (_i = rest.slotProps) == null ? void 0 : _i.htmlInput), {
+        }),
+        htmlInput: resolvedProps({
+          "aria-required": required,
+          ...inputProps,
+          ...rest.slotProps?.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)), (_j = rest.slotProps) == null ? void 0 : _j.select)),
-        inputLabel: resolvedProps(__spreadValues(__spreadValues({
-          component: import_mui_form_utils2.FormLabel,
+        }),
+        select: resolvedProps({
+          ...SelectProps2,
+          ...SelectPropOverrides,
+          ...SelectAccessibilityOverrides(openDetected, setOpenDetected, SelectProps2?.open),
+          ...rest.slotProps?.select
+        }),
+        inputLabel: resolvedProps({
+          component: FormLabel,
           helpTopicId,
           required,
-          shrink: true
-        }, InputLabelProps), (_k = rest.slotProps) == null ? void 0 : _k.inputLabel)),
-        formHelperText: resolvedProps(__spreadProps(__spreadValues(__spreadValues({
-          component: "div"
-        }, FormHelperTextProps2), (_l = rest.slotProps) == null ? void 0 : _l.formHelperText), {
+          shrink: true,
+          ...InputLabelProps,
+          ...rest.slotProps?.inputLabel
+        }),
+        formHelperText: resolvedProps({
+          component: "div",
+          ...FormHelperTextProps2,
+          ...rest.slotProps?.formHelperText,
           charCount,
           helperText,
           maxLength,
           showCharacterCount
-        }))
+        })
       },
       ref
-    })
+    }
   );
 });
 
 // src/lib/UploadProgressBar.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ERROR_MAPPINGS = [
   {
     pattern: /but has an extension for/i,
@@ -964,13 +849,13 @@ var friendlyErrorMessage = (errorMessage) => {
   return mapping ? mapping.friendlyMessage : errorMessage;
 };
 var UploadProgressBar = ({ upload, onProgress, onError, onSuccess }) => {
-  const [statePercentage, setStatePercentage] = (0, import_react4.useState)(upload.percentage || 0);
-  const [errorMessage, setErrorMessage] = (0, import_react4.useState)(
+  const [statePercentage, setStatePercentage] = useState2(upload.percentage || 0);
+  const [errorMessage, setErrorMessage] = useState2(
     upload.errorMessage ? friendlyErrorMessage(upload.errorMessage) : ""
   );
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
-  const [modalOpen, setModalOpen] = (0, import_react4.useState)(false);
+  const [password, setPassword] = useState2("");
+  const [showPassword, setShowPassword] = useState2(false);
+  const [modalOpen, setModalOpen] = useState2(false);
   const handleOnProgress = () => {
     setStatePercentage(upload.percentage);
     setErrorMessage("");
@@ -1001,24 +886,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_layout4.Box, { sx: { display: "flex", flexWrap: "wrap", columnGap: "4px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-      import_mui_list2.ListItemText,
+  return errorMessage ? /* @__PURE__ */ jsxs8(Box3, { sx: { display: "flex", flexWrap: "wrap", columnGap: "4px" }, children: [
+    /* @__PURE__ */ jsxs8(
+      ListItemText,
       {
         slotProps: { primary: { color: "text.error", variant: "body2", component: "div" } },
         sx: { wordWrap: "break-word" },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.WarningTriangleIcon, { sx: { verticalAlign: "middle", mt: "-2px" } }),
+          /* @__PURE__ */ jsx10(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__ */ jsxs8("div", { className: "pwRequired", children: [
+      /* @__PURE__ */ jsx10(Button2, { color: "secondary", size: "small", onClick: toggleModal, children: "Enter Password" }),
+      /* @__PURE__ */ jsx10(Dialog, { open: modalOpen, onClose: toggleModal, children: /* @__PURE__ */ jsxs8("form", { onSubmit: verifyPassword, children: [
+        /* @__PURE__ */ jsx10(DialogTitle, { children: "Enter Password" }),
+        /* @__PURE__ */ jsx10(DialogContent, { children: /* @__PURE__ */ jsx10(
           TextField,
           {
             type: showPassword ? "text" : "password",
@@ -1027,53 +912,52 @@ 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)(
-                import_mui_button3.IconButton,
+              endAdornment: /* @__PURE__ */ jsx10(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx10(
+                IconButton2,
                 {
                   title: "password visibility",
                   onClick: () => setShowPassword((prev) => !prev),
                   edge: "end",
-                  children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_icon5.EyeSlashIcon, { fontSize: "small" })
+                  children: showPassword ? /* @__PURE__ */ jsx10(EyeIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx10(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__ */ jsx10(DialogActions, { children: /* @__PURE__ */ jsx10(Button2, { 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__ */ jsx10(LinearProgress, { value: statePercentage, "aria-label": `${upload.file.name}-progress` });
 };
 
 // src/lib/useUploadCore.tsx
-var import_react_query = require("@tanstack/react-query");
-var import_upload_core2 = __toESM(require("@availity/upload-core"));
-function startUpload2(file, options) {
-  return __async(this, null, function* () {
-    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;
-  });
+import { useQuery } from "@tanstack/react-query";
+import Upload2 from "@availity/upload-core";
+async function startUpload2(file, options) {
+  const { onSuccess, onError, onProgress, onChunkComplete, ...uploadOptions } = options;
+  const upload = new Upload2(file, uploadOptions);
+  await 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 (0, import_react_query.useQuery)(__spreadValues({
+  return useQuery({
     queryKey: ["upload", file.name, options],
     queryFn: () => startUpload2(file, options),
     enabled: isQueryEnabled,
     retry: false,
-    refetchOnWindowFocus: false
-  }, queryOptions));
+    refetchOnWindowFocus: false,
+    ...queryOptions
+  });
 }
 
 // src/lib/FileList.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var FileRow = ({
   file,
   options,
@@ -1085,30 +969,30 @@ 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)(
-    import_mui_list3.ListItem,
+  if (CustomRow) return /* @__PURE__ */ jsx11(CustomRow, { upload, options, onRemoveFile });
+  return /* @__PURE__ */ jsxs9(
+    ListItem2,
     {
       disableGutters: true,
-      secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        import_mui_button4.IconButton,
+      secondaryAction: !disableRemove && /* @__PURE__ */ jsx11(
+        IconButton3,
         {
           title: "remove file",
           edge: "end",
           onClick: () => {
             onRemoveFile(upload.id, upload);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_icon6.DeleteIcon, {})
+          children: /* @__PURE__ */ jsx11(DeleteIcon, {})
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_mui_layout5.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_layout5.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_layout5.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_layout5.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_layout5.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UploadProgressBar, { upload }) })
+        /* @__PURE__ */ jsxs9(Grid2, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
+          /* @__PURE__ */ jsx11(Grid2, { size: { xs: "auto" }, children: /* @__PURE__ */ jsx11(ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ jsx11(Icon, {}) }) }),
+          /* @__PURE__ */ jsx11(Grid2, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ jsx11(ListItemText2, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
+          /* @__PURE__ */ jsx11(Grid2, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ jsx11(ListItemText2, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
+          /* @__PURE__ */ jsx11(Grid2, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ jsx11(UploadProgressBar, { upload }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_mui_divider3.Divider, {})
+        /* @__PURE__ */ jsx11(Divider3, {})
       ]
     }
   );
@@ -1122,29 +1006,27 @@ 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)(
-      FileRow,
-      {
-        file,
-        options,
-        onRemoveFile,
-        queryOptions,
-        customFileRow,
-        disableRemove
-      },
-      file.name
-    );
-  }) });
+  return /* @__PURE__ */ jsx11(List2, { children: files.map((file) => /* @__PURE__ */ jsx11(
+    FileRow,
+    {
+      file,
+      options,
+      onRemoveFile,
+      queryOptions,
+      customFileRow,
+      disableRemove
+    },
+    file.name
+  )) });
 };
 
 // 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_runtime12 = require("react/jsx-runtime");
+import { List as List3, ListItem as ListItem3, ListItemText as ListItemText3, ListItemIcon as ListItemIcon2 } from "@availity/mui-list";
+import { IconButton as IconButton4 } from "@availity/mui-button";
+import { DeleteIcon as DeleteIcon2 } from "@availity/mui-icon";
+import { Grid as Grid3 } from "@availity/mui-layout";
+import { Divider as Divider4 } from "@availity/mui-divider";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var FileRow2 = ({
   upload,
   options,
@@ -1154,30 +1036,30 @@ var FileRow2 = ({
 }) => {
   const Icon = getFileExtIcon(upload.file.name);
   if (!upload) return null;
-  if (CustomRow) return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CustomRow, { upload, options, onRemoveFile });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_mui_list4.ListItem,
+  if (CustomRow) return /* @__PURE__ */ jsx12(CustomRow, { upload, options, onRemoveFile });
+  return /* @__PURE__ */ jsxs10(
+    ListItem3,
     {
       disableGutters: true,
-      secondaryAction: !disableRemove && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        import_mui_button5.IconButton,
+      secondaryAction: !disableRemove && /* @__PURE__ */ jsx12(
+        IconButton4,
         {
           title: "remove file",
           edge: "end",
           onClick: () => {
             onRemoveFile(upload.id, upload);
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_icon7.DeleteIcon, {})
+          children: /* @__PURE__ */ jsx12(DeleteIcon2, {})
         }
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_mui_layout6.Grid, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemIcon, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemText, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.ListItemText, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_layout6.Grid, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UploadProgressBar, { upload }) })
+        /* @__PURE__ */ jsxs10(Grid3, { container: true, spacing: 2, alignItems: "center", justifyContent: "space-between", width: "100%", flexWrap: "wrap", children: [
+          /* @__PURE__ */ jsx12(Grid3, { size: { xs: "auto" }, children: /* @__PURE__ */ jsx12(ListItemIcon2, { sx: { minWidth: "1.5rem" }, children: /* @__PURE__ */ jsx12(Icon, {}) }) }),
+          /* @__PURE__ */ jsx12(Grid3, { size: { xs: 4 }, sx: { minWidth: "8rem" }, children: /* @__PURE__ */ jsx12(ListItemText3, { sx: { wordBreak: "break-all" }, children: upload.trimFileName(upload.file.name) }) }),
+          /* @__PURE__ */ jsx12(Grid3, { size: { xs: 2 }, sx: { minWidth: "3rem" }, children: /* @__PURE__ */ jsx12(ListItemText3, { sx: { textAlign: "end" }, children: formatBytes(upload.file.size) }) }),
+          /* @__PURE__ */ jsx12(Grid3, { size: { xs: "grow" }, sx: { minWidth: "6rem" }, children: /* @__PURE__ */ jsx12(UploadProgressBar, { upload }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_divider4.Divider, {})
+        /* @__PURE__ */ jsx12(Divider4, {})
       ]
     }
   );
@@ -1190,32 +1072,30 @@ var FileList2 = ({
   disableRemove
 }) => {
   if (uploads.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_mui_list4.List, { children: uploads.map((upload) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      FileRow2,
-      {
-        upload,
-        options,
-        onRemoveFile,
-        customFileRow,
-        disableRemove
-      },
-      upload.id
-    );
-  }) });
+  return /* @__PURE__ */ jsx12(List3, { children: uploads.map((upload) => /* @__PURE__ */ jsx12(
+    FileRow2,
+    {
+      upload,
+      options,
+      onRemoveFile,
+      customFileRow,
+      disableRemove
+    },
+    upload.id
+  )) });
 };
 
 // src/lib/FileSelector.tsx
-var import_react5 = require("react");
-var import_react_hook_form4 = require("react-hook-form");
-var import_react_query2 = require("@tanstack/react-query");
-var import_mui_layout7 = require("@availity/mui-layout");
-var import_mui_typography6 = require("@availity/mui-typography");
-var import_mui_alert3 = require("@availity/mui-alert");
+import { useState as useState3 } from "react";
+import { useFormContext as useFormContext3 } from "react-hook-form";
+import { useQueryClient } from "@tanstack/react-query";
+import { Grid as Grid4 } from "@availity/mui-layout";
+import { Typography as Typography6 } from "@availity/mui-typography";
+import { Alert as Alert2, AlertTitle as AlertTitle2 } from "@availity/mui-alert";
 
 // src/lib/FileTypesMessage.tsx
-var import_mui_typography4 = require("@availity/mui-typography");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+import { Typography as Typography4 } from "@availity/mui-typography";
+import { jsxs as jsxs11 } from "react/jsx-runtime";
 var FileTypesMessage = ({
   allowedFileTypes = [],
   customSizeMessage,
@@ -1228,7 +1108,7 @@ var FileTypesMessage = ({
   const fileSizeMsg = customSizeMessage || (typeof maxFileSize === "number" ? `Maximum file size is ${formatBytes(maxFileSize)}. ` : null);
   const totalFileSizeMsg = customTotalSizeMessage || (typeof maxTotalSize === "number" ? `Maximum total upload size is ${formatBytes(maxTotalSize)}. ` : null);
   const fileTypesMsg = customTypesMessage || (allowedFileTypes.length > 0 ? `Supported file types include: ${allowedFileTypes.join(", ")}` : "All file types allowed.");
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_mui_typography4.Typography, { variant, children: [
+  return /* @__PURE__ */ jsxs11(Typography4, { variant, children: [
     fileSizeMsg,
     totalFileSizeMsg,
     fileTypesMsg
@@ -1236,21 +1116,19 @@ var FileTypesMessage = ({
 };
 
 // src/lib/HeaderMessage.tsx
-var import_mui_typography5 = require("@availity/mui-typography");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_mui_typography5.Typography, { variant: "h6", children: [
-    "Attach up to ",
-    maxFiles,
-    " file(s), with a maximum individual size of ",
-    formatBytes(maxSize),
-    " ",
-    maxTotalSize && `and a maximum total size of ${formatBytes(maxTotalSize)}`
-  ] });
-};
+import { Typography as Typography5 } from "@availity/mui-typography";
+import { jsxs as jsxs12 } from "react/jsx-runtime";
+var HeaderMessage = ({ maxFiles, maxSize, maxTotalSize }) => /* @__PURE__ */ jsxs12(Typography5, { variant: "h6", children: [
+  "Attach up to ",
+  maxFiles,
+  " file(s), with a maximum individual size of ",
+  formatBytes(maxSize),
+  " ",
+  maxTotalSize && `and a maximum total size of ${formatBytes(maxTotalSize)}`
+] });
 
 // src/lib/FileSelector.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var CLOUD_URL = "/cloud/web/appl/vault/upload/v1/resumable";
 var FileSelector = ({
   name,
@@ -1281,18 +1159,19 @@ var FileSelector = ({
   validator,
   disableRemove
 }) => {
-  const [totalSize, setTotalSize] = (0, import_react5.useState)(0);
-  const [fileRejections, setFileRejections] = (0, import_react5.useState)([]);
-  const client = (0, import_react_query2.useQueryClient)();
-  const formMethods = (0, import_react_hook_form4.useFormContext)();
-  const options = __spreadProps(__spreadValues({}, uploadOptions), {
+  const [totalSize, setTotalSize] = useState3(0);
+  const [fileRejections, setFileRejections] = useState3([]);
+  const client = useQueryClient();
+  const formMethods = useFormContext3();
+  const options = {
+    ...uploadOptions,
     bucketId,
     customerId,
     clientId,
     fileTypes: allowedFileTypes,
     maxSize,
     allowedFileNameCharacters
-  });
+  };
   if (endpoint) options.endpoint = endpoint;
   else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
@@ -1302,12 +1181,12 @@ var FileSelector = ({
       const removedFile = prevFiles.find((file) => file.name === upload.file.name);
       try {
         upload.abort();
-      } catch (e) {
+      } catch {
         console.error("Encountered an issue stopping the file upload");
       }
       formMethods.setValue(name, newFiles);
-      client.removeQueries(["upload", upload.file.name]);
-      if (removedFile == null ? void 0 : removedFile.size) setTotalSize(totalSize - removedFile.size);
+      client.removeQueries({ queryKey: ["upload", upload.file.name] });
+      if (removedFile?.size) setTotalSize(totalSize - removedFile.size);
       if (onUploadRemove) onUploadRemove(newFiles, uploadId);
     }
   };
@@ -1323,10 +1202,10 @@ var FileSelector = ({
   const otherRejections = fileRejections.filter(
     (rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-    enableDropArea ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
-      label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_typography6.Typography, { marginBottom: "4px", children: label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    enableDropArea ? /* @__PURE__ */ jsxs13(Fragment6, { children: [
+      label ? /* @__PURE__ */ jsx13(Typography6, { marginBottom: "4px", children: label }) : null,
+      /* @__PURE__ */ jsx13(
         Dropzone,
         {
           name,
@@ -1345,7 +1224,7 @@ var FileSelector = ({
           validator
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      /* @__PURE__ */ jsx13(
         FileTypesMessage,
         {
           allowedFileTypes,
@@ -1358,10 +1237,10 @@ var FileSelector = ({
         }
       ),
       children
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_mui_layout7.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_mui_layout7.Grid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    ] }) : /* @__PURE__ */ jsxs13(Grid4, { container: true, rowSpacing: 3, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs13(Grid4, { children: [
+        /* @__PURE__ */ jsx13(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
+        /* @__PURE__ */ jsx13(
           FileTypesMessage,
           {
             allowedFileTypes,
@@ -1372,8 +1251,8 @@ var FileSelector = ({
           }
         )
       ] }),
-      children ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_layout7.Grid, { children }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_layout7.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      children ? /* @__PURE__ */ jsx13(Grid4, { children }) : null,
+      /* @__PURE__ */ jsx13(Grid4, { children: /* @__PURE__ */ jsx13(
         Dropzone,
         {
           name,
@@ -1393,20 +1272,22 @@ var FileSelector = ({
         }
       ) })
     ] }),
-    tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-      import_mui_alert3.Alert,
+    tooManyFilesRejections.length > 0 && /* @__PURE__ */ jsxs13(
+      Alert2,
       {
         severity: "error",
-        onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
+        onClose: () => {
+          for (const rejection of tooManyFilesRejections) handleRemoveRejection(rejection.id);
+        },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_mui_alert3.AlertTitle, { children: "Items not allowed." }),
+          /* @__PURE__ */ jsx13(AlertTitle2, { children: "Items not allowed." }),
           "Too many files are selected for upload, maximum ",
           maxFiles,
           " allowed."
         ]
       }
     ),
-    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ jsx13(
       ErrorAlert,
       {
         errors: rejection.errors,
@@ -1416,7 +1297,7 @@ var FileSelector = ({
       },
       rejection.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ jsx13(
       FileList,
       {
         files: files || [],
@@ -1431,12 +1312,12 @@ 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_runtime16 = require("react/jsx-runtime");
+import { useState as useState4 } from "react";
+import { useFormContext as useFormContext4 } from "react-hook-form";
+import { Grid as Grid5 } from "@availity/mui-layout";
+import { Typography as Typography7 } from "@availity/mui-typography";
+import { Alert as Alert3, AlertTitle as AlertTitle3 } from "@availity/mui-alert";
+import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var FileSelector2 = ({
   name,
   allowedFileNameCharacters,
@@ -1465,17 +1346,18 @@ var FileSelector2 = ({
   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), {
+  const [totalSize, setTotalSize] = useState4(0);
+  const [fileRejections, setFileRejections] = useState4([]);
+  const formMethods = useFormContext4();
+  const options = {
+    ...uploadOptions,
     bucketId,
     customerId,
     clientId,
     fileTypes: allowedFileTypes,
     maxSize,
     allowedFileNameCharacters
-  });
+  };
   if (endpoint) options.endpoint = endpoint;
   else if (isCloud) options.endpoint = CLOUD_URL;
   const handleOnRemoveFile = (uploadId, upload) => {
@@ -1485,11 +1367,11 @@ var FileSelector2 = ({
       const removedFile = prevFiles.find((prev) => prev.file.name === upload.file.name);
       try {
         upload.abort();
-      } catch (e) {
+      } catch {
         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 (removedFile?.file.size) setTotalSize(totalSize - removedFile.file.size);
       if (onUploadRemove) onUploadRemove(newFiles, uploadId);
     }
   };
@@ -1505,10 +1387,10 @@ var FileSelector2 = ({
   const otherRejections = fileRejections.filter(
     (rejection) => !rejection.errors.some((error) => error.code === TOO_MANY_FILES_CODE)
   );
-  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_typography7.Typography, { marginBottom: "4px", children: label }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    enableDropArea ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
+      label ? /* @__PURE__ */ jsx14(Typography7, { marginBottom: "4px", children: label }) : null,
+      /* @__PURE__ */ jsx14(
         Dropzone2,
         {
           name,
@@ -1527,7 +1409,7 @@ var FileSelector2 = ({
           validator
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      /* @__PURE__ */ jsx14(
         FileTypesMessage,
         {
           allowedFileTypes,
@@ -1540,10 +1422,10 @@ var FileSelector2 = ({
         }
       ),
       children
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout8.Grid, { container: true, rowSpacing: 3, flexDirection: "column", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_mui_layout8.Grid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    ] }) : /* @__PURE__ */ jsxs14(Grid5, { container: true, rowSpacing: 3, flexDirection: "column", children: [
+      /* @__PURE__ */ jsxs14(Grid5, { children: [
+        /* @__PURE__ */ jsx14(HeaderMessage, { maxFiles, maxSize, maxTotalSize }),
+        /* @__PURE__ */ jsx14(
           FileTypesMessage,
           {
             allowedFileTypes,
@@ -1554,8 +1436,8 @@ var FileSelector2 = ({
           }
         )
       ] }),
-      children ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout8.Grid, { children }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_layout8.Grid, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      children ? /* @__PURE__ */ jsx14(Grid5, { children }) : null,
+      /* @__PURE__ */ jsx14(Grid5, { children: /* @__PURE__ */ jsx14(
         Dropzone2,
         {
           name,
@@ -1575,20 +1457,22 @@ var FileSelector2 = ({
         }
       ) })
     ] }),
-    tooManyFilesRejections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-      import_mui_alert4.Alert,
+    tooManyFilesRejections.length > 0 && /* @__PURE__ */ jsxs14(
+      Alert3,
       {
         severity: "error",
-        onClose: () => tooManyFilesRejections.forEach((rejection) => handleRemoveRejection(rejection.id)),
+        onClose: () => {
+          for (const rejection of tooManyFilesRejections) handleRemoveRejection(rejection.id);
+        },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_mui_alert4.AlertTitle, { children: "Items not allowed." }),
+          /* @__PURE__ */ jsx14(AlertTitle3, { children: "Items not allowed." }),
           "Too many files are selected for upload, maximum ",
           maxFiles,
           " allowed."
         ]
       }
     ),
-    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    otherRejections.length > 0 && otherRejections.map((rejection) => /* @__PURE__ */ jsx14(
       ErrorAlert,
       {
         errors: rejection.errors,
@@ -1598,7 +1482,7 @@ var FileSelector2 = ({
       },
       rejection.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ jsx14(
       FileList2,
       {
         uploads: uploads || [],
@@ -1610,8 +1494,7 @@ var FileSelector2 = ({
     )
   ] });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   CLOUD_URL,
   Dropzone,
   Dropzone2,
@@ -1632,4 +1515,4 @@ var FileSelector2 = ({
   innerBoxStyles,
   outerBoxStyles,
   useUploadCore
-});
+};