@pixpilot/shadcn-ui 1.6.0 → 1.8.0

package/dist/Rating.d.cts

@@ -10,7 +10,7 @@ interface RatingOption {
   value: number;
 }
 declare const ratingVariants: (props?: ({
-  size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+  size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type RatingSize = VariantProps<typeof ratingVariants>['size'];
 type IconType = 'star' | 'circle';

package/dist/Rating.d.ts

@@ -10,7 +10,7 @@ interface RatingOption {
   value: number;
 }
 declare const ratingVariants: (props?: ({
-  size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+  size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type RatingSize = VariantProps<typeof ratingVariants>['size'];
 type IconType = 'star' | 'circle';

package/dist/avatar-upload/AvatarUpload.cjs

@@ -33,23 +33,25 @@ const sizeClasses = {
 	}
 };
 const AvatarUpload = (props) => {
-	const { className, messages, value, onAccept, onChange, onError, size = "md",...rest } = props;
+	const { className, messages, value, onAccept, onSuccess, onError, size = "md",...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
 	const [files, setFiles] = react.default.useState([]);
 	const imageUrl = value?.url;
 	const handleAccept = react.default.useCallback((acceptedFiles) => {
-		setFiles(acceptedFiles.map((file) => {
+		const nextFiles = acceptedFiles.slice(0, 1);
+		setFiles(nextFiles.map((file) => {
 			return {
 				file,
 				id: `${file.name}-${file.lastModified.toString()}`
 			};
 		}));
-		onAccept?.(acceptedFiles);
+		onAccept?.(nextFiles);
 	}, [onAccept]);
 	const hasImageUrl = imageUrl != null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
 		...rest,
+		multiple: false,
 		onAccept: handleAccept,
 		className: require_utils.cn("w-fit", className),
 		accept: "image/*",
@@ -60,7 +62,7 @@ const AvatarUpload = (props) => {
 				index: i,
 				currentSize,
 				change,
-				onChange,
+				onSuccess,
 				onError
 			}, id)) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AvatarUploadComponents.MainWrapper, {
 				currentSize,

package/dist/avatar-upload/AvatarUpload.js

@@ -28,23 +28,25 @@ const sizeClasses = {
 	}
 };
 const AvatarUpload = (props) => {
-	const { className, messages, value, onAccept, onChange, onError, size = "md",...rest } = props;
+	const { className, messages, value, onAccept, onSuccess, onError, size = "md",...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
 	const [files, setFiles] = React.useState([]);
 	const imageUrl = value?.url;
 	const handleAccept = React.useCallback((acceptedFiles) => {
-		setFiles(acceptedFiles.map((file) => {
+		const nextFiles = acceptedFiles.slice(0, 1);
+		setFiles(nextFiles.map((file) => {
 			return {
 				file,
 				id: `${file.name}-${file.lastModified.toString()}`
 			};
 		}));
-		onAccept?.(acceptedFiles);
+		onAccept?.(nextFiles);
 	}, [onAccept]);
 	const hasImageUrl = imageUrl != null;
 	return /* @__PURE__ */ jsx(FileUpload, {
 		...rest,
+		multiple: false,
 		onAccept: handleAccept,
 		className: cn$1("w-fit", className),
 		accept: "image/*",
@@ -55,7 +57,7 @@ const AvatarUpload = (props) => {
 				index: i,
 				currentSize,
 				change,
-				onChange,
+				onSuccess,
 				onError
 			}, id)) }) : /* @__PURE__ */ jsxs(MainWrapper, {
 				currentSize,

package/dist/avatar-upload/AvatarUploadItem.cjs

@@ -12,9 +12,9 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change, onChange, onError } = props;
+	const { file, currentSize, change, onSuccess, onError } = props;
 	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
-		onChange,
+		onSuccess,
 		onError
 	});
 	const fileError = require_use_file_error.useFileError(file);

package/dist/avatar-upload/AvatarUploadItem.js

@@ -8,9 +8,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change, onChange, onError } = props;
+	const { file, currentSize, change, onSuccess, onError } = props;
 	useFileUploadProgressCallbacks(file, {
-		onChange,
+		onSuccess,
 		onError
 	});
 	const fileError = useFileError(file);

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
@@ -13,14 +13,14 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime17.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/dialog/Dialog.d.ts
@@ -13,14 +13,14 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_
 declare function DialogHeader$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter$1({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter$1 as DialogFooter, DialogHeader$1 as DialogHeader };

package/dist/file-upload/FileUpload.cjs

@@ -2,8 +2,8 @@
 
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_FileUploadItems = require('./FileUploadItems.cjs');
 const require_use_file_upload_store = require('./hooks/use-file-upload-store.cjs');
+const require_FileUploadItems = require('./FileUploadItems.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -15,7 +15,10 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/file-upload/FileUpload.tsx
 function FileUpload(props) {
-	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates, onError, onFileReject,...rest } = props;
+	const { value, onChange, className, onAccept, maxFiles, preventDuplicates, onFileReject, onSuccess: singleOnSuccess, onError: singleOnError, onFileSuccess, onFileError,...rest } = props;
+	const multiple = props.multiple ?? true;
+	const onSuccess = multiple ? onFileSuccess : singleOnSuccess;
+	const onError = multiple ? onFileError : singleOnError;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
 		value,
 		onChange,
@@ -31,7 +34,7 @@ function FileUpload(props) {
 	const handleError = react.useCallback((file, message) => {
 		if (onFileReject) onFileReject(file, message);
 		if (onError) onError(file, message);
-	}, []);
+	}, [onError, onFileReject]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
 		...rest,
 		value: orgValue,
@@ -63,6 +66,8 @@ function FileUpload(props) {
 				getFile,
 				maxFiles,
 				itemSize,
+				onSuccess,
+				onError,
 				className: containerClasses
 			})
 		})

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

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime14.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FileUpload };

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

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime11.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload/FileUpload.js

@@ -1,8 +1,8 @@
 'use client';
 
 
-import { FileUploadItems } from "./FileUploadItems.js";
 import { useFileUploadStore } from "./hooks/use-file-upload-store.js";
+import { FileUploadItems } from "./FileUploadItems.js";
 import { FileUpload, FileUploadDropzone, cn } from "@pixpilot/shadcn";
 import { Upload } from "lucide-react";
 import * as React$1 from "react";
@@ -10,7 +10,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.tsx
 function FileUpload$1(props) {
-	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates, onError, onFileReject,...rest } = props;
+	const { value, onChange, className, onAccept, maxFiles, preventDuplicates, onFileReject, onSuccess: singleOnSuccess, onError: singleOnError, onFileSuccess, onFileError,...rest } = props;
+	const multiple = props.multiple ?? true;
+	const onSuccess = multiple ? onFileSuccess : singleOnSuccess;
+	const onError = multiple ? onFileError : singleOnError;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
 		value,
 		onChange,
@@ -26,7 +29,7 @@ function FileUpload$1(props) {
 	const handleError = React$1.useCallback((file, message) => {
 		if (onFileReject) onFileReject(file, message);
 		if (onError) onError(file, message);
-	}, []);
+	}, [onError, onFileReject]);
 	return /* @__PURE__ */ jsx(FileUpload, {
 		...rest,
 		value: orgValue,
@@ -58,6 +61,8 @@ function FileUpload$1(props) {
 				getFile,
 				maxFiles,
 				itemSize,
+				onSuccess,
+				onError,
 				className: containerClasses
 			})
 		})

package/dist/file-upload/FileUploadItems.cjs

@@ -11,7 +11,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/file-upload/FileUploadItems.tsx
-function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, className }) {
+function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, onSuccess, onError, className }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.FileUploadList, {
 		orientation: "horizontal",
 		forceMount: true,
@@ -23,7 +23,9 @@ function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize
 				fileMeta,
 				deleteFile,
 				getFile,
-				itemSize
+				itemSize,
+				onSuccess,
+				onError
 			}, key);
 		}), maxFiles === void 0 || displayFiles.length < maxFiles ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: (0, __pixpilot_shadcn.cn)(itemSize, "flex items-center justify-center  border-2 border-dashed rounded-md"),

