@povio/ui 3.2.2-rc.6 → 3.2.2-rc.7

package/dist/components/inputs/File/shared/FileUploadContent.js

@@ -7,11 +7,13 @@ import { jsx } from "react/jsx-runtime";
 import { FileTrigger } from "react-aria-components";
 //#region src/components/inputs/File/shared/FileUploadContent.tsx
 var FileUploadContent = (t0) => {
-	const $ = c(57);
+	const $ = c(63);
 	let acceptedFileTypes;
 	let allowsMultiple;
 	let as;
+	let browseButtonProps;
 	let browseText;
+	let cancelButtonProps;
 	let emptyText;
 	let handleCancelUpload;
 	let handleRemove;
@@ -22,62 +24,66 @@ var FileUploadContent = (t0) => {
 	let uploadText;
 	let variant;
 	if ($[0] !== t0) {
-		({variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest} = t0);
+		({variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, browseButtonProps, cancelButtonProps, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest} = t0);
 		$[0] = t0;
 		$[1] = acceptedFileTypes;
 		$[2] = allowsMultiple;
 		$[3] = as;
-		$[4] = browseText;
-		$[5] = emptyText;
-		$[6] = handleCancelUpload;
-		$[7] = handleRemove;
-		$[8] = handleSelect;
-		$[9] = isDisabled;
-		$[10] = rest;
-		$[11] = uploadState;
-		$[12] = uploadText;
-		$[13] = variant;
+		$[4] = browseButtonProps;
+		$[5] = browseText;
+		$[6] = cancelButtonProps;
+		$[7] = emptyText;
+		$[8] = handleCancelUpload;
+		$[9] = handleRemove;
+		$[10] = handleSelect;
+		$[11] = isDisabled;
+		$[12] = rest;
+		$[13] = uploadState;
+		$[14] = uploadText;
+		$[15] = variant;
 	} else {
 		acceptedFileTypes = $[1];
 		allowsMultiple = $[2];
 		as = $[3];
-		browseText = $[4];
-		emptyText = $[5];
-		handleCancelUpload = $[6];
-		handleRemove = $[7];
-		handleSelect = $[8];
-		isDisabled = $[9];
-		rest = $[10];
-		uploadState = $[11];
-		uploadText = $[12];
-		variant = $[13];
+		browseButtonProps = $[4];
+		browseText = $[5];
+		cancelButtonProps = $[6];
+		emptyText = $[7];
+		handleCancelUpload = $[8];
+		handleRemove = $[9];
+		handleSelect = $[10];
+		isDisabled = $[11];
+		rest = $[12];
+		uploadState = $[13];
+		uploadText = $[14];
+		variant = $[15];
 	}
 	let t1;
-	if ($[14] !== uploadState) {
+	if ($[16] !== uploadState) {
 		t1 = uploadState.at(0);
-		$[14] = uploadState;
-		$[15] = t1;
-	} else t1 = $[15];
+		$[16] = uploadState;
+		$[17] = t1;
+	} else t1 = $[17];
 	const currentState = t1;
 	let t2;
-	if ($[16] !== acceptedFileTypes || $[17] !== allowsMultiple || $[18] !== handleSelect || $[19] !== rest) {
+	if ($[18] !== acceptedFileTypes || $[19] !== allowsMultiple || $[20] !== handleSelect || $[21] !== rest) {
 		t2 = {
 			...rest,
 			acceptedFileTypes,
 			allowsMultiple,
 			onSelect: handleSelect
 		};
-		$[16] = acceptedFileTypes;
-		$[17] = allowsMultiple;
-		$[18] = handleSelect;
-		$[19] = rest;
-		$[20] = t2;
-	} else t2 = $[20];
+		$[18] = acceptedFileTypes;
+		$[19] = allowsMultiple;
+		$[20] = handleSelect;
+		$[21] = rest;
+		$[22] = t2;
+	} else t2 = $[22];
 	const fileTriggerProps = t2;
 	if (!allowsMultiple && currentState) {
 		if (currentState.state === "uploading") {
 			let t3;
-			if ($[21] !== as || $[22] !== currentState || $[23] !== handleCancelUpload || $[24] !== isDisabled || $[25] !== variant) {
+			if ($[23] !== as || $[24] !== cancelButtonProps || $[25] !== currentState || $[26] !== handleCancelUpload || $[27] !== isDisabled || $[28] !== variant) {
 				t3 = /* @__PURE__ */ jsx(FileUploadContentLoading, {
 					index: 0,
 					variant,
@@ -85,29 +91,31 @@ var FileUploadContent = (t0) => {
 					singleFile: true,
 					isDisabled,
 					state: currentState,
+					cancelButtonProps,
 					onCancel: handleCancelUpload
 				});
-				$[21] = as;
-				$[22] = currentState;
-				$[23] = handleCancelUpload;
-				$[24] = isDisabled;
-				$[25] = variant;
-				$[26] = t3;
-			} else t3 = $[26];
+				$[23] = as;
+				$[24] = cancelButtonProps;
+				$[25] = currentState;
+				$[26] = handleCancelUpload;
+				$[27] = isDisabled;
+				$[28] = variant;
+				$[29] = t3;
+			} else t3 = $[29];
 			return t3;
 		}
 		if (currentState.state === "uploaded") {
 			let t3;
-			if ($[27] !== currentState.id || $[28] !== handleRemove) {
+			if ($[30] !== currentState.id || $[31] !== handleRemove) {
 				t3 = () => {
 					handleRemove(currentState.id ?? "");
 				};
-				$[27] = currentState.id;
-				$[28] = handleRemove;
-				$[29] = t3;
-			} else t3 = $[29];
+				$[30] = currentState.id;
+				$[31] = handleRemove;
+				$[32] = t3;
+			} else t3 = $[32];
 			let t4;
-			if ($[30] !== as || $[31] !== browseText || $[32] !== currentState || $[33] !== fileTriggerProps || $[34] !== isDisabled || $[35] !== t3 || $[36] !== variant) {
+			if ($[33] !== as || $[34] !== browseButtonProps || $[35] !== browseText || $[36] !== currentState || $[37] !== fileTriggerProps || $[38] !== isDisabled || $[39] !== t3 || $[40] !== variant) {
 				t4 = /* @__PURE__ */ jsx(FileUploadContentFilled, {
 					as,
 					variant,
@@ -115,52 +123,56 @@ var FileUploadContent = (t0) => {
 					isDisabled,
 					state: currentState,
 					browseText,
+					browseButtonProps,
 					fileTriggerProps,
 					onRemove: t3
 				});
-				$[30] = as;
-				$[31] = browseText;
-				$[32] = currentState;
-				$[33] = fileTriggerProps;
-				$[34] = isDisabled;
-				$[35] = t3;
-				$[36] = variant;
-				$[37] = t4;
-			} else t4 = $[37];
+				$[33] = as;
+				$[34] = browseButtonProps;
+				$[35] = browseText;
+				$[36] = currentState;
+				$[37] = fileTriggerProps;
+				$[38] = isDisabled;
+				$[39] = t3;
+				$[40] = variant;
+				$[41] = t4;
+			} else t4 = $[41];
 			return t4;
 		}
 		if (currentState.state === "error") {
 			let t3;
-			if ($[38] !== currentState.id || $[39] !== handleRemove) {
+			if ($[42] !== currentState.id || $[43] !== handleRemove) {
 				t3 = () => {
 					handleRemove(currentState.id ?? "");
 				};
-				$[38] = currentState.id;
-				$[39] = handleRemove;
-				$[40] = t3;
-			} else t3 = $[40];
+				$[42] = currentState.id;
+				$[43] = handleRemove;
+				$[44] = t3;
+			} else t3 = $[44];
 			let t4;
-			if ($[41] !== as || $[42] !== currentState || $[43] !== isDisabled || $[44] !== t3 || $[45] !== variant) {
+			if ($[45] !== as || $[46] !== browseButtonProps || $[47] !== currentState || $[48] !== isDisabled || $[49] !== t3 || $[50] !== variant) {
 				t4 = /* @__PURE__ */ jsx(FileUploadContentError, {
 					as,
 					variant,
 					singleFile: true,
 					isDisabled,
 					state: currentState,
+					browseButtonProps,
 					onRemove: t3
 				});
-				$[41] = as;
-				$[42] = currentState;
-				$[43] = isDisabled;
-				$[44] = t3;
-				$[45] = variant;
-				$[46] = t4;
-			} else t4 = $[46];
+				$[45] = as;
+				$[46] = browseButtonProps;
+				$[47] = currentState;
+				$[48] = isDisabled;
+				$[49] = t3;
+				$[50] = variant;
+				$[51] = t4;
+			} else t4 = $[51];
 			return t4;
 		}
 	}
 	let t3;
-	if ($[47] !== as || $[48] !== browseText || $[49] !== emptyText || $[50] !== isDisabled || $[51] !== uploadText || $[52] !== variant) {
+	if ($[52] !== as || $[53] !== browseButtonProps || $[54] !== browseText || $[55] !== emptyText || $[56] !== isDisabled || $[57] !== uploadText || $[58] !== variant) {
 		t3 = /* @__PURE__ */ jsx(FileUploadContentEmpty, {
 			as,
 			variant,
@@ -168,26 +180,28 @@ var FileUploadContent = (t0) => {
 			isDisabled,
 			title: emptyText,
 			uploadText,
-			browseText
+			browseText,
+			browseButtonProps
 		});
-		$[47] = as;
-		$[48] = browseText;
-		$[49] = emptyText;
-		$[50] = isDisabled;
-		$[51] = uploadText;
-		$[52] = variant;
-		$[53] = t3;
-	} else t3 = $[53];
+		$[52] = as;
+		$[53] = browseButtonProps;
+		$[54] = browseText;
+		$[55] = emptyText;
+		$[56] = isDisabled;
+		$[57] = uploadText;
+		$[58] = variant;
+		$[59] = t3;
+	} else t3 = $[59];
 	let t4;
-	if ($[54] !== fileTriggerProps || $[55] !== t3) {
+	if ($[60] !== fileTriggerProps || $[61] !== t3) {
 		t4 = /* @__PURE__ */ jsx(FileTrigger, {
 			...fileTriggerProps,
 			children: t3
 		});
-		$[54] = fileTriggerProps;
-		$[55] = t3;
-		$[56] = t4;
-	} else t4 = $[56];
+		$[60] = fileTriggerProps;
+		$[61] = t3;
+		$[62] = t4;
+	} else t4 = $[62];
 	return t4;
 };
 //#endregion

package/dist/components/inputs/File/shared/FileUploadContentEmpty.d.ts

@@ -1,9 +1,9 @@
 import { FileUploadBaseProps } from '../fileUpload.types';
-type FileUploadContentEmptyProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText" | "uploadText"> & {
+type FileUploadContentEmptyProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText" | "uploadText" | "browseButtonProps"> & {
     title: string;
     singleFile?: boolean;
     hideButton?: boolean;
     className?: string;
 };
-export declare const FileUploadContentEmpty: ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton, className, }: FileUploadContentEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploadContentEmpty: ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton, className, browseButtonProps, }: FileUploadContentEmptyProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/File/shared/FileUploadContentEmpty.js

@@ -7,153 +7,189 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 //#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
 var FileUploadContentEmpty = (t0) => {
-	const $ = c(41);
-	const { variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton: t1, className } = t0;
+	const $ = c(54);
+	const { variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton: t1, className, browseButtonProps } = t0;
 	const hideButton = t1 === void 0 ? false : t1;
-	const t2 = variant === "vertical";
-	const t3 = variant === "horizontal";
-	let t4;
-	if ($[0] !== className || $[1] !== t2 || $[2] !== t3) {
-		t4 = clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
-			"flex-col": t2,
-			"min-h-11 flex-row justify-between": t3
-		});
-		$[0] = className;
+	let t2;
+	if ($[0] !== browseButtonProps) {
+		t2 = browseButtonProps ?? {};
+		$[0] = browseButtonProps;
 		$[1] = t2;
-		$[2] = t3;
-		$[3] = t4;
-	} else t4 = $[3];
-	const t5 = variant === "vertical";
-	const t6 = variant === "horizontal";
-	let t7;
-	if ($[4] !== isDisabled || $[5] !== t5 || $[6] !== t6) {
-		t7 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-			"flex-col": t5,
-			"flex-row": t6,
-			"opacity-50": isDisabled
-		});
-		$[4] = isDisabled;
-		$[5] = t5;
-		$[6] = t6;
-		$[7] = t7;
-	} else t7 = $[7];
+	} else t2 = $[1];
+	let browseButtonClassName;
+	let browseButtonRestProps;
+	let t3;
+	let t4;
+	let t5;
+	if ($[2] !== t2) {
+		({className: browseButtonClassName, size: t3, variant: t4, width: t5, ...browseButtonRestProps} = t2);
+		$[2] = t2;
+		$[3] = browseButtonClassName;
+		$[4] = browseButtonRestProps;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else {
+		browseButtonClassName = $[3];
+		browseButtonRestProps = $[4];
+		t3 = $[5];
+		t4 = $[6];
+		t5 = $[7];
+	}
+	const browseButtonSize = t3 === void 0 ? "xs" : t3;
+	const browseButtonVariant = t4 === void 0 ? "outlined" : t4;
+	const browseButtonWidth = t5 === void 0 ? "hug" : t5;
+	const t6 = variant === "vertical";
+	const t7 = variant === "horizontal";
 	let t8;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" });
-		$[8] = t8;
-	} else t8 = $[8];
+	if ($[8] !== className || $[9] !== t6 || $[10] !== t7) {
+		t8 = clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
+			"flex-col": t6,
+			"min-h-11 flex-row justify-between": t7
+		});
+		$[8] = className;
+		$[9] = t6;
+		$[10] = t7;
+		$[11] = t8;
+	} else t8 = $[11];
 	const t9 = variant === "vertical";
