@alixpartners/ui-components 2.5.0 → 2.5.2

package/dist/components/DragAndDrop/DragAndDrop.test.js

@@ -1,93 +1,99 @@
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
-import { d as y, i as l, r as p, g as e, s as o, v as c, w as f, f as B } from "../../vi.bdSIJ99Y-017e_Pkz.js";
-import d from "./DragAndDrop.js";
-import { c as T, d as I } from "../../DragAndDrop.utils-D3xTV9EK.js";
+import { d as y, i as d, r, g as e, s as o, v as c, w as f, f as B } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import l from "./DragAndDrop.js";
+import { c as h, d as I } from "../../DragAndDrop.utils-D3xTV9EK.js";
 import { u as w } from "../../index-DkTDHhag.js";
 y("DragAndDrop", () => {
   y("Rendering", () => {
     y("Basic rendering", () => {
-      l("should render component with required props", () => {
-        p(/* @__PURE__ */ i(d, { label: "Upload File", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("Upload File")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-zone")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-input")).toBeInTheDocument();
-      }), l("should not render label element when label prop is omitted", () => {
-        p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.queryByText("Upload File")).not.toBeInTheDocument(), e(o.getByTestId("drag-and-drop-zone")).toBeInTheDocument();
-      }), l("should render required asterisk when required prop is true", () => {
-        p(/* @__PURE__ */ i(d, { label: "Upload File", required: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByTestId("drag-and-drop-required")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-required")).toHaveTextContent("*");
-      }), l("should not render required asterisk when required prop is false", () => {
-        p(/* @__PURE__ */ i(d, { label: "Upload File", required: !1, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.queryByTestId("drag-and-drop-required")).not.toBeInTheDocument();
-      }), l("should render browse button with default text for single file", () => {
-        p(/* @__PURE__ */ i(d, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
+      d("should render component with required props", () => {
+        r(/* @__PURE__ */ i(l, { label: "Upload File", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("Upload File")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-zone")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-input")).toBeInTheDocument();
+      }), d("should not render label element when label prop is omitted", () => {
+        r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.queryByText("Upload File")).not.toBeInTheDocument(), e(o.getByTestId("drag-and-drop-zone")).toBeInTheDocument();
+      }), d("should render required asterisk when required prop is true", () => {
+        r(/* @__PURE__ */ i(l, { label: "Upload File", required: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByTestId("drag-and-drop-required")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-required")).toHaveTextContent("*");
+      }), d("should not render required asterisk when required prop is false", () => {
+        r(/* @__PURE__ */ i(l, { label: "Upload File", required: !1, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.queryByTestId("drag-and-drop-required")).not.toBeInTheDocument();
+      }), d("should render browse button with default text for single file", () => {
+        r(/* @__PURE__ */ i(l, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
         const t = o.getByText("Browse file");
         e(t).toBeInTheDocument();
-      }), l("should render browse button with default text for multiple files", () => {
-        p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
+      }), d("should render browse button with default text for multiple files", () => {
+        r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
         const t = o.getByText("Browse files");
         e(t).toBeInTheDocument();
-      }), l("should render drag text for single file", () => {
-        p(/* @__PURE__ */ i(d, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("or drag your file")).toBeInTheDocument();
-      }), l("should render drag text for multiple files", () => {
-        p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("or drag multiple files")).toBeInTheDocument();
-      }), l("should render file list when files are present", async () => {
+      }), d("should render drag text for single file", () => {
+        r(/* @__PURE__ */ i(l, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("or drag your file")).toBeInTheDocument();
+      }), d("should render drag text for multiple files", () => {
+        r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), e(o.getByText("or drag multiple files")).toBeInTheDocument();
+      }), d("should render file list when files are present", async () => {
         const t = new File(["test"], "test.pdf", {
           type: "application/pdf"
         }), a = c.fn();
-        p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+        r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
         const n = o.getByTestId("drag-and-drop-input");
         await w.upload(n, t), await f(() => {
           e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument();
         });
       });
     }), y("Disabled state", () => {
-      l("should render browse button as enabled by default", () => {
-        p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
+      d("should render browse button as enabled by default", () => {
+        r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
         const t = o.getByText("Browse file");
         e(t).not.toBeDisabled();
-      }), l("should render browse button as disabled when disabled prop is true", () => {
-        p(/* @__PURE__ */ i(d, { disabled: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
+      }), d("should render browse button as disabled when disabled prop is true", () => {
+        r(/* @__PURE__ */ i(l, { disabled: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 }));
         const t = o.getByTestId("button");
         e(t).toBeDisabled();
       });
     }), y("CSS Classes", () => {
-      l("should apply disabled CSS class to container when disabled prop is true", () => {
+      d("should apply disabled CSS class to container when disabled prop is true", () => {
         const {
           container: t
-        } = p(/* @__PURE__ */ i(d, { disabled: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), a = t.firstChild;
+        } = r(/* @__PURE__ */ i(l, { disabled: !0, fileExtensionsAllowed: ["pdf"], maxSize: 5 })), a = t.firstChild;
         e(a.className).toContain("disabled");
-      }), l("should merge custom className with default container classes", () => {
+      }), d("should merge custom className with default container classes", () => {
         const {
           container: t
-        } = p(/* @__PURE__ */ i(d, { className: "custom-class", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), a = t.firstChild;
+        } = r(/* @__PURE__ */ i(l, { className: "custom-class", fileExtensionsAllowed: ["pdf"], maxSize: 5 })), a = t.firstChild;
         e(a.className).toContain("custom-class");
       });
     });
   }), y("Text Customization", () => {
-    l("should use custom browse text when provided as string", () => {
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
+    d("should use custom browse text when provided as string", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
         browse: "Select File"
       } })), e(o.getByText("Select File")).toBeInTheDocument();
-    }), l("should use custom browse text when provided as function", () => {
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
+    }), d("should use custom browse text when provided as function", () => {
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
         browse: (t) => t === "single" ? "Choose One" : "Choose Many"
       } })), e(o.getByText("Choose Many")).toBeInTheDocument();
-    }), l("should use custom drag text when provided as string", () => {
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
+    }), d("should use custom drag text when provided as string", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
         drag: "or drop here"
       } })), e(o.getByText("or drop here")).toBeInTheDocument();
-    }), l("should use custom drag text when provided as function", () => {
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
+    }), d("should use custom drag text when provided as function", () => {
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, texts: {
         drag: (t) => t === "single" ? "drop one" : "drop many"
       } })), e(o.getByText("drop many")).toBeInTheDocument();
-    }), l("should use custom constraints text when provided", () => {
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf", "doc"], maxSize: 10, texts: {
+    }), d("should use custom constraints text when provided", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf", "doc"], maxSize: 10, texts: {
         constraints: ({
           extensions: t,
           maxSize: a
         }) => `Formats: ${t.join(", ")}. Max: ${a}MB`
       } })), e(o.getByText(/Formats: pdf, doc. Max: 10MB/)).toBeInTheDocument();
-    }), l("should use custom error messages when provided", async () => {
+    }), d("should use constraintsText when provided", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, constraintsText: "PDF only, max 5 MB per file." })), e(o.getByText("PDF only, max 5 MB per file.")).toBeInTheDocument();
+    }), d("should prefer constraintsText over texts.constraints", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, constraintsText: "From prop", texts: {
+        constraints: () => "From texts"
+      } })), e(o.getByText("From prop")).toBeInTheDocument(), e(o.queryByText("From texts")).not.toBeInTheDocument();
+    }), d("should use custom error messages when provided", async () => {
       const t = new File(["x".repeat(10485760)], "large.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 1, onUpload: a, texts: {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 1, onUpload: a, texts: {
         errors: {
           sizeTooLarge: (s) => `File is too big! Maximum is ${s}MB`
         }
@@ -98,55 +104,55 @@ y("DragAndDrop", () => {
       });
     });
   }), y("Icon Customization", () => {
-    l("should use custom file icon when provided", async () => {
+    d("should use custom file icon when provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, fileIcon: "ap-icon-document-rpm" }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, fileIcon: "ap-icon-document-rpm" }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         const s = o.getByTestId("drag-and-drop-file-item-0").querySelector(".ap-icon-document-rpm");
         e(s).toBeInTheDocument();
       });
-    }), l("should use custom error icon when provided", async () => {
+    }), d("should use custom error icon when provided", async () => {
       const t = new File(["test"], "test.txt", {
         type: "text/plain"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errorIcon: "ap-icon-alert-filled" }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errorIcon: "ap-icon-alert-filled" }));
       const n = o.getByTestId("drag-and-drop-input"), s = new DataTransfer();
       s.items.add(t), Object.defineProperty(n, "files", {
         value: s.files,
         writable: !1
       }), B.change(n), await f(() => {
-        const r = o.getByTestId("drag-and-drop-file-error-0");
-        e(r).toBeInTheDocument();
-        const u = r.querySelector(".ap-icon-alert-filled");
+        const p = o.getByTestId("drag-and-drop-file-error-0");
+        e(p).toBeInTheDocument();
+        const u = p.querySelector(".ap-icon-alert-filled");
         e(u).toBeInTheDocument();
       });
-    }), l("should use custom browse button icon when provided", () => {
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, browseButtonIcon: "ap-icon-upload" }));
+    }), d("should use custom browse button icon when provided", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, browseButtonIcon: "ap-icon-upload" }));
       const t = o.getByTestId("button-icon");
       e(t).toBeInTheDocument(), e(t.className).toContain("ap-icon-upload");
     });
   }), y("Render Props", () => {
-    l("should use custom renderFileItem when provided", async () => {
+    d("should use custom renderFileItem when provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), a = c.fn(), n = c.fn((r, u, g) => /* @__PURE__ */ v("div", { children: [
+      }), a = c.fn(), n = c.fn((p, u, g) => /* @__PURE__ */ v("div", { children: [
         "Custom: ",
-        r.file.name,
+        p.file.name,
         /* @__PURE__ */ i("button", { onClick: g, children: "Remove" })
       ] }));
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, renderFileItem: n }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, renderFileItem: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(o.getByTestId("custom-file-item")).toBeInTheDocument(), e(o.getByText("Custom: test.pdf")).toBeInTheDocument(), e(n).toHaveBeenCalledTimes(1);
       });