package/dist/file-upload/FileUploadItems.js

@@ -7,7 +7,7 @@ import { Plus } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/file-upload/FileUploadItems.tsx
-function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, className }) {
+function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, onSuccess, onError, className }) {
 	return /* @__PURE__ */ jsxs(FileUploadList, {
 		orientation: "horizontal",
 		forceMount: true,
@@ -19,7 +19,9 @@ function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize
 				fileMeta,
 				deleteFile,
 				getFile,
-				itemSize
+				itemSize,
+				onSuccess,
+				onError
 			}, key);
 		}), maxFiles === void 0 || displayFiles.length < maxFiles ? /* @__PURE__ */ jsx("div", {
 			className: cn(itemSize, "flex items-center justify-center  border-2 border-dashed rounded-md"),

package/dist/file-upload/FileUploadListItem.cjs

@@ -2,6 +2,8 @@
 
 
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_progress_callbacks = require('./hooks/use-file-upload-progress-callbacks.cjs');
+require('./hooks/index.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -20,8 +22,12 @@ const Backdrop = ({ className, children }) => {
 		children
 	});
 };
-const FileUploadListItem = react.default.memo(({ fileMeta, deleteFile, getFile, itemSize }) => {
+const FileUploadListItem = react.default.memo(({ fileMeta, deleteFile, getFile, itemSize, onSuccess, onError }) => {
 	const file = getFile(fileMeta);
+	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
+		onSuccess,
+		onError
+	});
 	const storeFile = (0, __pixpilot_shadcn.useFileUpload)((store) => store.files.get(file));
 	const hasError = storeFile?.error != null;
 	const url = typeof fileMeta.url === "string" ? fileMeta.url : "";

package/dist/file-upload/FileUploadListItem.js

@@ -1,6 +1,8 @@
 'use client';
 
 
+import { useFileUploadProgressCallbacks } from "./hooks/use-file-upload-progress-callbacks.js";
+import "./hooks/index.js";
 import { Button, FileUploadItem, FileUploadItemMetadata, FileUploadItemPreview, FileUploadItemProgress, Tooltip, TooltipContent, TooltipTrigger, cn, useFileUpload } from "@pixpilot/shadcn";
 import { AlertTriangle, X } from "lucide-react";
 import React from "react";
@@ -14,8 +16,12 @@ const Backdrop = ({ className, children }) => {
 		children
 	});
 };