-	let t10;
-	if ($[9] !== t9) {
-		t10 = clsx("self-stretch text-text-default-1", { "text-center": t9 });
-		$[9] = t9;
-		$[10] = t10;
-	} else t10 = $[10];
+	const t10 = variant === "horizontal";
 	let t11;
-	if ($[11] !== t10 || $[12] !== title) {
-		t11 = /* @__PURE__ */ jsx(Typography, {
+	if ($[12] !== isDisabled || $[13] !== t10 || $[14] !== t9) {
+		t11 = clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
+			"flex-col": t9,
+			"flex-row": t10,
+			"opacity-50": isDisabled
+		});
+		$[12] = isDisabled;
+		$[13] = t10;
+		$[14] = t9;
+		$[15] = t11;
+	} else t11 = $[15];
+	let t12;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(UploadIcon, { className: "h-6 w-6 text-text-default-1" });
+		$[16] = t12;
+	} else t12 = $[16];
+	const t13 = variant === "vertical";
+	let t14;
+	if ($[17] !== t13) {
+		t14 = clsx("self-stretch text-text-default-1", { "text-center": t13 });
+		$[17] = t13;
+		$[18] = t14;
+	} else t14 = $[18];
+	let t15;
+	if ($[19] !== t14 || $[20] !== title) {
+		t15 = /* @__PURE__ */ jsx(Typography, {
 			variant: "prominent-1",
 			size: "label-1",
 			as: "span",
-			className: t10,
+			className: t14,
 			children: title
 		});
-		$[11] = t10;
-		$[12] = title;
-		$[13] = t11;
-	} else t11 = $[13];
-	let t12;
-	if ($[14] !== t11 || $[15] !== t7) {
-		t12 = /* @__PURE__ */ jsxs("div", {
-			className: t7,
-			children: [t8, t11]
-		});
-		$[14] = t11;
-		$[15] = t7;
-		$[16] = t12;
-	} else t12 = $[16];
-	const t13 = variant === "vertical" && as === "button";
-	const t14 = as === "link";
-	const t15 = as === "button";
+		$[19] = t14;
+		$[20] = title;
+		$[21] = t15;
+	} else t15 = $[21];
 	let t16;
