@pixpilot/shadcn-ui 0.4.0 → 0.4.2

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

@@ -1 +1,34 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../utils/get-file-meta.cjs`),n=require(`../../packages/shadcn/src/components/ui/file-upload.cjs`);require(`../../packages/shadcn/src/components/index.cjs`);let r=require(`react`);r=e.__toESM(r);function i(e,i){let{onChange:a}=i,o=(0,r.useMemo)(()=>t.getFileMeta(e),[e]),s=(0,r.useRef)(!1),c=n.useStore(t=>{let n=t.files.get(e);return n?.status===`success`?(n.status=`idle`,!0):!1});(0,r.useEffect)(()=>{c&&!s.current&&(s.current=!0,a?.(o))},[c,a,o])}exports.useFileUploadProgressCallbacks=i;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_get_file_meta = require('../utils/get-file-meta.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+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 = (0, __pixpilot_shadcn.useFileUpload)((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.js

@@ -1 +1,31 @@
-import{getFileMeta as e}from"../utils/get-file-meta.js";import{useStore as t}from"../../packages/shadcn/src/components/ui/file-upload.js";import"../../packages/shadcn/src/components/index.js";import{useEffect as n,useMemo as r,useRef as i}from"react";function a(a,o){let{onChange:s}=o,c=r(()=>e(a),[a]),l=i(!1),u=t(e=>{let t=e.files.get(a);return t?.status===`success`?(t.status=`idle`,!0):!1});n(()=>{u&&!l.current&&(l.current=!0,s?.(c))},[u,s,c])}export{a as useFileUploadProgressCallbacks};
+import { getFileMeta } from "../utils/get-file-meta.js";
+import { useFileUpload } from "@pixpilot/shadcn";
+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 = useFileUpload((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

@@ -1 +1,77 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../utils/get-file-key.cjs`),n=require(`../utils/get-file-meta.cjs`),r=require(`../utils/is-file-equal.cjs`),i=require(`../utils/merge-file-metadata.cjs`),a=require(`../../file-upload-inline/utils.cjs`),o=require(`../utils/create-placeholder-file.cjs`);let s=require(`react`);s=e.__toESM(s);function c({value:e,onChange:c,multiple:l,preventDuplicates:u=!1}){let[d,f]=(0,s.useState)([]),p=(0,s.useRef)(c);p.current=c;let m=(0,s.useRef)(new Map),h=(0,s.useCallback)(e=>{if(e.file)return e.file;let n=t.getFileKey(e),r=m.current.get(n);if(r)return r;let i=o.createPlaceholderFile(e);return m.current.set(n,i),i},[]),g=(0,s.useCallback)(n=>{let r=u?n.filter(e=>{let n=t.getFileKey(e);return!d.some(e=>t.getFileKey(e)===n)}):n;f(e=>[...e,...r]),a.handleFileValueChange(a.normalizeToArray(e),r,l,p.current)},[u,l,e,d]),_=(0,s.useMemo)(()=>{let r=(()=>e?i.mergeFileMetadata(a.normalizeToArray(e),d):d.map(e=>n.getFileMetaAndFile(e)))();return r.forEach(e=>{e.file&&m.current.set(t.getFileKey(e),e.file)}),r},[d,e]),v=(0,s.useMemo)(()=>_.map(h),[_,h]),y=(0,s.useCallback)(e=>{f(t=>t.filter(t=>t!==e))},[]);return{uploadFiles:d,handleAccept:g,displayFiles:_,deleteFile:(0,s.useCallback)(e=>{e.file&&y(e.file);let n=t.getFileKey(e);if(m.current.delete(n),!l){p.current?.(null);return}a.callOnChange(_.filter(t=>!r.isFileEqual(t,e)),l,p.current)},[y,l,_]),getFile:h,orgValue:v}}exports.useFileUploadStore=c;
+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.js