-    }), l("should call renderFileItem with correct parameters", async () => {
+    }), d("should call renderFileItem with correct parameters", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), a = c.fn(), n = c.fn((r, u, g) => /* @__PURE__ */ i("div", { children: "Custom" }));
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, renderFileItem: n }));
+      }), a = c.fn(), n = c.fn((p, u, g) => /* @__PURE__ */ i("div", { children: "Custom" }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, renderFileItem: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(n).toHaveBeenCalledWith(e.objectContaining({
@@ -156,22 +162,22 @@ y("DragAndDrop", () => {
       });
     });
   }), y("File Size Formatter", () => {
-    l("should use custom fileSizeFormatter when provided", async () => {
+    d("should use custom fileSizeFormatter when provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), a = c.fn(), n = c.fn((r) => `${(r / 1024).toFixed(0)} KB`);
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, fileSizeFormatter: n }));
+      }), a = c.fn(), n = c.fn((p) => `${(p / 1024).toFixed(0)} KB`);
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, fileSizeFormatter: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(n).toHaveBeenCalled();
-        const r = o.getByTestId("drag-and-drop-file-size-0");
-        e(r.textContent).toBe(`${Math.round(t.size / 1024)} KB`);
+        const p = o.getByTestId("drag-and-drop-file-size-0");
+        e(p.textContent).toBe(`${Math.round(t.size / 1024)} KB`);
       });
