@pixpilot/shadcn-ui 0.1.0 → 0.4.1

package/dist/file-upload/FileUploadListItem.cjs

@@ -0,0 +1,89 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_button = require('../packages/shadcn/src/components/ui/button.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let pretty_bytes = require("pretty-bytes");
+pretty_bytes = require_rolldown_runtime.__toESM(pretty_bytes);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload/FileUploadListItem.tsx
+const Backdrop = ({ className, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, __pixpilot_shadcn.cn)("bg-black/70 inset-0 absolute", className),
+		children
+	});
+};
+const FileUploadListItem = react.default.memo(({ fileMeta, deleteFile, getFile, itemSize }) => {
+	const file = getFile(fileMeta);
+	const storeFile = (0, __pixpilot_shadcn.useFileUpload)((store) => store.files.get(file));
+	const hasError = storeFile?.error != null;
+	const url = typeof fileMeta.url === "string" ? fileMeta.url : "";
+	const shouldRenderProgress = storeFile?.status !== "idle" && storeFile?.progress !== 100 && !hasError;
+	const renderPreview = (_file, fallback) => {
+		if (url.length > 0 && fileMeta.type.startsWith("image/")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "relative size-full",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				src: url,
+				alt: fileMeta.name,
+				className: "size-full object-cover"
+			})
+		});
+		return fallback();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.FileUploadItem, {
+		value: file,
+		className: (0, __pixpilot_shadcn.cn)("p-0"),
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItemPreview, {
+					className: (0, __pixpilot_shadcn.cn)(itemSize, "relative"),
+					render: renderPreview,
+					children: hasError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Backdrop, {
+						className: "flex items-center justify-center",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, { className: "text-destructive size-9" })
+					}) : shouldRenderProgress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Backdrop, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItemProgress, {
+						variant: "circular",
+						strokeWidth: 4
+					}) })
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.TooltipContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+				fileMeta.name,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
+				"Size: ",
+				(0, pretty_bytes.default)(fileMeta.size)
+			] }), hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "text-destructive flex items-center gap-2 mt-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertTriangle, { className: "text-destructive size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "font-bold",
+					children: storeFile?.error
+				})]
+			})] })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItemMetadata, { className: "sr-only" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+				type: "button",
+				variant: "secondary",
+				size: "icon",
+				className: "-top-1 -right-1 absolute size-5 rounded-full",
+				onClick: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					deleteFile(fileMeta);
+				},
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-3" })
+			})
+		]
+	});
+});
+FileUploadListItem.displayName = "FileUploadListItem";
+
+//#endregion
+exports.FileUploadListItem = FileUploadListItem;

package/dist/file-upload/FileUploadListItem.js