@@ -1 +1,75 @@
-import{getFileKey as e}from"../utils/get-file-key.js";import{getFileMetaAndFile as t}from"../utils/get-file-meta.js";import{isFileEqual as n}from"../utils/is-file-equal.js";import{mergeFileMetadata as r}from"../utils/merge-file-metadata.js";import{callOnChange as i,handleFileValueChange as a,normalizeToArray as o}from"../../file-upload-inline/utils.js";import{createPlaceholderFile as s}from"../utils/create-placeholder-file.js";import{useCallback as c,useMemo as l,useRef as u,useState as d}from"react";function f({value:f,onChange:p,multiple:m,preventDuplicates:h=!1}){let[g,_]=d([]),v=u(p);v.current=p;let y=u(new Map),b=c(t=>{if(t.file)return t.file;let n=e(t),r=y.current.get(n);if(r)return r;let i=s(t);return y.current.set(n,i),i},[]),x=c(t=>{let n=h?t.filter(t=>{let n=e(t);return!g.some(t=>e(t)===n)}):t;_(e=>[...e,...n]),a(o(f),n,m,v.current)},[h,m,f,g]),S=l(()=>{let n=(()=>f?r(o(f),g):g.map(e=>t(e)))();return n.forEach(t=>{t.file&&y.current.set(e(t),t.file)}),n},[g,f]),C=l(()=>S.map(b),[S,b]),w=c(e=>{_(t=>t.filter(t=>t!==e))},[]);return{uploadFiles:g,handleAccept:x,displayFiles:S,deleteFile:c(t=>{t.file&&w(t.file);let r=e(t);if(y.current.delete(r),!m){v.current?.(null);return}i(S.filter(e=>!n(e,t)),m,v.current)},[w,m,S]),getFile:b,orgValue:C}}export{f as useFileUploadStore};
+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

@@ -1 +1,5 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./hooks/use-file-upload-store.cjs`),n=require(`./FileUpload.cjs`),r=require(`./hooks/use-file-error.cjs`),i=require(`./hooks/use-file-upload-progress-callbacks.cjs`);require(`./hooks/index.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

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

package/dist/file-upload/index.js

@@ -1 +1,5 @@
-import{useFileUploadStore as e}from"./hooks/use-file-upload-store.js";import{FileUpload as t}from"./FileUpload.js";import{useFileError as n}from"./hooks/use-file-error.js";import{useFileUploadProgressCallbacks as r}from"./hooks/use-file-upload-progress-callbacks.js";import"./hooks/index.js";
+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/utils/create-placeholder-file.cjs

@@ -1 +1,11 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);function t(e){return new File([],e.name,{type:e.type,lastModified:e.lastModified})}exports.createPlaceholderFile=t;
+
+//#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

@@ -1 +1,10 @@
-function e(e){return new File([],e.name,{type:e.type,lastModified:e.lastModified})}export{e as createPlaceholderFile};
+//#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

@@ -1 +1,8 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);function t(e){return`${e.name}-${e.lastModified}-${e.type}-${e.size}`}exports.getFileKey=t;
+
+//#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.js

@@ -1 +1,7 @@
-function e(e){return`${e.name}-${e.lastModified}-${e.type}-${e.size}`}export{e as getFileKey};
+//#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

@@ -1 +1,23 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);function t(e){return{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified}}function n(e){return{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,file:e}}exports.getFileMeta=t,exports.getFileMetaAndFile=n;
+
+//#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.js

@@ -1 +1,21 @@
-function e(e){return{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified}}function t(e){return{name:e.name,size:e.size,type:e.type,lastModified:e.lastModified,file:e}}export{e as getFileMeta,t as getFileMetaAndFile};
+//#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
+export { getFileMeta, getFileMetaAndFile };

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

@@ -0,0 +1,4 @@
+import "./get-file-key.cjs";
+import "./get-file-meta.cjs";
+import "./is-file-equal.cjs";
+import "./merge-file-metadata.cjs";

package/dist/file-upload/utils/is-file-equal.cjs

