@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/components/inputs/File/inputUpload.types.js

@@ -1,9 +0,0 @@
-//#region src/components/inputs/File/inputUpload.types.ts
-const inputButtonSizeMapping = {
-	"extra-small": "xs",
-	small: "s",
-	default: "m",
-	large: "l"
-};
-//#endregion
-export { inputButtonSizeMapping };

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

@@ -1,58 +0,0 @@
-import { FileUploadContentError } from "./FileUploadContentError.js";
-import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
-import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
-import { clsx } from "clsx";
-import { memo, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/FileCard.tsx
-const FileCardComponent = ({ index, as, state, onRemove, isDisabled, browseButtonProps, cancelButtonProps, onCancel }) => {
-	const content = useMemo(() => {
-		if (state.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
-			index,
-			variant: "horizontal",
-			as,
-			isDisabled,
-			state,
-			cancelButtonProps,
-			onCancel: () => onCancel?.(index)
-		});
-		if (state.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
-			as,
-			removeWithIcon: true,
-			variant: "horizontal",
-			isDisabled,
-			state,
-			browseButtonProps,
-			onRemove: () => {
-				onCancel?.(index);
-			}
-		});
-		return /* @__PURE__ */ jsx(FileUploadContentFilled, {
-			as,
-			removeWithIcon: true,
-			variant: "horizontal",
-			isDisabled,
-			state,
-			browseButtonProps,
-			onRemove: () => {
-				onRemove?.(state.id ?? "");
-			}
-		});
-	}, [
-		state,
-		index,
-		as,
-		isDisabled,
-		browseButtonProps,
-		cancelButtonProps,
-		onCancel,
-		onRemove
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex items-center self-stretch", "bg-elevation-fill-default-1", "px-file-upload-file-card-side-default", "py-4", "rounded-file-upload-file-card-rounding-default border border-elevation-outline-default-1 border-solid"),
-		children: content
-	});
-};
-const FileCard = memo(FileCardComponent);
-//#endregion
-export { FileCard };

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

@@ -1,22 +0,0 @@
-import { FileCard } from "./FileCard.js";
-import { clsx } from "clsx";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/FileCardList.tsx
-const FileCardList = memo(({ uploadState, as, isDisabled, browseButtonProps, cancelButtonProps, className, onRemove, onCancel }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("mt-10 flex flex-col items-start gap-4 self-stretch", className),
-		children: uploadState.map((state, index) => /* @__PURE__ */ jsx(FileCard, {
-			index,
-			as,
-			state,
-			isDisabled,
-			browseButtonProps,
-			cancelButtonProps,
-			onRemove,
-			onCancel
-		}, state.file?.name ?? state.displayName ?? state.id ?? state.src))
-	});
-});
-//#endregion
-export { FileCardList };

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