@@ -0,0 +1,83 @@
+'use client';
+
+
+import { Button as Button$1 } from "../packages/shadcn/src/components/ui/button.js";
+import { FileUploadItem, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, Tooltip, TooltipContent, TooltipTrigger, cn, useFileUpload } from "@pixpilot/shadcn";
+import { AlertTriangle, X } from "lucide-react";
+import React from "react";
+import prettyBytes from "pretty-bytes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload/FileUploadListItem.tsx
+const Backdrop = ({ className, children }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("bg-black/70 inset-0 absolute", className),
+		children
+	});
+};
+const FileUploadListItem = React.memo(({ fileMeta, deleteFile, getFile, itemSize }) => {
+	const file = getFile(fileMeta);
+	const storeFile = useFileUpload((store) => store.files.get(file));
+	const hasError = storeFile?.error != null;
+	const url = typeof fileMeta.url === "string" ? fileMeta.url : "";
+	const shouldRenderProgress = storeFile?.status !== "idle" && storeFile?.progress !== 100 && !hasError;
+	const renderPreview = (_file, fallback) => {
+		if (url.length > 0 && fileMeta.type.startsWith("image/")) return /* @__PURE__ */ jsx("div", {
+			className: "relative size-full",
+			children: /* @__PURE__ */ jsx("img", {
+				src: url,
+				alt: fileMeta.name,
+				className: "size-full object-cover"
+			})
+		});
+		return fallback();
+	};
+	return /* @__PURE__ */ jsxs(FileUploadItem, {
+		value: file,
+		className: cn("p-0"),
+		children: [
+			/* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(FileUploadItemPreview, {
+					className: cn(itemSize, "relative"),
+					render: renderPreview,
+					children: hasError ? /* @__PURE__ */ jsx(Backdrop, {
+						className: "flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(AlertTriangle, { className: "text-destructive size-9" })
+					}) : shouldRenderProgress && /* @__PURE__ */ jsx(Backdrop, { children: /* @__PURE__ */ jsx(FileUploadItemProgress, {
+						variant: "circular",
+						strokeWidth: 4
+					}) })
+				})
+			}), /* @__PURE__ */ jsxs(TooltipContent, { children: [/* @__PURE__ */ jsxs("p", { children: [
+				fileMeta.name,
+				/* @__PURE__ */ jsx("br", {}),
+				"Size: ",
+				prettyBytes(fileMeta.size)
+			] }), hasError && /* @__PURE__ */ jsxs("div", {
+				className: "text-destructive flex items-center gap-2 mt-2",
+				children: [/* @__PURE__ */ jsx(AlertTriangle, { className: "text-destructive size-4" }), /* @__PURE__ */ jsx("p", {
+					className: "font-bold",
+					children: storeFile?.error
+				})]
+			})] })] }),
+			/* @__PURE__ */ jsx(FileUploadItemMetadata, { className: "sr-only" }),
+			/* @__PURE__ */ jsx(Button$1, {
+				type: "button",
+				variant: "secondary",
+				size: "icon",
+				className: "-top-1 -right-1 absolute size-5 rounded-full",
+				onClick: (event) => {
+					event.preventDefault();
+					event.stopPropagation();
+					deleteFile(fileMeta);
+				},
+				children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+			})
+		]
+	});
+});
+FileUploadListItem.displayName = "FileUploadListItem";
+
+//#endregion
+export { FileUploadListItem };

package/dist/file-upload/hooks/index.cjs

@@ -0,0 +1,4 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_store = require('./use-file-upload-store.cjs');
+const require_use_file_error = require('./use-file-error.cjs');
+const require_use_file_upload_progress_callbacks = require('./use-file-upload-progress-callbacks.cjs');

package/dist/file-upload/hooks/index.d.cts

@@ -0,0 +1,2 @@
+import "./use-file-upload-progress-callbacks.cjs";
+import "./use-file-upload-store.cjs";

package/dist/file-upload/hooks/index.d.ts

@@ -0,0 +1,2 @@
+import "./use-file-upload-progress-callbacks.js";
+import "./use-file-upload-store.js";

package/dist/file-upload/hooks/index.js

@@ -0,0 +1,3 @@
+import { useFileUploadStore } from "./use-file-upload-store.js";
+import { useFileError } from "./use-file-error.js";
+import { useFileUploadProgressCallbacks } from "./use-file-upload-progress-callbacks.js";

package/dist/file-upload/hooks/use-file-error.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_file_upload = require('../../packages/shadcn/src/components/ui/file-upload.cjs');
+require('../../packages/shadcn/src/components/index.cjs');
+
+//#region src/file-upload/hooks/use-file-error.ts
+function useFileError(file) {
+	return require_file_upload.useStore((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.error != null) return storeFile.error;
+		return null;
+	});
+}
+
+//#endregion
+exports.useFileError = useFileError;

package/dist/file-upload/hooks/use-file-error.js

@@ -0,0 +1,14 @@
+import { useStore } from "../../packages/shadcn/src/components/ui/file-upload.js";
+import "../../packages/shadcn/src/components/index.js";
+
+//#region src/file-upload/hooks/use-file-error.ts
+function useFileError(file) {
+	return useStore((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.error != null) return storeFile.error;
+		return null;
+	});
+}
+
+//#endregion
+export { useFileError };