-    }), l("should use default formatter when fileSizeFormatter is not provided", async () => {
+    }), d("should use default formatter when fileSizeFormatter is not provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         const s = o.getByTestId("drag-and-drop-file-size-0");
@@ -179,8 +185,8 @@ y("DragAndDrop", () => {
       });
     });
   }), y("Button Customization", () => {
-    l("should apply browseButtonProps to browse button", () => {
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, browseButtonProps: {
+    d("should apply browseButtonProps to browse button", () => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, browseButtonProps: {
         type: "primary",
         variant: "danger",
         size: "md"
@@ -189,146 +195,146 @@ y("DragAndDrop", () => {
       e(t.className).toContain("btn-primary"), e(t.className).toContain("btn-danger"), e(t.className).toContain("btn-md");
     });
   }), y("File Upload Interactions", () => {
-    l("should call onUpload when file is selected", async () => {
+    d("should call onUpload when file is selected", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         e(a).toHaveBeenCalledTimes(1), e(a).toHaveBeenCalledWith(e.arrayContaining([e.objectContaining({
           file: e.any(File)
         })]));
       });
-    }), l("should handle multiple file selection", async () => {
+    }), d("should handle multiple file selection", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
         type: "application/pdf"
       }), n = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n }));
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, [t, a]), await f(() => {
         e(n).toHaveBeenCalledTimes(1);
-        const r = n.mock.calls[0][0];
-        e(r).toHaveLength(2);
+        const p = n.mock.calls[0][0];
+        e(p).toHaveLength(2);
       });
-    }), l("should call onRemoveFile when remove button is clicked", async () => {
+    }), d("should call onRemoveFile when remove button is clicked", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), n = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, onRemoveFile: n }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, onRemoveFile: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument();
       });