@@ -1,67 +0,0 @@
-import { FileUploadContentError } from "./FileUploadContentError.js";
-import { FileUploadContentFilled } from "./FileUploadContentFilled.js";
-import { FileUploadContentLoading } from "./FileUploadContentLoading.js";
-import { FileUploadContentEmpty } from "./FileUploadContentEmpty.js";
-import { FileTrigger } from "react-aria-components";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/FileUploadContent.tsx
-const FileUploadContent = ({ variant, as, isDisabled, browseText, uploadText, emptyText, uploadState, browseButtonProps, cancelButtonProps, handleCancelUpload, handleRemove, acceptedFileTypes, allowsMultiple, handleSelect, ...rest }) => {
-	const currentState = uploadState.at(0);
-	const fileTriggerProps = {
-		...rest,
-		acceptedFileTypes,
-		allowsMultiple,
-		onSelect: handleSelect
-	};
-	if (!allowsMultiple && currentState) {
-		if (currentState.state === "uploading") return /* @__PURE__ */ jsx(FileUploadContentLoading, {
-			index: 0,
-			variant,
-			as,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			cancelButtonProps,
-			onCancel: handleCancelUpload
-		});
-		if (currentState.state === "uploaded") return /* @__PURE__ */ jsx(FileUploadContentFilled, {
-			as,
-			variant,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			browseText,
-			browseButtonProps,
-			fileTriggerProps,
-			onRemove: () => {
-				handleRemove(currentState.id ?? "");
-			}
-		});
-		if (currentState.state === "error") return /* @__PURE__ */ jsx(FileUploadContentError, {
-			as,
-			variant,
-			singleFile: true,
-			isDisabled,
-			state: currentState,
-			browseButtonProps,
-			onRemove: () => {
-				handleRemove(currentState.id ?? "");
-			}
-		});
-	}
-	return /* @__PURE__ */ jsx(FileTrigger, {
-		...fileTriggerProps,
-		children: /* @__PURE__ */ jsx(FileUploadContentEmpty, {
-			as,
-			variant,
-			singleFile: true,
-			isDisabled,
-			title: emptyText,
-			uploadText,
-			browseText,
-			browseButtonProps
-		})
-	});
-};
-//#endregion
-export { FileUploadContent };

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

@@ -1,58 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { Button } from "../../../buttons/Button/Button.js";
-import { TextButton } from "../../../text-button.js";
-import { Upload } from "lucide-react";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/FileUploadContentEmpty.tsx
-const FileUploadContentEmpty = ({ variant, as, isDisabled, title, browseText, uploadText, singleFile, hideButton = false, className, browseButtonProps }) => {
-	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex w-full items-center gap-file-upload-content-gap-text-to-text", className, {
-			"flex-col": variant === "vertical",
-			"min-h-11 flex-row justify-between": variant === "horizontal"
-		}),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-				"flex-col": variant === "vertical",
-				"flex-row": variant === "horizontal",
-				"opacity-50": isDisabled
-			}),
-			children: [/* @__PURE__ */ jsx(Upload, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsx(Typography, {
-				variant: "prominent-1",
-				size: "label-1",
-				as: "span",
-				className: clsx("self-stretch text-text-default-1", { "text-center": variant === "vertical" }),
-				children: title
-			})]
-		}), /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex items-center justify-center", {
-				"flex-col": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": as === "link",
-				"gap-file-upload-content-gap-content-to-button": as === "button"
-			}),
-			children: [/* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: singleFile ? "label-2" : "label-3",
-				as: "span",
-				className: clsx("text-text-default-2", {
-					"text-center": variant === "vertical",
-					"opacity-50": isDisabled
-				}),
-				children: uploadText
-			}), !hideButton && browseText && (as === "link" ? /* @__PURE__ */ jsx(TextButton, {
-				className: "text-interactive-text-primary-idle lowercase",
-				children: browseText
-			}) : /* @__PURE__ */ jsx(Button, {
-				variant: browseButtonVariant,
-				size: browseButtonSize,
-				width: browseButtonWidth,
-				...browseButtonRestProps,
-				isDisabled,
-				children: browseText
-			}))]
-		})]
-	});
-};
-//#endregion
-export { FileUploadContentEmpty };

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