-	if ($[17] !== t13 || $[18] !== t14 || $[19] !== t15) {
-		t16 = clsx("flex items-center justify-center", {
-			"flex-col": t13,
-			"gap-file-upload-content-gap-text-to-text": t14,
-			"gap-file-upload-content-gap-content-to-button": t15
+	if ($[22] !== t11 || $[23] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t11,
+			children: [t12, t15]
 		});
-		$[17] = t13;
-		$[18] = t14;
-		$[19] = t15;
-		$[20] = t16;
-	} else t16 = $[20];
-	const t17 = singleFile ? "label-2" : "label-3";
-	const t18 = variant === "vertical";
-	let t19;
-	if ($[21] !== isDisabled || $[22] !== t18) {
-		t19 = clsx("text-text-default-2", {
-			"text-center": t18,
+		$[22] = t11;
+		$[23] = t15;
+		$[24] = t16;
+	} else t16 = $[24];
+	const t17 = variant === "vertical" && as === "button";
+	const t18 = as === "link";
+	const t19 = as === "button";
+	let t20;
+	if ($[25] !== t17 || $[26] !== t18 || $[27] !== t19) {
+		t20 = clsx("flex items-center justify-center", {
+			"flex-col": t17,
+			"gap-file-upload-content-gap-text-to-text": t18,
+			"gap-file-upload-content-gap-content-to-button": t19
+		});
+		$[25] = t17;
+		$[26] = t18;
+		$[27] = t19;
+		$[28] = t20;
+	} else t20 = $[28];
+	const t21 = singleFile ? "label-2" : "label-3";
+	const t22 = variant === "vertical";
+	let t23;
+	if ($[29] !== isDisabled || $[30] !== t22) {
+		t23 = clsx("text-text-default-2", {
+			"text-center": t22,
 			"opacity-50": isDisabled
 		});
-		$[21] = isDisabled;
-		$[22] = t18;
-		$[23] = t19;
-	} else t19 = $[23];
-	let t20;
-	if ($[24] !== t17 || $[25] !== t19 || $[26] !== uploadText) {
-		t20 = /* @__PURE__ */ jsx(Typography, {
+		$[29] = isDisabled;
+		$[30] = t22;
+		$[31] = t23;
+	} else t23 = $[31];
+	let t24;
+	if ($[32] !== t21 || $[33] !== t23 || $[34] !== uploadText) {
+		t24 = /* @__PURE__ */ jsx(Typography, {
 			variant: "default",
-			size: t17,
+			size: t21,
 			as: "span",
-			className: t19,
+			className: t23,
 			children: uploadText
 		});
-		$[24] = t17;
-		$[25] = t19;
-		$[26] = uploadText;
-		$[27] = t20;
-	} else t20 = $[27];
-	let t21;
-	if ($[28] !== as || $[29] !== browseText || $[30] !== hideButton || $[31] !== isDisabled) {
-		t21 = !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
+		$[32] = t21;
+		$[33] = t23;
+		$[34] = uploadText;
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== as || $[37] !== browseButtonClassName || $[38] !== browseButtonRestProps || $[39] !== browseButtonSize || $[40] !== browseButtonVariant || $[41] !== browseButtonWidth || $[42] !== browseText || $[43] !== hideButton || $[44] !== isDisabled) {
+		t25 = !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
 			className: "text-interactive-text-primary-idle lowercase",
 			children: browseText
 		}) : /* @__PURE__ */ jsx(Button, {
-			variant: "outlined",
-			size: "xs",
-			width: "hug",
+			...browseButtonRestProps,
+			variant: browseButtonVariant,
+			size: browseButtonSize,
+			width: browseButtonWidth,
 			isDisabled,
+			className: browseButtonClassName,
 			children: browseText
 		}));
-		$[28] = as;
-		$[29] = browseText;
-		$[30] = hideButton;
-		$[31] = isDisabled;
-		$[32] = t21;
-	} else t21 = $[32];
-	let t22;
-	if ($[33] !== t16 || $[34] !== t20 || $[35] !== t21) {
-		t22 = /* @__PURE__ */ jsxs("div", {
-			className: t16,
-			children: [t20, t21]
+		$[36] = as;
+		$[37] = browseButtonClassName;
+		$[38] = browseButtonRestProps;
+		$[39] = browseButtonSize;
+		$[40] = browseButtonVariant;
+		$[41] = browseButtonWidth;
+		$[42] = browseText;
+		$[43] = hideButton;
+		$[44] = isDisabled;
+		$[45] = t25;
+	} else t25 = $[45];
+	let t26;
+	if ($[46] !== t20 || $[47] !== t24 || $[48] !== t25) {
+		t26 = /* @__PURE__ */ jsxs("div", {
+			className: t20,
+			children: [t24, t25]
 		});
-		$[33] = t16;
-		$[34] = t20;
-		$[35] = t21;
-		$[36] = t22;
-	} else t22 = $[36];
-	let t23;
-	if ($[37] !== t12 || $[38] !== t22 || $[39] !== t4) {
-		t23 = /* @__PURE__ */ jsxs("div", {
-			className: t4,
-			children: [t12, t22]
+		$[46] = t20;
+		$[47] = t24;
+		$[48] = t25;
+		$[49] = t26;
+	} else t26 = $[49];
+	let t27;
+	if ($[50] !== t16 || $[51] !== t26 || $[52] !== t8) {
+		t27 = /* @__PURE__ */ jsxs("div", {
+			className: t8,
+			children: [t16, t26]
 		});
-		$[37] = t12;
-		$[38] = t22;
-		$[39] = t4;
-		$[40] = t23;
-	} else t23 = $[40];
-	return t23;
+		$[50] = t16;
+		$[51] = t26;
+		$[52] = t8;
+		$[53] = t27;
+	} else t27 = $[53];
+	return t27;
 };
 //#endregion
 export { FileUploadContentEmpty };

package/dist/components/inputs/File/shared/FileUploadContentError.d.ts

@@ -1,11 +1,11 @@
 import { FileTriggerProps } from 'react-aria-components';
 import { FileUploadBaseProps, FileUploadState } from '../fileUpload.types';
-type FileUploadContentErrorProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText"> & {
+type FileUploadContentErrorProps = Pick<FileUploadBaseProps, "variant" | "as" | "isDisabled" | "emptyText" | "browseText" | "browseButtonProps"> & {
     state: FileUploadState;
     fileTriggerProps?: FileTriggerProps;
     removeWithIcon?: boolean;
     singleFile?: boolean;
     onRemove: (id: string) => void;
 };
-export declare const FileUploadContentError: ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon, singleFile, onRemove, }: FileUploadContentErrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploadContentError: ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon, singleFile, onRemove, browseButtonProps, }: FileUploadContentErrorProps) => import("react/jsx-runtime").JSX.Element;
 export {};