-const FileUploadListItem = React.memo(({ fileMeta, deleteFile, getFile, itemSize }) => {
+const FileUploadListItem = React.memo(({ fileMeta, deleteFile, getFile, itemSize, onSuccess, onError }) => {
 	const file = getFile(fileMeta);
+	useFileUploadProgressCallbacks(file, {
+		onSuccess,
+		onError
+	});
 	const storeFile = useFileUpload((store) => store.files.get(file));
 	const hasError = storeFile?.error != null;
 	const url = typeof fileMeta.url === "string" ? fileMeta.url : "";

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

@@ -1,3 +1,3 @@
-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');
+const require_use_file_upload_store = require('./use-file-upload-store.cjs');

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

@@ -1,3 +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";
+import { useFileUploadStore } from "./use-file-upload-store.js";

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

@@ -7,7 +7,7 @@ react = require_rolldown_runtime.__toESM(react);
 
 //#region src/file-upload/hooks/use-file-upload-progress-callbacks.ts
 function useFileUploadProgressCallbacks(file, callBacks) {
-	const { onChange, onError } = callBacks;
+	const { onSuccess, onError } = callBacks;
 	const fileMeta = (0, react.useMemo)(() => require_get_file_meta.getFileMeta(file), [file]);
 	const isChangeTrigged = (0, react.useRef)(false);
 	const isErrorTriggered = (0, react.useRef)(false);
@@ -27,11 +27,11 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 	(0, react.useEffect)(() => {
 		if (isUploadSuccess && !isChangeTrigged.current) {
 			isChangeTrigged.current = true;
-			onChange?.(fileMeta);
+			onSuccess?.(fileMeta);
 		}
 	}, [
 		isUploadSuccess,
-		onChange,
+		onSuccess,
 		fileMeta
 	]);
 	(0, react.useEffect)(() => {

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

@@ -4,7 +4,7 @@ import { useEffect, useMemo, useRef } from "react";
 
 //#region src/file-upload/hooks/use-file-upload-progress-callbacks.ts
 function useFileUploadProgressCallbacks(file, callBacks) {
-	const { onChange, onError } = callBacks;
+	const { onSuccess, onError } = callBacks;
 	const fileMeta = useMemo(() => getFileMeta(file), [file]);
 	const isChangeTrigged = useRef(false);
 	const isErrorTriggered = useRef(false);
@@ -24,11 +24,11 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 	useEffect(() => {
 		if (isUploadSuccess && !isChangeTrigged.current) {
 			isChangeTrigged.current = true;
-			onChange?.(fileMeta);
+			onSuccess?.(fileMeta);
 		}
 	}, [
 		isUploadSuccess,
-		onChange,
+		onSuccess,
 		fileMeta
 	]);
 	useEffect(() => {

package/dist/file-upload/index.cjs

@@ -1,5 +1,5 @@
-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');
+const require_use_file_upload_store = require('./hooks/use-file-upload-store.cjs');
 require('./hooks/index.cjs');
+const require_FileUpload = require('./FileUpload.cjs');

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

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

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

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

package/dist/file-upload/index.js

@@ -1,5 +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 { useFileUploadStore } from "./hooks/use-file-upload-store.js";
 import "./hooks/index.js";
+import { FileUpload } from "./FileUpload.js";

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

@@ -8,29 +8,36 @@ interface FileMetadata {
   url?: string;
   lastModified: number;
 }
+interface UseFileCallbacks {
+  onSuccess?: (fileMeta: FileMetadata) => void;
+  onError?: (file: File, error: string) => void;
+}
+interface MultiFileCallbacks {
+  onFileSuccess?: (fileMeta: FileMetadata) => void;
+  onFileError?: (file: File, error: string) => void;
+}
 type OnChangeSingleFile = (file: FileMetadata | null) => void;
 type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
 type MainFileUploadProps = Omit<FileUploadProps, 'value' | 'onError'>;
 interface FileUploadBaseProps extends MainFileUploadProps {
   preventDuplicates?: boolean;
-  onError?: (file: File, error: string) => void;
 }
 type FileUploadProps$1 = ({
   multiple: true;
   value?: FileMetadata[];
   onChange?: OnChangeMultipleFiles;
-} & FileUploadBaseProps) | ({
+} & FileUploadBaseProps & MultiFileCallbacks) | ({
   multiple?: false;
   value?: FileMetadata | null;
   onChange?: OnChangeSingleFile;
-} & FileUploadBaseProps);
-interface MultiFileUploadProps extends FileUploadBaseProps {
+} & FileUploadBaseProps & UseFileCallbacks);
+interface MultiFileUploadProps extends FileUploadBaseProps, MultiFileCallbacks {
   value?: FileMetadata[];
   onChange?: OnChangeMultipleFiles;
 }
-interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'> {
+interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'>, UseFileCallbacks {
   value?: FileMetadata | null;
-  onChange?: (files: FileMetadata) => void;
+  onChange?: OnChangeSingleFile;
 }
 interface FileUploadProgressCallBacks {
   onProgress: (file: File, progress: number) => void;
@@ -38,4 +45,4 @@ interface FileUploadProgressCallBacks {
   onError: (file: File, error: Error) => void;
 }
 //#endregion
-export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps };
+export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps, UseFileCallbacks };

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

@@ -8,29 +8,36 @@ interface FileMetadata {
   url?: string;
   lastModified: number;
 }
+interface UseFileCallbacks {
+  onSuccess?: (fileMeta: FileMetadata) => void;
+  onError?: (file: File, error: string) => void;
+}
+interface MultiFileCallbacks {
+  onFileSuccess?: (fileMeta: FileMetadata) => void;
+  onFileError?: (file: File, error: string) => void;
+}
 type OnChangeSingleFile = (file: FileMetadata | null) => void;
 type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
 type MainFileUploadProps = Omit<FileUploadProps, 'value' | 'onError'>;
 interface FileUploadBaseProps extends MainFileUploadProps {
   preventDuplicates?: boolean;
-  onError?: (file: File, error: string) => void;
 }
 type FileUploadProps$1 = ({
   multiple: true;
   value?: FileMetadata[];
   onChange?: OnChangeMultipleFiles;
-} & FileUploadBaseProps) | ({
+} & FileUploadBaseProps & MultiFileCallbacks) | ({
   multiple?: false;
   value?: FileMetadata | null;
   onChange?: OnChangeSingleFile;
-} & FileUploadBaseProps);
-interface MultiFileUploadProps extends FileUploadBaseProps {
+} & FileUploadBaseProps & UseFileCallbacks);
+interface MultiFileUploadProps extends FileUploadBaseProps, MultiFileCallbacks {
   value?: FileMetadata[];
   onChange?: OnChangeMultipleFiles;
 }
-interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'> {
+interface SingleFileUploadProps extends Omit<FileUploadBaseProps, 'multiple'>, UseFileCallbacks {
   value?: FileMetadata | null;
-  onChange?: (files: FileMetadata) => void;
+  onChange?: OnChangeSingleFile;
 }
 interface FileUploadProgressCallBacks {
   onProgress: (file: File, progress: number) => void;
@@ -38,4 +45,4 @@ interface FileUploadProgressCallBacks {
   onError: (file: File, error: Error) => void;
 }
 //#endregion
-export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps };
+export { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps$1 as FileUploadProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps, UseFileCallbacks };

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

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime15.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-root/FileUploadRoot.cjs

@@ -17,7 +17,10 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * FileUploadInline - An inline file upload component using FileUpload primitives
 */
 function FileUploadRoot(props) {
-	const { value, onChange, onError, className, disabled, multiple = false, children, onAccept, preventDuplicates, slots,...rest } = props;
+	const { value, onChange, className, disabled, children, onAccept, preventDuplicates, slots, onSuccess: singleOnSuccess, onError: singleOnError, onFileSuccess, onFileError,...rest } = props;
+	const multiple = props.multiple ?? false;
+	const onSuccess = multiple ? onFileSuccess : singleOnSuccess;
+	const onError = multiple ? onFileError : singleOnError;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
 		value,
 		onChange,
@@ -57,6 +60,7 @@ function FileUploadRoot(props) {
 					file: getFile(data),
 					disabled,
 					onDelete: deleteFile,
+					onSuccess,
 					onError,
 					...slots?.fileItem || {}
 				}, key);

package/dist/file-upload-root/FileUploadRoot.d.cts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime16.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime14.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/file-upload-root/FileUploadRoot.js

@@ -13,7 +13,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * FileUploadInline - An inline file upload component using FileUpload primitives
 */
 function FileUploadRoot(props) {
-	const { value, onChange, onError, className, disabled, multiple = false, children, onAccept, preventDuplicates, slots,...rest } = props;
+	const { value, onChange, className, disabled, children, onAccept, preventDuplicates, slots, onSuccess: singleOnSuccess, onError: singleOnError, onFileSuccess, onFileError,...rest } = props;
+	const multiple = props.multiple ?? false;
+	const onSuccess = multiple ? onFileSuccess : singleOnSuccess;
+	const onError = multiple ? onFileError : singleOnError;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
 		value,
 		onChange,
@@ -51,6 +54,7 @@ function FileUploadRoot(props) {
 					file: getFile(data),
 					disabled,
 					onDelete: deleteFile,
+					onSuccess,
 					onError,
 					...slots?.fileItem || {}
 				}, key);

package/dist/file-upload-root/FileUploadRootItem.cjs

@@ -55,9 +55,9 @@ const FileItemInnerWrapper = ({ children }) => {
 		children
 	});
 };
-const FileUploadRootItem = react.default.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError }) => {
+const FileUploadRootItem = react.default.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError, onSuccess }) => {
 	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
-		onChange: () => {},
+		onSuccess,
 		onError
 	});
 	const fileError = require_use_file_error.useFileError(file);