@@ -1 +1,9 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);function t(e,t){return!e||!t?!1:e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified}exports.isFileEqual=t;
+
+//#region src/file-upload/utils/is-file-equal.ts
+function isFileEqual(a, b) {
+	if (!a || !b) return false;
+	return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
+}
+
+//#endregion
+exports.isFileEqual = isFileEqual;

package/dist/file-upload/utils/is-file-equal.d.cts

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

package/dist/file-upload/utils/is-file-equal.js

@@ -1 +1,8 @@
-function e(e,t){return!e||!t?!1:e.name===t.name&&e.size===t.size&&e.lastModified===t.lastModified}export{e as isFileEqual};
+//#region src/file-upload/utils/is-file-equal.ts
+function isFileEqual(a, b) {
+	if (!a || !b) return false;
+	return a.name === b.name && a.size === b.size && a.lastModified === b.lastModified;
+}
+
+//#endregion
+export { isFileEqual };

package/dist/file-upload/utils/merge-file-metadata.cjs

@@ -1 +1,26 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./get-file-meta.cjs`);function n(e,n){let r=new Map;return e.forEach(e=>{let t=`${e.name}-${e.lastModified}`;r.set(t,e)}),n.forEach(e=>{let n=`${e.name}-${e.lastModified}`;r.set(n,t.getFileMetaAndFile(e))}),Array.from(r.values())}exports.mergeFileMetadata=n;
+const require_get_file_meta = require('./get-file-meta.cjs');
+
+//#region src/file-upload/utils/merge-file-metadata.ts
+/**
+* Merges newly selected files with existing files (when multiple is true)
+* Removes duplicates by filename and lastModified, keeping all unique versions
+*
+* @param existingFiles - The current files from value prop
+* @param newFiles - The newly selected File objects from input
+* @returns Array of merged FileMetadata objects
+*/
+function mergeFileMetadata(existingFiles, newFiles) {
+	const fileMap = /* @__PURE__ */ new Map();
+	existingFiles.forEach((fileMetaData) => {
+		const key = `${fileMetaData.name}-${fileMetaData.lastModified}`;
+		fileMap.set(key, fileMetaData);
+	});
+	newFiles.forEach((file) => {
+		const key = `${file.name}-${file.lastModified}`;
+		fileMap.set(key, require_get_file_meta.getFileMetaAndFile(file));
+	});
+	return Array.from(fileMap.values());
+}
+
+//#endregion
+exports.mergeFileMetadata = mergeFileMetadata;

package/dist/file-upload/utils/merge-file-metadata.d.cts

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

package/dist/file-upload/utils/merge-file-metadata.js

@@ -1 +1,26 @@
-import{getFileMetaAndFile as e}from"./get-file-meta.js";function t(t,n){let r=new Map;return t.forEach(e=>{let t=`${e.name}-${e.lastModified}`;r.set(t,e)}),n.forEach(t=>{let n=`${t.name}-${t.lastModified}`;r.set(n,e(t))}),Array.from(r.values())}export{t as mergeFileMetadata};
+import { getFileMetaAndFile } from "./get-file-meta.js";
+
+//#region src/file-upload/utils/merge-file-metadata.ts
+/**
+* Merges newly selected files with existing files (when multiple is true)
+* Removes duplicates by filename and lastModified, keeping all unique versions
+*
+* @param existingFiles - The current files from value prop
+* @param newFiles - The newly selected File objects from input
+* @returns Array of merged FileMetadata objects
+*/
+function mergeFileMetadata(existingFiles, newFiles) {
+	const fileMap = /* @__PURE__ */ new Map();
+	existingFiles.forEach((fileMetaData) => {
+		const key = `${fileMetaData.name}-${fileMetaData.lastModified}`;
+		fileMap.set(key, fileMetaData);
+	});
+	newFiles.forEach((file) => {
+		const key = `${file.name}-${file.lastModified}`;
+		fileMap.set(key, getFileMetaAndFile(file));
+	});
+	return Array.from(fileMap.values());
+}
+
+//#endregion
+export { mergeFileMetadata };

package/dist/file-upload-inline/FileUploadInline.cjs

@@ -1 +1,71 @@
-"use client";const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../file-upload/hooks/use-file-upload-store.cjs`);require(`../file-upload/index.cjs`);const n=require(`./defaults.cjs`),r=require(`./FileUploadInlineItem.cjs`);let i=require(`@pixpilot/shadcn`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);s=e.__toESM(s);function c(e){let{value:c,onChange:l,className:u,disabled:d=n.defaultOptions.disabled,multiple:f=n.defaultOptions.multiple,buttonText:p,showIcon:m=n.defaultOptions.showIcon,onAccept:h,preventDuplicates:g,..._}=e,{handleAccept:v,displayFiles:y,deleteFile:b,getFile:x,orgValue:S}=t.useFileUploadStore({value:c,onChange:l,multiple:f,preventDuplicates:g}),C=(0,o.useCallback)(e=>{h?.(e),v(e)},[v,h]);return(0,s.jsx)(i.FileUpload,{..._,value:S,onAccept:C,disabled:d,multiple:f,className:(0,i.cn)(`space-y-2`,u),children:(0,s.jsxs)(s.Fragment,{children:[(f||!f&&y.length===0)&&(0,s.jsxs)(i.FileUploadDropzone,{className:(0,i.cn)(`rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer`,`hover:bg-accent/50 transition-colors m-0`,d&&`cursor-not-allowed opacity-50`),children:[m&&(0,s.jsx)(a.CloudUpload,{className:`h-4 w-4 shrink-0 mx-1 text-muted-foreground`}),(0,s.jsx)(i.FileUploadTrigger,{asChild:!0,children:(0,s.jsx)(i.Button,{variant:`link`,size:`sm`,className:`h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1`,disabled:d,children:p})})]}),y.length>0&&(0,s.jsx)(i.FileUploadList,{className:`space-y-1 m-0`,forceMount:!0,children:y.map(e=>{let{name:t,lastModified:n}=e,i=`${t}-${n}`;return(0,s.jsx)(r.FileUploadInlineItem,{...e,file:x(e),disabled:d,onDelete:b},i)})})]})})}exports.FileUploadInline=c;
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_store = require('../file-upload/hooks/use-file-upload-store.cjs');
+require('../file-upload/index.cjs');
+const require_defaults = require('./defaults.cjs');
+const require_FileUploadInlineItem = require('./FileUploadInlineItem.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 react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload-inline/FileUploadInline.tsx
+/**
+* FileUploadInline - An inline file upload component using FileUpload primitives
+*/
+function FileUploadInline(props) {
+	const { value, onChange, className, disabled = require_defaults.defaultOptions.disabled, multiple = require_defaults.defaultOptions.multiple, buttonText, showIcon = require_defaults.defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = (0, react.useCallback)((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		disabled,
+		multiple,
+		className: (0, __pixpilot_shadcn.cn)("space-y-2", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [(multiple || !multiple && displayFiles.length === 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.FileUploadDropzone, {
+			className: (0, __pixpilot_shadcn.cn)("rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer", "hover:bg-accent/50 transition-colors m-0", disabled && "cursor-not-allowed opacity-50"),
+			children: [showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CloudUpload, { className: "h-4 w-4 shrink-0 mx-1 text-muted-foreground" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					variant: "link",
+					size: "sm",
+					className: "h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1",
+					disabled,
+					children: buttonText
+				})
+			})]
+		}), displayFiles.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadList, {
+			className: "space-y-1 m-0",
+			forceMount: true,
+			children: displayFiles.map((data) => {
+				const { name, lastModified } = data;
+				const key = `${name}-${lastModified}`;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FileUploadInlineItem.FileUploadInlineItem, {
+					...data,
+					file: getFile(data),
+					disabled,
+					onDelete: deleteFile
+				}, key);
+			})
+		})] })
+	});
+}
+
+//#endregion
+exports.FileUploadInline = FileUploadInline;

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.js