package/dist/file-upload/hooks/use-file-upload-progress-callbacks.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_file_meta = require('../utils/get-file-meta.cjs');
+const require_file_upload = require('../../packages/shadcn/src/components/ui/file-upload.cjs');
+require('../../packages/shadcn/src/components/index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/file-upload/hooks/use-file-upload-progress-callbacks.ts
+function useFileUploadProgressCallbacks(file, callBacks) {
+	const { onChange } = callBacks;
+	const fileMeta = (0, react.useMemo)(() => require_get_file_meta.getFileMeta(file), [file]);
+	const isChangeTrigged = (0, react.useRef)(false);
+	const isUploadSuccess = require_file_upload.useStore((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.status === "success") {
+			storeFile.status = "idle";
+			return true;
+		}
+		return false;
+	});
+	(0, react.useEffect)(() => {
+		if (isUploadSuccess && !isChangeTrigged.current) {
+			isChangeTrigged.current = true;
+			onChange?.(fileMeta);
+		}
+	}, [
+		isUploadSuccess,
+		onChange,
+		fileMeta
+	]);
+}
+
+//#endregion
+exports.useFileUploadProgressCallbacks = useFileUploadProgressCallbacks;

package/dist/file-upload/hooks/use-file-upload-progress-callbacks.d.cts

@@ -0,0 +1 @@
+import "../types/index.cjs";

package/dist/file-upload/hooks/use-file-upload-progress-callbacks.d.ts

@@ -0,0 +1 @@
+import "../types/index.js";

package/dist/file-upload/hooks/use-file-upload-progress-callbacks.js

@@ -0,0 +1,32 @@
+import { getFileMeta } from "../utils/get-file-meta.js";
+import { useStore } from "../../packages/shadcn/src/components/ui/file-upload.js";
+import "../../packages/shadcn/src/components/index.js";
+import { useEffect, useMemo, useRef } from "react";
+
+//#region src/file-upload/hooks/use-file-upload-progress-callbacks.ts
+function useFileUploadProgressCallbacks(file, callBacks) {
+	const { onChange } = callBacks;
+	const fileMeta = useMemo(() => getFileMeta(file), [file]);
+	const isChangeTrigged = useRef(false);
+	const isUploadSuccess = useStore((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.status === "success") {
+			storeFile.status = "idle";
+			return true;
+		}
+		return false;
+	});
+	useEffect(() => {
+		if (isUploadSuccess && !isChangeTrigged.current) {
+			isChangeTrigged.current = true;
+			onChange?.(fileMeta);
+		}
+	}, [
+		isUploadSuccess,
+		onChange,
+		fileMeta
+	]);
+}
+
+//#endregion
+export { useFileUploadProgressCallbacks };

package/dist/file-upload/hooks/use-file-upload-store.cjs