-      const r = o.getByTestId("drag-and-drop-remove-0");
-      B.click(r), e(n).toHaveBeenCalledTimes(1);
+      const p = o.getByTestId("drag-and-drop-remove-0");
+      B.click(p), e(n).toHaveBeenCalledTimes(1);
       const [u, g] = n.mock.calls[0];
       e(u).toBe(t), e(g).toHaveLength(0), await f(() => {
         e(o.queryByTestId("drag-and-drop-files-list")).not.toBeInTheDocument();
       });
-    }), l("should queue files when queueFiles is true", async () => {
+    }), d("should queue files when queueFiles is true", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
         type: "application/pdf"
       }), n = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n, queueFiles: !0 }));
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n, queueFiles: !0 }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(n).toHaveBeenCalledTimes(1);
       }), await w.upload(s, a), await f(() => {
         e(n).toHaveBeenCalledTimes(2);
-        const r = n.mock.calls[1][0];
-        e(r.length).toBeGreaterThan(1);
+        const p = n.mock.calls[1][0];
+        e(p.length).toBeGreaterThan(1);
       });
     });
   }), y("Drag and Drop Interactions", () => {
-    l("should handle drag over event", () => {
+    d("should handle drag over event", () => {
       const t = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onDragOver: t }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onDragOver: t }));
       const a = o.getByTestId("drag-and-drop-zone");
       B.dragOver(a), e(t).toHaveBeenCalledTimes(1);
-    }), l("should handle drag leave event", () => {
+    }), d("should handle drag leave event", () => {
       const t = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onDragLeave: t }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onDragLeave: t }));
       const a = o.getByTestId("drag-and-drop-zone");
       B.dragLeave(a), e(t).toHaveBeenCalledTimes(1);