package/dist/file-upload-root/FileUploadRootItem.d.cts

@@ -1,13 +1,12 @@
-import { FileMetadata } from "../file-upload/types/index.cjs";
+import { FileMetadata, UseFileCallbacks } from "../file-upload/types/index.cjs";
 import { FileWithMetadata } from "../file-upload/utils/merge-file-metadata.cjs";
 import React from "react";
 
 //#region src/file-upload-root/FileUploadRootItem.d.ts
-interface FileUploadRootItemProps extends Partial<FileMetadata> {
+interface FileUploadRootItemProps extends Partial<FileMetadata>, UseFileCallbacks {
   file: File;
   disabled?: boolean;
   onDelete: (file: FileWithMetadata) => void;
-  onError?: (file: File, error: string) => void;
 }
 declare const FileUploadRootItem: React.FC<FileUploadRootItemProps>;
 //#endregion

package/dist/file-upload-root/FileUploadRootItem.d.ts

@@ -1,14 +1,13 @@
-import { FileMetadata } from "../file-upload/types/index.js";
+import { FileMetadata, UseFileCallbacks } from "../file-upload/types/index.js";
 import { FileWithMetadata } from "../file-upload/utils/merge-file-metadata.js";
 import "../file-upload/utils/index.js";
 import React from "react";
 
 //#region src/file-upload-root/FileUploadRootItem.d.ts
-interface FileUploadRootItemProps extends Partial<FileMetadata> {
+interface FileUploadRootItemProps extends Partial<FileMetadata>, UseFileCallbacks {
   file: File;
   disabled?: boolean;
   onDelete: (file: FileWithMetadata) => void;
-  onError?: (file: File, error: string) => void;
 }
 declare const FileUploadRootItem: React.FC<FileUploadRootItemProps>;
 //#endregion

package/dist/file-upload-root/FileUploadRootItem.js

@@ -49,9 +49,9 @@ const FileItemInnerWrapper = ({ children }) => {
 		children
 	});
 };