@@ -1,112 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { Button as Button$1 } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../text-button.js";
-import { CircleAlert, X } from "lucide-react";
-import { clsx } from "clsx";
-import { FileTrigger } from "react-aria-components";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/File/shared/FileUploadContentError.tsx
-const FileUploadContentError = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
-	const { t } = useTranslation("ui");
-	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex w-full flex-fill flex-col items-start"),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center", {
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"flex-col": variant === "vertical",
-				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
-			}),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex min-w-0 max-w-full flex-grow items-center gap-file-upload-content-gap-icon-to-content", {
-					"flex-col": variant === "vertical",
-					"flex-row": variant === "horizontal",
-					"opacity-50": isDisabled
-				}),
-				children: [/* @__PURE__ */ jsx(CircleAlert, { className: "h-6 w-6 text-elevation-fill-warning-1" }), /* @__PURE__ */ jsxs("div", {
-					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
-						"max-w-full items-center": variant === "vertical",
-						"max-w-[calc(100%_-_32px)]": variant === "horizontal"
-					}),
-					children: [/* @__PURE__ */ jsx(Typography, {
-						variant: "prominent-1",
-						size: "label-1",
-						as: "span",
-						className: clsx("self-stretch truncate text-text-default-1", { "text-center": variant === "vertical" }),
-						children: state.file?.name ?? state.displayName ?? ""
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
-						as: "span",
-						className: clsx("text-text-default-2", { "text-center": variant === "vertical" }),
-						children: state.error?.serverMessage ?? state.error?.message
-					})]
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: clsx("flex flex-none items-center justify-end", {
-					"flex-col": variant === "vertical" && as === "button",
-					"gap-file-upload-content-gap-text-to-text": as === "link",
-					"gap-file-upload-content-gap-content-to-button": as === "button"
-				}),
-				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
-					...fileTriggerProps,
-					children: /* @__PURE__ */ jsx(TextButton, {
-						className: "text-interactive-text-primary-idle",
-						children: browseText ?? ""
-					})
-				}), /* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-2",
-					as: "span",
-					className: "text-text-default-2",
-					children: t(($) => $.ui.fileUpload.or)
-				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-					label: "Cancel",
-					color: "secondary",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					icon: X
-				}) : /* @__PURE__ */ jsx(TextButton, {
-					className: "text-interactive-text-primary-idle lowercase",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					children: t(($) => $.ui.fileUpload.removeFile)
-				})] }) : /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
-					children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
-						...fileTriggerProps,
-						children: /* @__PURE__ */ jsx(Button$1, {
-							variant: browseButtonVariant,
-							size: browseButtonSize,
-							width: browseButtonWidth,
-							...browseButtonRestProps,
-							isDisabled,
-							children: browseText ?? ""
-						})
-					}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-						label: "Cancel",
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						icon: X
-					}) : /* @__PURE__ */ jsx(TextButton, {
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						children: t(($) => $.ui.fileUpload.removeFile)
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { FileUploadContentError };

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

@@ -1,117 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { Button as Button$1 } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../text-button.js";
-import { FileUtils } from "../../../../utils/file.utils.js";
-import { CheckCircle, X } from "lucide-react";
-import { clsx } from "clsx";
-import { FileTrigger } from "react-aria-components";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/File/shared/FileUploadContentFilled.tsx
-const FileUploadContentFilled = ({ variant, as, isDisabled, state, browseText, fileTriggerProps, removeWithIcon = false, singleFile, onRemove, browseButtonProps }) => {
-	const { t } = useTranslation("ui");
-	const { size: browseButtonSize = "xs", variant: browseButtonVariant = "outlined", width: browseButtonWidth = "hug", ...browseButtonRestProps } = browseButtonProps ?? {};
-	return /* @__PURE__ */ jsx("div", {
-		className: clsx("flex w-full flex-fill flex-col items-start"),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center", {
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"flex-col": variant === "vertical",
-				"gap-file-upload-content-gap-content-to-button": variant === "vertical" && as === "button",
-				"gap-file-upload-content-gap-text-to-text": variant === "vertical" && as === "link"
-			}),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex min-w-0 max-w-full grow items-center gap-file-upload-content-gap-icon-to-content", {
-					"flex-col": variant === "vertical",
-					"flex-row": variant === "horizontal",
-					"opacity-50": isDisabled
-				}),
-				children: [/* @__PURE__ */ jsx(CheckCircle, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
-					className: clsx("flex flex-col gap-file-upload-content-gap-text-to-text", {
-						"max-w-full items-center": variant === "vertical",
-						"max-w-[calc(100%-32px)]": variant === "horizontal"
-					}),
-					children: [/* @__PURE__ */ jsx(Typography, {
-						variant: "prominent-1",
-						size: "label-1",
-						as: "span",
-						className: "self-stretch truncate text-center text-text-default-1",
-						children: state.file?.name ?? state.displayName ?? ""
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
-						as: "span",
-						className: "text-text-default-2",
-						children: FileUtils.getFileDisplaySize(state)
-					})]
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: clsx("flex flex-none items-center justify-end", {
-					"flex-col": variant === "vertical" && as === "button",
-					"gap-file-upload-content-gap-text-to-text": as === "link" && variant === "vertical",
-					"gap-file-upload-content-gap-content-to-button": as === "button" && variant === "vertical",
-					"gap-file-upload-content-gap-button-to-button": variant === "horizontal"
-				}),
-				children: as === "link" ? /* @__PURE__ */ jsxs(Fragment, { children: [fileTriggerProps && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FileTrigger, {
-					...fileTriggerProps,
-					children: /* @__PURE__ */ jsx(TextButton, {
-						className: clsx("text-interactive-text-primary-idle", { "[&>span>span]:font-medium!": variant === "vertical" }),
-						children: browseText ?? ""
-					})
-				}), variant === "vertical" && /* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-2",
-					as: "span",
-					className: "text-text-default-2",
-					children: t(($) => $.ui.fileUpload.or)
-				})] }), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-					label: "Cancel",
-					color: "secondary",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					icon: X
-				}) : /* @__PURE__ */ jsx(TextButton, {
-					className: clsx(variant === "vertical" && "text-interactive-text-primary-idle lowercase [&>span>span]:font-medium!"),
-					color: variant === "horizontal" ? "secondary" : "primary",
-					onPress: () => {
-						onRemove(state.id ?? "");
-					},
-					children: t(($) => $.ui.fileUpload.removeFile)
-				})] }) : /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center gap-file-upload-content-gap-button-to-button self-stretch",
-					children: [fileTriggerProps && /* @__PURE__ */ jsx(FileTrigger, {
-						...fileTriggerProps,
-						children: /* @__PURE__ */ jsx(Button$1, {
-							variant: browseButtonVariant,
-							size: browseButtonSize,
-							width: browseButtonWidth,
-							...browseButtonRestProps,
-							isDisabled,
-							children: browseText ?? ""
-						})
-					}), removeWithIcon ? /* @__PURE__ */ jsx(InlineIconButton, {
-						label: "Cancel",
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						icon: X,
-						isDisabled
-					}) : /* @__PURE__ */ jsx(TextButton, {
-						color: "secondary",
-						onPress: () => {
-							onRemove(state.id ?? "");
-						},
-						isDisabled,
-						children: t(($) => $.ui.fileUpload.removeFile)
-					})]
-				})
-			})]
-		})
-	});
-};
-//#endregion
-export { FileUploadContentFilled };

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