-    }), l("should handle drop event and call onUpload", async () => {
+    }), d("should handle drop event and call onUpload", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), n = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, onDrop: n }));
-      const s = o.getByTestId("drag-and-drop-zone"), r = {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, onDrop: n }));
+      const s = o.getByTestId("drag-and-drop-zone"), p = {
         files: [t],
         clearData: c.fn()
       };
       B.drop(s, {
-        dataTransfer: r
+        dataTransfer: p
       }), await f(() => {
         e(n).toHaveBeenCalledTimes(1), e(a).toHaveBeenCalledTimes(1);
       });
     });
   }), y("Validation", () => {
-    l("should validate file size and show error for oversized files", async () => {
+    d("should validate file size and show error for oversized files", async () => {
       const t = new File(["x".repeat(10485760)], "large.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 1, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 1, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument();
         const s = o.getByTestId("drag-and-drop-file-error-0");
         e(s.textContent).toContain("too large");
       });
-    }), l("should validate file extension and show error for invalid extensions", async () => {
+    }), d("should validate file extension and show error for invalid extensions", async () => {
       const t = new File(["test"], "test.txt", {
         type: "text/plain"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input"), s = new DataTransfer();
       s.items.add(t), Object.defineProperty(n, "files", {
         value: s.files,
         writable: !1
       }), B.change(n), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument();
-        const r = o.getByTestId("drag-and-drop-file-error-0");
-        e(r.textContent).toContain("format is incorrect");
+        const p = o.getByTestId("drag-and-drop-file-error-0");
+        e(p.textContent).toContain("format is incorrect");
       });
-    }), l("should use custom validator when provided", async () => {
+    }), d("should use custom validator when provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), n = c.fn(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        (r, u) => r.name.includes("test") ? {
-          file: r,
+        (p, u) => p.name.includes("test") ? {
+          file: p,
           error: 'Files with "test" in name are not allowed'
         } : {
-          file: r
+          file: p
         }
       );
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, validator: n }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, validator: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(n).toHaveBeenCalledTimes(1), e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText('Files with "test" in name are not allowed')).toBeInTheDocument();
       });
-    }), l("should execute synchronous custom validator and display returned error message", async () => {
+    }), d("should execute synchronous custom validator and display returned error message", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), n = c.fn(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        (r, u) => ({
-          file: r,
+        (p, u) => ({
+          file: p,
           error: "Synchronous validation failed"
         })
       );
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, validator: n }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, validator: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(n).toHaveBeenCalledTimes(1), e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText("Synchronous validation failed")).toBeInTheDocument();
       });
-    }), l("should accept first N files and mark excess files with error when maxFiles limit is exceeded", async () => {
+    }), d("should accept first N files and mark excess files with error when maxFiles limit is exceeded", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
@@ -336,53 +342,53 @@ y("DragAndDrop", () => {
       }), n = new File(["test3"], "test3.pdf", {
         type: "application/pdf"
       }), s = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, maxFiles: 2, onUpload: s }));
-      const r = o.getByTestId("drag-and-drop-input");
-      await w.upload(r, [t, a, n]), await f(() => {
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, maxFiles: 2, onUpload: s }));
+      const p = o.getByTestId("drag-and-drop-input");
+      await w.upload(p, [t, a, n]), await f(() => {
         e(s).toHaveBeenCalledTimes(1);
         const u = s.mock.calls[0][0];
         e(u).toHaveLength(3), e(u[0].error).toBeUndefined(), e(u[1].error).toBeUndefined(), e(u[2].error).toContain("Maximum 2 files allowed");
       });
-    }), l("should only accept first file when type is single and multiple files are dropped", async () => {
+    }), d("should only accept first file when type is single and multiple files are dropped", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
         type: "application/pdf"
       }), n = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n }));
+      r(/* @__PURE__ */ i(l, { type: "single", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, [t, a]), await f(() => {
         e(n).toHaveBeenCalledTimes(1);
-        const r = n.mock.calls[0][0];
-        e(r).toHaveLength(1);
+        const p = n.mock.calls[0][0];
+        e(p).toHaveLength(1);
       });
     });
   }), y("Controlled Mode", () => {
-    l("should use controlled value when value prop is provided", async () => {
+    d("should use controlled value when value prop is provided", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), {
         rerender: n
-      } = p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, value: t, onUpload: a }));
+      } = r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, value: t, onUpload: a }));
       await f(() => {
         e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent("test.pdf");
       });
       const s = new File(["new"], "new.pdf", {
         type: "application/pdf"
       });