-const FileUploadRootItem = React.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError }) => {
+const FileUploadRootItem = React.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError, onSuccess }) => {
 	useFileUploadProgressCallbacks(file, {
-		onChange: () => {},
+		onSuccess,
 		onError
 	});
 	const fileError = useFileError(file);

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.cjs";
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps, UseFileCallbacks } from "./file-upload/types/index.cjs";
 import { FileUpload } from "./file-upload/FileUpload.cjs";
 import "./file-upload/index.cjs";
 import { AbsoluteFill } from "./AbsoluteFill.cjs";
@@ -100,4 +100,4 @@ import "./toast/index.cjs";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.cjs";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, UseFileCallbacks, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps } from "./file-upload/types/index.js";
+import { FileMetadata, FileUploadBaseProps, FileUploadProgressCallBacks, FileUploadProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, SingleFileUploadProps, UseFileCallbacks } from "./file-upload/types/index.js";
 import { FileUpload } from "./file-upload/FileUpload.js";
 import "./file-upload/index.js";
 import { AbsoluteFill } from "./AbsoluteFill.js";
@@ -100,4 +100,4 @@ import "./toast/index.js";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.js";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileCallbacks, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, UseFileCallbacks, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input(props: InputProps$1): react_jsx_runtime20.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { Input, InputProps$1 as InputProps };