@@ -1,79 +0,0 @@
-import { Typography } from "../../../text/Typography/Typography.js";
-import { Button } from "../../../buttons/Button/Button.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import "../../../../config/i18n.js";
-import { FileUtils } from "../../../../utils/file.utils.js";
-import { ProgressBar } from "./ProgressBar.js";
-import { File, X } from "lucide-react";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/File/shared/FileUploadContentLoading.tsx
-const FileUploadContentLoading = ({ index, variant, as, state, isDisabled, singleFile, onCancel, cancelButtonProps }) => {
-	const { t } = useTranslation("ui");
-	const { color: cancelButtonColor = "secondary", size: cancelButtonSize = "xs", variant: cancelButtonVariant = "outlined", width: cancelButtonWidth = "hug", ...cancelButtonRestProps } = cancelButtonProps ?? {};
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex w-full flex-col items-center", {
-			"flex-col": variant === "vertical",
-			"flex-row": variant === "horizontal",
-			"gap-file-upload-content-gap-content-to-button": as === "button"
-		}),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: clsx("flex w-full items-center justify-between", {
-				"flex-col gap-file-upload-content-gap-text-to-progress": variant === "vertical",
-				"flex-row gap-file-upload-content-gap-left-to-right-content": variant === "horizontal",
-				"opacity-50": isDisabled
-			}),
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex items-center gap-file-upload-content-gap-icon-to-content", {
-					"w-full flex-col": variant === "vertical",
-					"w-1/2": variant === "horizontal"
-				}),
-				children: [/* @__PURE__ */ jsx(File, { className: "h-6 w-6 text-text-default-1" }), /* @__PURE__ */ jsxs("div", {
-					className: clsx("flex flex-col", {
-						"max-w-full gap-file-upload-content-gap-icon-to-content text-center": variant === "vertical",
-						"max-w-[calc(100%-32px)] gap-file-upload-content-gap-text-to-text": variant === "horizontal"
-					}),
-					children: [/* @__PURE__ */ jsx(Typography, {
-						variant: "prominent-1",
-						size: "label-1",
-						as: "span",
-						className: "self-stretch truncate text-center text-text-default-1",
-						children: state.file?.name ?? state.displayName ?? ""
-					}), /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: singleFile ? "label-2" : "label-3",
-						as: "span",
-						className: "text-text-default-2",
-						children: FileUtils.getFileDisplaySize(state)
-					})]
-				})]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: clsx("flex items-center gap-1", {
-					"w-1/2": variant === "horizontal",
-					"w-full": variant === "vertical"
-				}),
-				children: [/* @__PURE__ */ jsx(ProgressBar, { progress: state.progress }), (as === "link" || variant === "horizontal") && /* @__PURE__ */ jsx(InlineIconButton, {
-					label: "Cancel",
-					color: "secondary",
-					onPress: () => {
-						onCancel(index);
-					},
-					icon: X
-				})]
-			})]
-		}), as === "button" && variant === "vertical" && /* @__PURE__ */ jsx(Button, {
-			variant: cancelButtonVariant,
-			size: cancelButtonSize,
-			color: cancelButtonColor,
-			width: cancelButtonWidth,
-			...cancelButtonRestProps,
-			onPress: () => {
-				onCancel(index);
-			},
-			children: t(($) => $.ui.fileUpload.cancel)
-		})]
-	});
-};
-//#endregion
-export { FileUploadContentLoading };

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