-      n(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, value: s, onUpload: a })), await f(() => {
+      n(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, value: s, onUpload: a })), await f(() => {
         e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent("new.pdf");
       });
-    }), l("should use controlled value array when value prop is array", async () => {
+    }), d("should use controlled value array when value prop is array", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
         type: "application/pdf"
       }), n = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: [t, a], onUpload: n })), await f(() => {
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: [t, a], onUpload: n })), await f(() => {
         e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument(), e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent("test1.pdf"), e(o.getByTestId("drag-and-drop-file-name-1")).toHaveTextContent("test2.pdf");
       });
-    }), l("should remove files by filename in controlled mode", async () => {
+    }), d("should remove files by filename in controlled mode", async () => {
       const t = new File(["test1"], "test1.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test2.pdf", {
@@ -391,128 +397,128 @@ y("DragAndDrop", () => {
       let n = [];
       const s = c.fn((m) => {
         n = m;
-      }), r = c.fn((m, h) => {
-        n = h;
+      }), p = c.fn((m, T) => {
+        n = T;
       }), {
         rerender: u
-      } = p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: r })), g = o.getByTestId("drag-and-drop-input");
+      } = r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: p })), g = o.getByTestId("drag-and-drop-input");
       await w.upload(g, [t, a]), await f(() => {
         e(s).toHaveBeenCalled(), e(n.length).toBe(2);
-      }), u(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: r })), await f(() => {
+      }), u(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: p })), await f(() => {
         e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent("test1.pdf"), e(o.getByTestId("drag-and-drop-file-name-1")).toHaveTextContent("test2.pdf");
       });
       const x = o.getByTestId("drag-and-drop-remove-0");
       B.click(x), await f(() => {
-        e(r).toHaveBeenCalledTimes(1);
-        const [m, h] = r.mock.calls[0];
-        e(m).toBe(t), e(h).toHaveLength(1), e(h[0].file).toBe(a);
-      }), e(n.length).toBe(1), e(n.find((m) => m.file.name === "test1.pdf")).toBeUndefined(), u(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: r })), await f(() => {
+        e(p).toHaveBeenCalledTimes(1);
+        const [m, T] = p.mock.calls[0];
+        e(m).toBe(t), e(T).toHaveLength(1), e(T[0].file).toBe(a);
+      }), e(n.length).toBe(1), e(n.find((m) => m.file.name === "test1.pdf")).toBeUndefined(), u(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, value: n.map((m) => m.file), onUpload: s, onRemoveFile: p })), await f(() => {
         e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument();
         const m = n[0];
         e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent(m.file.name), e(o.queryByTestId("drag-and-drop-file-name-1")).not.toBeInTheDocument();
       });
     });
   }), y("File Display", () => {
-    l("should display file name", async () => {
+    d("should display file name", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         e(o.getByTestId("drag-and-drop-file-name-0")).toHaveTextContent("test.pdf");
       });
-    }), l("should display file size", async () => {
+    }), d("should display file size", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input");
       await w.upload(n, t), await f(() => {
         e(o.getByTestId("drag-and-drop-file-size-0")).toBeInTheDocument();
       });
-    }), l("should display error message when file has error", async () => {
+    }), d("should display error message when file has error", async () => {
       const t = new File(["test"], "test.txt", {
         type: "text/plain"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a }));
       const n = o.getByTestId("drag-and-drop-input"), s = new DataTransfer();
       s.items.add(t), Object.defineProperty(n, "files", {
         value: s.files,
         writable: !1
       }), B.change(n), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument();
-        const r = o.getByTestId("drag-and-drop-file-error-0");
-        e(r.textContent).toContain("format is incorrect");
+        const p = o.getByTestId("drag-and-drop-file-error-0");
+        e(p.textContent).toContain("format is incorrect");
       });
     });
   }), y("External Errors Prop", () => {
-    l("should display external errors when no validator errors exist", async () => {
+    d("should display external errors when no validator errors exist", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errors: {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errors: {
         "test.pdf": "Custom external error message"
       } }));
       const s = o.getByTestId("drag-and-drop-input");
       await w.upload(s, t), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText("Custom external error message")).toBeInTheDocument();
       });