package/dist/tags-input/TagsInput.d.cts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime10.JSX.Element;
+}: TagsInputProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInput.d.ts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime16.JSX.Element;
+}: TagsInputProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
 
 //#region src/tags-input/TagsInputInline.d.ts
@@ -75,6 +75,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime8.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/tags-input/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInputInline.d.ts
 interface TagsInputInlineItem {
@@ -75,6 +75,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime15.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/theme-toggle/ThemeModeDropdown.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeDropdown.d.ts
 interface ThemeModeDropdownProps {
@@ -17,7 +17,7 @@ interface ThemeModeDropdownProps {
  * Provides Light / Dark / System options.
  * Pure component - requires themeValue and onChange props.
  */
-declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime11.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeDropdown.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeDropdown.d.ts
 interface ThemeModeDropdownProps {
@@ -17,7 +17,7 @@ interface ThemeModeDropdownProps {
  * Provides Light / Dark / System options.
  * Pure component - requires themeValue and onChange props.
  */
-declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchInside.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchInside.d.ts
 type ThemeModeSwitchInsideSize = 'sm' | 'md' | 'lg';
@@ -25,7 +25,7 @@ interface ThemeModeSwitchInsideProps {
  * Icons are embedded within the switch control.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime12.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime19.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchInside.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchInside.d.ts
 type ThemeModeSwitchInsideSize = 'sm' | 'md' | 'lg';
@@ -25,7 +25,7 @@ interface ThemeModeSwitchInsideProps {
  * Icons are embedded within the switch control.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime19.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchOutside.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchOutside.d.ts
 interface ThemeModeSwitchOutsideProps {
@@ -22,7 +22,7 @@ interface ThemeModeSwitchOutsideProps {
  * Icons flank the switch control on either side.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime13.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime20.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchOutside.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchOutside.d.ts
 interface ThemeModeSwitchOutsideProps {
@@ -22,7 +22,7 @@ interface ThemeModeSwitchOutsideProps {
  * Icons flank the switch control on either side.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime20.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime19.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime9.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime17.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime20.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -60,9 +60,9 @@
     "react-dom": "19.2.0",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
+    "@internal/eslint-config": "0.3.0",
     "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/eslint-config": "0.3.0",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"