@@ -1,56 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { Button as Button$1 } from "../../../buttons/Button/Button.js";
-import "../../../../config/i18n.js";
-import { TextButton } from "../../../text-button.js";
-import { inputSizeDefinition } from "../../shared/input.cva.js";
-import { inputButtonSizeMapping } from "../inputUpload.types.js";
-import { inputUploadButton, inputUploadDropZone } from "./inputUploadButton.cva.js";
-import { Upload } from "lucide-react";
-import { clsx } from "clsx";
-import { DropZone, FileTrigger } from "react-aria-components";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-//#region src/components/inputs/File/shared/InputUploadContent.tsx
-const InputUploadContent = (props) => {
-	const { variant, isDisabled, error, placeholder, buttonText, size, ...rest } = props;
-	const { t } = useTranslation("ui");
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	return /* @__PURE__ */ jsx(FileTrigger, {
-		...rest,
-		children: /* @__PURE__ */ jsxs("div", {
-			"data-rac": "",
-			"data-disabled": isDisabled || void 0,
-			"data-is-disabled": isDisabled || void 0,
-			"data-invalid": !!error || void 0,
-			className: inputUploadButton({
-				variant,
-				className: "group/input-upload"
-			}),
-			children: [/* @__PURE__ */ jsxs(DropZone, {
-				...rest,
-				isDisabled,
-				className: clsx(inputUploadDropZone({ variant }), inputSizeCva({ size })),
-				children: [/* @__PURE__ */ jsx(Typography, {
-					variant: "default",
-					size: "label-1",
-					as: "span",
-					className: "min-w-0 flex-fill select-none truncate text-text-default-3",
-					children: placeholder ?? t(($) => $.ui.fileUpload.emptyText)
-				}), variant === "nested" && /* @__PURE__ */ jsx(TextButton, {
-					isDisabled,
-					icon: Upload,
-					children: buttonText ?? t(($) => $.ui.fileUpload.upload)
-				})]
-			}), variant !== "nested" && /* @__PURE__ */ jsx(Button$1, {
-				size: inputButtonSizeMapping[size ?? "default"],
-				width: "hug",
-				isDisabled,
-				className: "truncate",
-				children: buttonText ?? t(($) => $.ui.fileUpload.uploadFile)
-			})]
-		})
-	});
-};
-//#endregion
-export { InputUploadContent };

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