-    }), l("should hide external errors when validator errors exist (precedence)", async () => {
+    }), d("should hide external errors when validator errors exist (precedence)", async () => {
       const t = new File(["test"], "test.txt", {
         type: "text/plain"
       }), a = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errors: {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, errors: {
         "test.txt": "Custom external error message"
       } }));
-      const s = o.getByTestId("drag-and-drop-input"), r = new DataTransfer();
-      r.items.add(t), Object.defineProperty(s, "files", {
-        value: r.files,
+      const s = o.getByTestId("drag-and-drop-input"), p = new DataTransfer();
+      p.items.add(t), Object.defineProperty(s, "files", {
+        value: p.files,
         writable: !1
       }), B.change(s), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText(/format is incorrect/)).toBeInTheDocument(), e(o.queryByText("Custom external error message")).not.toBeInTheDocument();
       });
-    }), l("should update external errors when errors prop changes", async () => {
+    }), d("should update external errors when errors prop changes", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), {
         rerender: n
-      } = p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t }));
+      } = r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t }));
       await f(() => {
         e(o.getByTestId("drag-and-drop-files-list")).toBeInTheDocument(), e(o.queryByTestId("drag-and-drop-file-error-0")).not.toBeInTheDocument();
-      }), n(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {
+      }), n(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {
         "test.pdf": "New error message"
       } })), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText("New error message")).toBeInTheDocument();
       });
-    }), l("should clear external errors when errors prop is cleared", async () => {
+    }), d("should clear external errors when errors prop is cleared", async () => {
       const t = new File(["test"], "test.pdf", {
         type: "application/pdf"
       }), a = c.fn(), {
         rerender: n
-      } = p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {
+      } = r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {
         "test.pdf": "Error message"
       } }));
       await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument();
-      }), n(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {} })), await f(() => {
+      }), n(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: a, value: t, errors: {} })), await f(() => {
         e(o.queryByTestId("drag-and-drop-file-error-0")).not.toBeInTheDocument();
       });
-    }), l("should handle external errors with duplicate filenames correctly", async () => {
+    }), d("should handle external errors with duplicate filenames correctly", async () => {
       const t = new File(["test1"], "test.pdf", {
         type: "application/pdf"
       }), a = new File(["test2"], "test.pdf", {
         type: "application/pdf"
       }), n = c.fn();
-      p(/* @__PURE__ */ i(d, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n, value: [t, a], errors: {
+      r(/* @__PURE__ */ i(l, { type: "multiple", fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: n, value: [t, a], errors: {
         "test.pdf": "Error for duplicate filename"
       } })), await f(() => {
-        const r = o.getAllByTestId(/drag-and-drop-file-error-/);
-        e(r.length).toBeGreaterThan(0);
+        const p = o.getAllByTestId(/drag-and-drop-file-error-/);
+        e(p.length).toBeGreaterThan(0);
       });
     });
   }), y("composeValidators", () => {
-    l("should compose multiple validators correctly", () => {
+    d("should compose multiple validators correctly", () => {
       const t = c.fn((m) => m.name.includes("test") ? {
         file: m,
         error: "Validator 1 error"
@@ -523,72 +529,72 @@ y("DragAndDrop", () => {
         error: "Validator 2 error"
       } : {
         file: m
-      }), n = T(t, a), s = {
+      }), n = h(t, a), s = {
         maxSize: 5,
         fileExtensionsAllowed: ["pdf"],
         type: "single",
         maxFiles: 1
-      }, r = new File(["test"], "test.pdf", {
+      }, p = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), u = n(r, s);
+      }), u = n(p, s);
       e(u.error).toBe("Validator 1 error"), e(t).toHaveBeenCalledTimes(1), e(a).not.toHaveBeenCalled();
       const g = new File(["x".repeat(2e3)], "valid.pdf", {
         type: "application/pdf"
       }), x = n(g, s);
       e(x.error).toBe("Validator 2 error"), e(a).toHaveBeenCalledTimes(1);
-    }), l("should return first error encountered", () => {
+    }), d("should return first error encountered", () => {
       const t = c.fn((g) => ({
         file: g,
         error: "First error"
       })), a = c.fn((g) => ({
         file: g,
         error: "Second error"
-      })), n = T(t, a), s = {
+      })), n = h(t, a), s = {
         maxSize: 5,
         fileExtensionsAllowed: ["pdf"],
         type: "single",
         maxFiles: 1
-      }, r = new File(["test"], "test.pdf", {
+      }, p = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), u = n(r, s);
+      }), u = n(p, s);
       e(u.error).toBe("First error"), e(t).toHaveBeenCalledTimes(1), e(a).not.toHaveBeenCalled();
-    }), l("should return success when all validators pass", () => {
+    }), d("should return success when all validators pass", () => {
       const t = c.fn((g) => ({
         file: g
       })), a = c.fn((g) => ({
         file: g
-      })), n = T(t, a), s = {
+      })), n = h(t, a), s = {
         maxSize: 5,
         fileExtensionsAllowed: ["pdf"],
         type: "single",
         maxFiles: 1
-      }, r = new File(["test"], "test.pdf", {
+      }, p = new File(["test"], "test.pdf", {
         type: "application/pdf"
-      }), u = n(r, s);
+      }), u = n(p, s);
       e(u.error).toBeUndefined(), e(t).toHaveBeenCalledTimes(1), e(a).toHaveBeenCalledTimes(1);