@@ -1 +1,66 @@
-"use client";import{useFileUploadStore as e}from"../file-upload/hooks/use-file-upload-store.js";import"../file-upload/index.js";import{defaultOptions as t}from"./defaults.js";import{FileUploadInlineItem as n}from"./FileUploadInlineItem.js";import{Button as r,FileUpload as i,FileUploadDropzone as a,FileUploadList as o,FileUploadTrigger as s,cn as c}from"@pixpilot/shadcn";import{CloudUpload as l}from"lucide-react";import{useCallback as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";function m(m){let{value:h,onChange:g,className:_,disabled:v=t.disabled,multiple:y=t.multiple,buttonText:b,showIcon:x=t.showIcon,onAccept:S,preventDuplicates:C,...w}=m,{handleAccept:T,displayFiles:E,deleteFile:D,getFile:O,orgValue:k}=e({value:h,onChange:g,multiple:y,preventDuplicates:C}),A=u(e=>{S?.(e),T(e)},[T,S]);return f(i,{...w,value:k,onAccept:A,disabled:v,multiple:y,className:c(`space-y-2`,_),children:p(d,{children:[(y||!y&&E.length===0)&&p(a,{className:c(`rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer`,`hover:bg-accent/50 transition-colors m-0`,v&&`cursor-not-allowed opacity-50`),children:[x&&f(l,{className:`h-4 w-4 shrink-0 mx-1 text-muted-foreground`}),f(s,{asChild:!0,children:f(r,{variant:`link`,size:`sm`,className:`h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1`,disabled:v,children:b})})]}),E.length>0&&f(o,{className:`space-y-1 m-0`,forceMount:!0,children:E.map(e=>{let{name:t,lastModified:r}=e,i=`${t}-${r}`;return f(n,{...e,file:O(e),disabled:v,onDelete:D},i)})})]})})}export{m as FileUploadInline};
+'use client';
+
+
+import { useFileUploadStore } from "../file-upload/hooks/use-file-upload-store.js";
+import "../file-upload/index.js";
+import { defaultOptions } from "./defaults.js";
+import { FileUploadInlineItem } from "./FileUploadInlineItem.js";
+import { Button, FileUpload, FileUploadDropzone, FileUploadList, FileUploadTrigger, cn } from "@pixpilot/shadcn";
+import { CloudUpload } from "lucide-react";
+import { useCallback } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload-inline/FileUploadInline.tsx
+/**
+* FileUploadInline - An inline file upload component using FileUpload primitives
+*/
+function FileUploadInline(props) {
+	const { value, onChange, className, disabled = defaultOptions.disabled, multiple = defaultOptions.multiple, buttonText, showIcon = defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = useCallback((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	return /* @__PURE__ */ jsx(FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		disabled,
+		multiple,
+		className: cn("space-y-2", className),
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [(multiple || !multiple && displayFiles.length === 0) && /* @__PURE__ */ jsxs(FileUploadDropzone, {
+			className: cn("rounded-md border border-input border-solid flex-row bg-background px-3 py-0 display-block w-full cursor-pointer", "hover:bg-accent/50 transition-colors m-0", disabled && "cursor-not-allowed opacity-50"),
+			children: [showIcon && /* @__PURE__ */ jsx(CloudUpload, { className: "h-4 w-4 shrink-0 mx-1 text-muted-foreground" }), /* @__PURE__ */ jsx(FileUploadTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "link",
+					size: "sm",
+					className: "h-auto py-2 px-0 text-sm text-muted-foreground hover:no-underline justify-start flex-1",
+					disabled,
+					children: buttonText
+				})
+			})]
+		}), displayFiles.length > 0 && /* @__PURE__ */ jsx(FileUploadList, {
+			className: "space-y-1 m-0",
+			forceMount: true,
+			children: displayFiles.map((data) => {
+				const { name, lastModified } = data;
+				const key = `${name}-${lastModified}`;
+				return /* @__PURE__ */ jsx(FileUploadInlineItem, {
+					...data,
+					file: getFile(data),
+					disabled,
+					onDelete: deleteFile
+				}, key);
+			})
+		})] })
+	});
+}
+
+//#endregion
+export { FileUploadInline };