@@ -0,0 +1,77 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_file_key = require('../utils/get-file-key.cjs');
+const require_get_file_meta = require('../utils/get-file-meta.cjs');
+const require_is_file_equal = require('../utils/is-file-equal.cjs');
+const require_merge_file_metadata = require('../utils/merge-file-metadata.cjs');
+const require_utils = require('../../file-upload-inline/utils.cjs');
+const require_create_placeholder_file = require('../utils/create-placeholder-file.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/file-upload/hooks/use-file-upload-store.ts
+function useFileUploadStore({ value, onChange, multiple, preventDuplicates = false }) {
+	const [uploadFiles, setFiles] = (0, react.useState)([]);
+	const onChangeRef = (0, react.useRef)(onChange);
+	onChangeRef.current = onChange;
+	const fileCacheRef = (0, react.useRef)(/* @__PURE__ */ new Map());
+	const getFile = (0, react.useCallback)((fileMeta) => {
+		if (fileMeta.file) return fileMeta.file;
+		const key = require_get_file_key.getFileKey(fileMeta);
+		const cached = fileCacheRef.current.get(key);
+		if (cached) return cached;
+		const created = require_create_placeholder_file.createPlaceholderFile(fileMeta);
+		fileCacheRef.current.set(key, created);
+		return created;
+	}, []);
+	const handleAccept = (0, react.useCallback)((acceptedFiles) => {
+		const newFiles = preventDuplicates ? acceptedFiles.filter((file) => {
+			const key = require_get_file_key.getFileKey(file);
+			return !uploadFiles.some((existing) => require_get_file_key.getFileKey(existing) === key);
+		}) : acceptedFiles;
+		setFiles((prev) => [...prev, ...newFiles]);
+		require_utils.handleFileValueChange(require_utils.normalizeToArray(value), newFiles, multiple, onChangeRef.current);
+	}, [
+		preventDuplicates,
+		multiple,
+		value,
+		uploadFiles
+	]);
+	const displayFiles = (0, react.useMemo)(() => {
+		const files = (() => {
+			if (!value) return uploadFiles.map((file) => require_get_file_meta.getFileMetaAndFile(file));
+			return require_merge_file_metadata.mergeFileMetadata(require_utils.normalizeToArray(value), uploadFiles);
+		})();
+		files.forEach((fileWithMeta) => {
+			if (fileWithMeta.file) fileCacheRef.current.set(require_get_file_key.getFileKey(fileWithMeta), fileWithMeta.file);
+		});
+		return files;
+	}, [uploadFiles, value]);
+	const orgValue = (0, react.useMemo)(() => displayFiles.map(getFile), [displayFiles, getFile]);
+	const deleteUploadFile = (0, react.useCallback)((file) => {
+		setFiles((prevFiles) => prevFiles.filter((f) => f !== file));
+	}, []);
+	return {
+		uploadFiles,
+		handleAccept,
+		displayFiles,
+		deleteFile: (0, react.useCallback)((fileMeta) => {
+			if (fileMeta.file) deleteUploadFile(fileMeta.file);
+			const key = require_get_file_key.getFileKey(fileMeta);
+			fileCacheRef.current.delete(key);
+			if (!multiple) {
+				onChangeRef.current?.(null);
+				return;
+			}
+			require_utils.callOnChange(displayFiles.filter((f) => !require_is_file_equal.isFileEqual(f, fileMeta)), multiple, onChangeRef.current);
+		}, [
+			deleteUploadFile,
+			multiple,
+			displayFiles
+		]),
+		getFile,
+		orgValue
+	};
+}
+
+//#endregion
+exports.useFileUploadStore = useFileUploadStore;

package/dist/file-upload/hooks/use-file-upload-store.d.cts

@@ -0,0 +1,2 @@
+import "../types/index.cjs";
+import "../utils/index.cjs";

package/dist/file-upload/hooks/use-file-upload-store.d.ts

@@ -0,0 +1,2 @@
+import "../types/index.js";
+import "../utils/index.js";

package/dist/file-upload/hooks/use-file-upload-store.js

@@ -0,0 +1,75 @@
+import { getFileKey } from "../utils/get-file-key.js";
+import { getFileMetaAndFile } from "../utils/get-file-meta.js";
+import { isFileEqual } from "../utils/is-file-equal.js";
+import { mergeFileMetadata } from "../utils/merge-file-metadata.js";
+import { callOnChange, handleFileValueChange, normalizeToArray } from "../../file-upload-inline/utils.js";
+import { createPlaceholderFile } from "../utils/create-placeholder-file.js";
+import { useCallback, useMemo, useRef, useState } from "react";
+
+//#region src/file-upload/hooks/use-file-upload-store.ts
+function useFileUploadStore({ value, onChange, multiple, preventDuplicates = false }) {
+	const [uploadFiles, setFiles] = useState([]);
+	const onChangeRef = useRef(onChange);
+	onChangeRef.current = onChange;
+	const fileCacheRef = useRef(/* @__PURE__ */ new Map());
+	const getFile = useCallback((fileMeta) => {
+		if (fileMeta.file) return fileMeta.file;
+		const key = getFileKey(fileMeta);
+		const cached = fileCacheRef.current.get(key);
+		if (cached) return cached;
+		const created = createPlaceholderFile(fileMeta);
+		fileCacheRef.current.set(key, created);
+		return created;
+	}, []);
+	const handleAccept = useCallback((acceptedFiles) => {
+		const newFiles = preventDuplicates ? acceptedFiles.filter((file) => {
+			const key = getFileKey(file);
+			return !uploadFiles.some((existing) => getFileKey(existing) === key);
+		}) : acceptedFiles;
+		setFiles((prev) => [...prev, ...newFiles]);
+		handleFileValueChange(normalizeToArray(value), newFiles, multiple, onChangeRef.current);
+	}, [
+		preventDuplicates,
+		multiple,
+		value,
+		uploadFiles
+	]);
+	const displayFiles = useMemo(() => {
+		const files = (() => {
+			if (!value) return uploadFiles.map((file) => getFileMetaAndFile(file));
+			return mergeFileMetadata(normalizeToArray(value), uploadFiles);
+		})();
+		files.forEach((fileWithMeta) => {
+			if (fileWithMeta.file) fileCacheRef.current.set(getFileKey(fileWithMeta), fileWithMeta.file);
+		});
+		return files;
+	}, [uploadFiles, value]);
+	const orgValue = useMemo(() => displayFiles.map(getFile), [displayFiles, getFile]);
+	const deleteUploadFile = useCallback((file) => {
+		setFiles((prevFiles) => prevFiles.filter((f) => f !== file));
+	}, []);
+	return {
+		uploadFiles,
+		handleAccept,
+		displayFiles,
+		deleteFile: useCallback((fileMeta) => {
+			if (fileMeta.file) deleteUploadFile(fileMeta.file);
+			const key = getFileKey(fileMeta);
+			fileCacheRef.current.delete(key);
+			if (!multiple) {
+				onChangeRef.current?.(null);
+				return;
+			}
+			callOnChange(displayFiles.filter((f) => !isFileEqual(f, fileMeta)), multiple, onChangeRef.current);
+		}, [
+			deleteUploadFile,
+			multiple,
+			displayFiles
+		]),
+		getFile,
+		orgValue
+	};
+}
+
+//#endregion
+export { useFileUploadStore };

package/dist/file-upload/index.cjs

@@ -0,0 +1,6 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_store = require('./hooks/use-file-upload-store.cjs');
+const require_FileUpload = require('./FileUpload.cjs');
+const require_use_file_error = require('./hooks/use-file-error.cjs');
+const require_use_file_upload_progress_callbacks = require('./hooks/use-file-upload-progress-callbacks.cjs');
+require('./hooks/index.cjs');

package/dist/file-upload/index.d.cts

@@ -0,0 +1,3 @@
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./types/index.cjs";
+import { FileUpload } from "./FileUpload.cjs";
+import "./hooks/index.cjs";

package/dist/file-upload/index.d.ts

@@ -0,0 +1,3 @@
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./types/index.js";
+import { FileUpload } from "./FileUpload.js";
+import "./hooks/index.js";

package/dist/file-upload/index.js

@@ -0,0 +1,5 @@
+import { useFileUploadStore } from "./hooks/use-file-upload-store.js";
+import { FileUpload } from "./FileUpload.js";
+import { useFileError } from "./hooks/use-file-error.js";
+import { useFileUploadProgressCallbacks } from "./hooks/use-file-upload-progress-callbacks.js";
+import "./hooks/index.js";

package/dist/file-upload/types/index.d.cts

@@ -0,0 +1,40 @@
+import { FileUploadProps } from "@pixpilot/shadcn";
+
+//#region src/file-upload/types/index.d.ts
+interface FileMetadata {
+  name: string;
+  size: number;
+  type: string;
+  url?: string;
+  lastModified: number;
+}
+type OnChangeSingleFile = (file: FileMetadata | null) => void;
+type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
+type MainFileUploadProps = Omit<FileUploadProps, 'value'>;
+interface FileUploadBaseProps extends MainFileUploadProps {
+  preventDuplicates?: boolean;
+}
+type FileUploadProps$1 = ({
+  multiple: true;
+  value?: FileMetadata[];
+  onChange?: OnChangeMultipleFiles;
+} & FileUploadBaseProps) | ({
+  multiple?: false;
+  value?: FileMetadata | null;
+  onChange?: OnChangeSingleFile;
+} & FileUploadBaseProps);
+interface MultiFileUploadProps extends FileUploadBaseProps {
+  value?: FileMetadata[];
+  onChange?: OnChangeMultipleFiles;
+}
+interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'> {
+  value?: FileMetadata | null;
+  onChange?: (files: FileMetadata) => void;
+}
+interface FileUploadProgressCallBacks {
+  onProgress: (file: File, progress: number) => void;
+  onSuccess: (file: File) => void;
+  onError: (file: File, error: Error) => void;
+}
+//#endregion
+export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps };

package/dist/file-upload/types/index.d.ts

@@ -0,0 +1,40 @@
+import { FileUploadProps } from "@pixpilot/shadcn";
+
+//#region src/file-upload/types/index.d.ts
+interface FileMetadata {
+  name: string;
+  size: number;
+  type: string;
+  url?: string;
+  lastModified: number;
+}
+type OnChangeSingleFile = (file: FileMetadata | null) => void;
+type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
+type MainFileUploadProps = Omit<FileUploadProps, 'value'>;
+interface FileUploadBaseProps extends MainFileUploadProps {
+  preventDuplicates?: boolean;
+}
+type FileUploadProps$1 = ({
+  multiple: true;
+  value?: FileMetadata[];
+  onChange?: OnChangeMultipleFiles;
+} & FileUploadBaseProps) | ({
+  multiple?: false;
+  value?: FileMetadata | null;
+  onChange?: OnChangeSingleFile;
+} & FileUploadBaseProps);
+interface MultiFileUploadProps extends FileUploadBaseProps {
+  value?: FileMetadata[];
+  onChange?: OnChangeMultipleFiles;
+}
+interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'> {
+  value?: FileMetadata | null;
+  onChange?: (files: FileMetadata) => void;
+}
+interface FileUploadProgressCallBacks {
+  onProgress: (file: File, progress: number) => void;
+  onSuccess: (file: File) => void;
+  onError: (file: File, error: Error) => void;
+}
+//#endregion
+export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps };

package/dist/file-upload/utils/create-placeholder-file.cjs

@@ -0,0 +1,12 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/file-upload/utils/create-placeholder-file.ts
+function createPlaceholderFile(meta) {
+	return new File([], meta.name, {
+		type: meta.type,
+		lastModified: meta.lastModified
+	});
+}
+
+//#endregion
+exports.createPlaceholderFile = createPlaceholderFile;

package/dist/file-upload/utils/create-placeholder-file.js

@@ -0,0 +1,10 @@
+//#region src/file-upload/utils/create-placeholder-file.ts
+function createPlaceholderFile(meta) {
+	return new File([], meta.name, {
+		type: meta.type,
+		lastModified: meta.lastModified
+	});
+}
+
+//#endregion
+export { createPlaceholderFile };

package/dist/file-upload/utils/get-file-key.cjs

@@ -0,0 +1,9 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/file-upload/utils/get-file-key.ts
+function getFileKey(file) {
+	return `${file.name}-${file.lastModified}-${file.type}-${file.size}`;
+}
+
+//#endregion
+exports.getFileKey = getFileKey;

package/dist/file-upload/utils/get-file-key.d.cts

@@ -0,0 +1 @@
+import "../types/index.cjs";

package/dist/file-upload/utils/get-file-key.d.ts

@@ -0,0 +1 @@
+import "../types/index.js";

package/dist/file-upload/utils/get-file-key.js

@@ -0,0 +1,7 @@
+//#region src/file-upload/utils/get-file-key.ts
+function getFileKey(file) {
+	return `${file.name}-${file.lastModified}-${file.type}-${file.size}`;
+}
+
+//#endregion
+export { getFileKey };

package/dist/file-upload/utils/get-file-meta.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/file-upload/utils/get-file-meta.ts
+function getFileMeta(file) {
+	return {
+		name: file.name,
+		size: file.size,
+		type: file.type,
+		lastModified: file.lastModified
+	};
+}
+function getFileMetaAndFile(file) {
+	return {
+		name: file.name,
+		size: file.size,
+		type: file.type,
+		lastModified: file.lastModified,
+		file
+	};
+}
+
+//#endregion
+exports.getFileMeta = getFileMeta;
+exports.getFileMetaAndFile = getFileMetaAndFile;

package/dist/file-upload/utils/get-file-meta.d.cts

@@ -0,0 +1 @@
+import "../types/index.cjs";

package/dist/file-upload/utils/get-file-meta.d.ts

@@ -0,0 +1 @@
+import "../types/index.js";