@pixpilot/shadcn 1.2.0 → 1.2.2

package/dist/components/ui/alert-dialog.d.ts

@@ -1,48 +1,48 @@
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 
 //#region src/components/ui/alert-dialog.d.ts
 declare function AlertDialog({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogTrigger({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogPortal({
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogContent({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogAction({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime8.JSX.Element;
 declare function AlertDialogCancel({
   className,
   ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime12.JSX.Element;
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/ui/alert.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/ui/alert.d.ts
@@ -11,14 +11,14 @@ declare function Alert({
   className,
   variant,
   ...props
-}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): react_jsx_runtime5.JSX.Element;
 declare function AlertTitle({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 declare function AlertDescription({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime9.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle };

package/dist/components/ui/avatar.d.ts

@@ -1,19 +1,19 @@
 import * as React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
 //#region src/components/ui/avatar.d.ts
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime19.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime19.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/ui/file-upload.d.ts

@@ -27,6 +27,14 @@ interface FileUploadRootProps extends Omit<React.ComponentProps<'div'>, 'default
     message: string;
   }>) => void;
   onFileValidate?: (file: File) => string | null | undefined;
+  /**
+   * Optional async transform applied to each accepted file before it enters
+   * the store.  Return the same file to leave it unchanged, or return a new
+   * `File` (e.g. after EXIF stripping) to replace it.  All subsequent
+   * callbacks — `onProgress`, `onSuccess`, `onError` — will reference the
+   * returned file.
+   */
+  transformFile?: (file: File) => Promise<File> | File;
   onUpload?: (files: File[], options: {
     onProgress: (file: File, progress: number) => void;
     onSuccess: (file: File) => void;

package/dist/components/ui/file-upload.js

@@ -182,7 +182,7 @@ function useFileUploadContext(consumerName) {
 	return context;
 }
 function FileUploadRoot(props) {
-	const { value, defaultValue, onValueChange, onAccept, onFileAccept, onFileReject, onFilesReject, onFileValidate, onUpload, accept, maxFiles, maxSize, dir: dirProp, label, name, asChild, disabled = false, invalid = false, multiple = false, required = false, children, className,...rootProps } = props;
+	const { value, defaultValue, onValueChange, onAccept, onFileAccept, onFileReject, onFilesReject, onFileValidate, transformFile, onUpload, accept, maxFiles, maxSize, dir: dirProp, label, name, asChild, disabled = false, invalid = false, multiple = false, required = false, children, className,...rootProps } = props;
 	const inputId = React.useId();
 	const dropzoneId = React.useId();
 	const listId = React.useId();
@@ -190,6 +190,7 @@ function FileUploadRoot(props) {
 	const dir = useDirection(dirProp);
 	const listeners = useLazyRef(() => /* @__PURE__ */ new Set()).current;
 	const files = useLazyRef(() => /* @__PURE__ */ new Map()).current;
+	const progressFrames = useLazyRef(() => /* @__PURE__ */ new Map()).current;
 	const urlCache = useLazyRef(() => /* @__PURE__ */ new WeakMap()).current;
 	const inputRef = React.useRef(null);
 	const isControlled = value !== void 0;
@@ -201,18 +202,24 @@ function FileUploadRoot(props) {
 		urlCache
 	]);
 	const acceptTypes = React.useMemo(() => accept?.split(",").map((t) => t.trim()) ?? null, [accept]);
+	const cancelPendingProgress = React.useCallback((file) => {
+		const frameId = progressFrames.get(file);
+		if (frameId === void 0) return;
+		cancelAnimationFrame(frameId);
+		progressFrames.delete(file);
+	}, [progressFrames]);
 	const onProgress = useLazyRef(() => {
-		let frame = 0;
 		return (file, progress) => {
-			if (frame) return;
-			frame = requestAnimationFrame(() => {
-				frame = 0;
+			cancelPendingProgress(file);
+			const frameId = requestAnimationFrame(() => {
+				progressFrames.delete(file);
 				store.dispatch({
 					type: "SET_PROGRESS",
 					file,
 					progress: Math.min(Math.max(0, progress), 100)
 				});
 			});
+			progressFrames.set(file, frameId);
 		};
 	}).current;
 	React.useEffect(() => {
@@ -232,12 +239,18 @@ function FileUploadRoot(props) {
 	]);
 	React.useEffect(() => {
 		return () => {
+			for (const frameId of progressFrames.values()) cancelAnimationFrame(frameId);
+			progressFrames.clear();
 			for (const file of files.keys()) {
 				const cachedUrl = urlCache.get(file);
 				if (cachedUrl) URL.revokeObjectURL(cachedUrl);
 			}
 		};
-	}, [files, urlCache]);
+	}, [
+		files,
+		progressFrames,
+		urlCache
+	]);
 	const onFilesUpload = React.useCallback(async (files$1) => {
 		try {
 			for (const file of files$1) store.dispatch({
@@ -248,12 +261,14 @@ function FileUploadRoot(props) {
 			if (onUpload) await onUpload(files$1, {
 				onProgress,
 				onSuccess: (file) => {
+					cancelPendingProgress(file);
 					store.dispatch({
 						type: "SET_SUCCESS",
 						file
 					});
 				},
 				onError: (file, error) => {
+					cancelPendingProgress(file);
 					store.dispatch({
 						type: "SET_ERROR",
 						file,
@@ -261,19 +276,26 @@ function FileUploadRoot(props) {
 					});
 				}
 			});
-			else for (const file of files$1) store.dispatch({
-				type: "SET_SUCCESS",
-				file
-			});
+			else for (const file of files$1) {
+				cancelPendingProgress(file);
+				store.dispatch({
+					type: "SET_SUCCESS",
+					file
+				});
+			}
 		} catch (error) {
 			const errorMessage = error instanceof Error ? error.message : "Upload failed";
-			for (const file of files$1) store.dispatch({
-				type: "SET_ERROR",
-				file,
-				error: errorMessage
-			});
+			for (const file of files$1) {
+				cancelPendingProgress(file);
+				store.dispatch({
+					type: "SET_ERROR",
+					file,
+					error: errorMessage
+				});
+			}
 		}
 	}, [
+		cancelPendingProgress,
 		store,
 		onUpload,
 		onProgress
@@ -355,18 +377,19 @@ function FileUploadRoot(props) {
 			}, 2e3);
 		}
 		if (allRejectedFiles.length > 0) onFilesReject?.(allRejectedFiles);
-		if (acceptedFiles.length > 0) {
+		if (acceptedFiles.length > 0) (async () => {
+			const finalFiles = transformFile ? await Promise.all(acceptedFiles.map(async (file) => transformFile(file))) : acceptedFiles;
 			store.dispatch({
 				type: "ADD_FILES",
-				files: acceptedFiles
+				files: finalFiles
 			});
 			if (isControlled && onValueChange) onValueChange([...Array.from(store.getState().files.values()).map((f) => f.file)]);
-			if (onAccept) onAccept(acceptedFiles);
-			for (const file of acceptedFiles) onFileAccept?.(file);
+			if (onAccept) onAccept(finalFiles);
+			for (const file of finalFiles) onFileAccept?.(file);
 			if (onUpload) requestAnimationFrame(() => {
-				onFilesUpload(acceptedFiles);
+				onFilesUpload(finalFiles);
 			});
-		}
+		})();
 	}, [
 		store,
 		isControlled,
@@ -375,6 +398,7 @@ function FileUploadRoot(props) {
 		onFileAccept,
 		onUpload,
 		onFilesUpload,
+		transformFile,
 		maxFiles,
 		onFileValidate,
 		onFileReject,

package/dist/components/ui/tooltip.d.ts

@@ -1,23 +1,23 @@
 import * as React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/ui/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime22.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime22.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime22.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime5.JSX.Element;
+}: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn",
   "type": "module",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "A collection of reusable UI components built with shadcn/ui and Radix UI primitives.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",