@@ -1,29 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { InlineIconButton } from "../../../inline-icon-button.js";
-import { inputSizeDefinition } from "../../shared/input.cva.js";
-import { X } from "lucide-react";
-import { clsx } from "clsx";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/InputUploadFilled.tsx
-const InputUploadFilled = ({ files, onRemove, isDisabled, size }) => {
-	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("flex items-center rounded-input-rounding-default border border-input-outlined-outline-idle border-solid bg-input-outlined-idle", inputSizeCva({ size })),
-		children: [/* @__PURE__ */ jsx(Typography, {
-			variant: "default",
-			size: "label-1",
-			as: "span",
-			className: "flex-fill select-none truncate text-ellipsis text-text-default-1 input-disabled:text-text-default-3",
-			children: files.map((file) => file.name).join(", ")
-		}), /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "Remove files",
-			color: "secondary",
-			icon: X,
-			isDisabled,
-			onPress: onRemove
-		})]
-	});
-};
-//#endregion
-export { InputUploadFilled };

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

@@ -1,8 +0,0 @@
-import { ProgressBarVariantProps } from "./progressBar.cva.js";
-//#region src/components/inputs/File/shared/ProgressBar.d.ts
-interface ProgressBarProps extends ProgressBarVariantProps {
-  progress?: number;
-}
-declare const ProgressBar: ({ progress, valueLabel }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
-export { ProgressBar };

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

@@ -1,33 +0,0 @@
-import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./progressBar.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/inputs/File/shared/ProgressBar.tsx
-const ProgressBar = ({ progress = 0, valueLabel = "trailing" }) => {
-	const progressBarCva = UIOverrides.useCva("progressBar.cva", progressBarDefinition);
-	const progressBarTrackWrapperCva = UIOverrides.useCva("progressBar.trackWrapperCva", progressBarTrackWrapperDefinition);
-	const progressBarTrackCva = UIOverrides.useCva("progressBar.trackCva", progressBarTrackDefinition);
-	const progressBarFillCva = UIOverrides.useCva("progressBar.fillCva", progressBarFillDefinition);
-	const progressBarValueCva = UIOverrides.useCva("progressBar.valueCva", progressBarValueDefinition);
-	return /* @__PURE__ */ jsxs("div", {
-		className: progressBarCva({ valueLabel }),
-		children: [/* @__PURE__ */ jsx("div", {
-			className: progressBarTrackWrapperCva(),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: progressBarTrackCva({ part: "container" }),
-				children: [/* @__PURE__ */ jsx("div", { className: progressBarTrackCva({ part: "background" }) }), /* @__PURE__ */ jsx("div", {
-					className: progressBarFillCva(),
-					style: { width: `${progress}%` }
-				})]
-			})
-		}), valueLabel !== "none" && /* @__PURE__ */ jsxs(Typography, {
-			variant: "default",
-			size: "label-2",
-			as: "span",
-			className: progressBarValueCva(),
-			children: [progress, "%"]
-		})]
-	});
-};
-//#endregion
-export { ProgressBar };