-    }), l("should work with defaultValidator in composition", () => {
+    }), d("should work with defaultValidator in composition", () => {
       const t = c.fn((x, m) => {
-        const h = I(x, m);
-        return h.error ? h : x.name.startsWith("reject") ? {
+        const T = I(x, m);
+        return T.error ? T : x.name.startsWith("reject") ? {
           file: x,
           error: "Custom rejection error"
         } : {
           file: x
         };
-      }), a = T(I, t), n = {
+      }), a = h(I, t), n = {
         maxSize: 1,
         fileExtensionsAllowed: ["pdf"],
         type: "single",
         maxFiles: 1
       }, s = new File(["x".repeat(2 * 1024 * 1024)], "large.pdf", {
         type: "application/pdf"
-      }), r = a(s, n);
-      e(r.error).toContain("too large"), e(r.errorCode).toBe("SIZE_TOO_LARGE");
+      }), p = a(s, n);
+      e(p.error).toContain("too large"), e(p.errorCode).toBe("SIZE_TOO_LARGE");
       const u = new File(["test"], "reject.pdf", {
         type: "application/pdf"
       }), g = a(u, n);
       e(g.error).toBe("Custom rejection error");
-    }), l("should integrate composeValidators with component", async () => {
+    }), d("should integrate composeValidators with component", async () => {
       const t = c.fn((u, g) => {
         const x = I(u, g);
         return x.error ? x : u.name.startsWith("blocked") ? {
@@ -597,12 +603,12 @@ y("DragAndDrop", () => {
         } : {
           file: u
         };
-      }), a = T(I, t), n = new File(["test"], "blocked.pdf", {
+      }), a = h(I, t), n = new File(["test"], "blocked.pdf", {
         type: "application/pdf"
       }), s = c.fn();
-      p(/* @__PURE__ */ i(d, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: s, validator: a }));
-      const r = o.getByTestId("drag-and-drop-input");
-      await w.upload(r, n), await f(() => {
+      r(/* @__PURE__ */ i(l, { fileExtensionsAllowed: ["pdf"], maxSize: 5, onUpload: s, validator: a }));
+      const p = o.getByTestId("drag-and-drop-input");
+      await w.upload(p, n), await f(() => {
         e(o.getByTestId("drag-and-drop-file-error-0")).toBeInTheDocument(), e(o.getByText("File name blocked")).toBeInTheDocument();
       });
     });