@pixpilot/shadcn-ui 1.4.0 → 1.6.0

package/dist/AbsoluteFill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/AbsoluteFill.d.ts
 
@@ -10,7 +10,7 @@ import * as react_jsx_runtime1 from "react/jsx-runtime";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/ButtonExtended.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/ButtonExtended.d.ts
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime3.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -15,6 +15,6 @@ type BaseColorSelectProps = {
   placeholder?: string;
   keyboardMode?: 'cycle' | 'dropdown';
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime4.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/ContentCard.d.ts

@@ -1,6 +1,6 @@
 import { Card } from "@pixpilot/shadcn";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime0.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime3.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/DatePicker.d.ts
 type DatePickerProps = {
@@ -8,7 +8,7 @@ type DatePickerProps = {
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime0.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime4.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/Rating.d.cts

@@ -10,7 +10,7 @@ interface RatingOption {
   value: number;
 }
 declare const ratingVariants: (props?: ({
-  size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "default" | "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?: "default" | "sm" | "lg" | "xl" | null | undefined;
+  size?: "sm" | "default" | "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,7 +33,7 @@ const sizeClasses = {
 	}
 };
 const AvatarUpload = (props) => {
-	const { className, messages, value, onAccept, onChange, size = "md",...rest } = props;
+	const { className, messages, value, onAccept, onChange, onError, size = "md",...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
 	const [files, setFiles] = react.default.useState([]);
@@ -60,7 +60,8 @@ const AvatarUpload = (props) => {
 				index: i,
 				currentSize,
 				change,
-				onChange
+				onChange,
+				onError
 			}, id)) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AvatarUploadComponents.MainWrapper, {
 				currentSize,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.AvatarWrap, {

package/dist/avatar-upload/AvatarUpload.js

@@ -28,7 +28,7 @@ const sizeClasses = {
 	}
 };
 const AvatarUpload = (props) => {
-	const { className, messages, value, onAccept, onChange, size = "md",...rest } = props;
+	const { className, messages, value, onAccept, onChange, onError, size = "md",...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
 	const [files, setFiles] = React.useState([]);
@@ -55,7 +55,8 @@ const AvatarUpload = (props) => {
 				index: i,
 				currentSize,
 				change,
-				onChange
+				onChange,
+				onError
 			}, id)) }) : /* @__PURE__ */ jsxs(MainWrapper, {
 				currentSize,
 				children: [/* @__PURE__ */ jsx(AvatarWrap, {

package/dist/avatar-upload/AvatarUploadItem.cjs

@@ -12,8 +12,11 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change } = props;
-	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, props);
+	const { file, currentSize, change, onChange, onError } = props;
+	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
+		onChange,
+		onError
+	});
 	const fileError = require_use_file_error.useFileError(file);
 	const isUploading = (0, __pixpilot_shadcn.useFileUpload)((store) => {
 		if (fileError != null) return false;

package/dist/avatar-upload/AvatarUploadItem.js

@@ -8,8 +8,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change } = props;
-	useFileUploadProgressCallbacks(file, props);
+	const { file, currentSize, change, onChange, onError } = props;
+	useFileUploadProgressCallbacks(file, {
+		onChange,
+		onError
+	});
 	const fileError = useFileError(file);
 	const isUploading = useFileUpload((store) => {
 		if (fileError != null) return false;

package/dist/file-upload/FileUpload.cjs

@@ -15,7 +15,7 @@ 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,...rest } = props;
+	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates, onError, onFileReject,...rest } = props;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
 		value,
 		onChange,
@@ -28,10 +28,15 @@ function FileUpload(props) {
 	}, [handleAccept, onAccept]);
 	const itemSize = "size-22";
 	const containerClasses = (0, __pixpilot_shadcn.cn)("p-1.5");
+	const handleError = react.useCallback((file, message) => {
+		if (onFileReject) onFileReject(file, message);
+		if (onError) onError(file, message);
+	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
 		...rest,
 		value: orgValue,
 		onAccept: handleFileAccept,
+		onFileReject: handleError,
 		multiple,
 		className: (0, __pixpilot_shadcn.cn)("w-full", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadDropzone, {

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

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

package/dist/file-upload/FileUpload.js

@@ -10,7 +10,7 @@ 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,...rest } = props;
+	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates, onError, onFileReject,...rest } = props;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
 		value,
 		onChange,
@@ -23,10 +23,15 @@ function FileUpload$1(props) {
 	}, [handleAccept, onAccept]);
 	const itemSize = "size-22";
 	const containerClasses = cn("p-1.5");
+	const handleError = React$1.useCallback((file, message) => {
+		if (onFileReject) onFileReject(file, message);
+		if (onError) onError(file, message);
+	}, []);
 	return /* @__PURE__ */ jsx(FileUpload, {
 		...rest,
 		value: orgValue,
 		onAccept: handleFileAccept,
+		onFileReject: handleError,
 		multiple,
 		className: cn("w-full", className),
 		children: /* @__PURE__ */ jsx(FileUploadDropzone, {

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

@@ -7,9 +7,10 @@ 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 { onChange, 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);
 	const isUploadSuccess = (0, __pixpilot_shadcn.useFileUpload)((store) => {
 		const storeFile = store.files.get(file);
 		if (storeFile?.status === "success") {
@@ -18,6 +19,11 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 		}
 		return false;
 	});
+	const uploadError = (0, __pixpilot_shadcn.useFileUpload)((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.status === "error") return storeFile.error ?? "Upload failed";
+		return null;
+	});
 	(0, react.useEffect)(() => {
 		if (isUploadSuccess && !isChangeTrigged.current) {
 			isChangeTrigged.current = true;
@@ -28,6 +34,16 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 		onChange,
 		fileMeta
 	]);
+	(0, react.useEffect)(() => {
+		if (uploadError != null && !isErrorTriggered.current) {
+			isErrorTriggered.current = true;
+			onError?.(file, uploadError);
+		}
+	}, [
+		uploadError,
+		onError,
+		file
+	]);
 }
 
 //#endregion

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

@@ -4,9 +4,10 @@ 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 { onChange, onError } = callBacks;
 	const fileMeta = useMemo(() => getFileMeta(file), [file]);
 	const isChangeTrigged = useRef(false);
+	const isErrorTriggered = useRef(false);
 	const isUploadSuccess = useFileUpload((store) => {
 		const storeFile = store.files.get(file);
 		if (storeFile?.status === "success") {
@@ -15,6 +16,11 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 		}
 		return false;
 	});
+	const uploadError = useFileUpload((store) => {
+		const storeFile = store.files.get(file);
+		if (storeFile?.status === "error") return storeFile.error ?? "Upload failed";
+		return null;
+	});
 	useEffect(() => {
 		if (isUploadSuccess && !isChangeTrigged.current) {
 			isChangeTrigged.current = true;
@@ -25,6 +31,16 @@ function useFileUploadProgressCallbacks(file, callBacks) {
 		onChange,
 		fileMeta
 	]);
+	useEffect(() => {
+		if (uploadError != null && !isErrorTriggered.current) {
+			isErrorTriggered.current = true;
+			onError?.(file, uploadError);
+		}
+	}, [
+		uploadError,
+		onError,
+		file
+	]);
 }
 
 //#endregion

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

@@ -10,9 +10,10 @@ interface FileMetadata {
 }
 type OnChangeSingleFile = (file: FileMetadata | null) => void;
 type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
-type MainFileUploadProps = Omit<FileUploadProps, 'value'>;
+type MainFileUploadProps = Omit<FileUploadProps, 'value' | 'onError'>;
 interface FileUploadBaseProps extends MainFileUploadProps {
   preventDuplicates?: boolean;
+  onError?: (file: File, error: string) => void;
 }
 type FileUploadProps$1 = ({
   multiple: true;

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

@@ -10,9 +10,10 @@ interface FileMetadata {
 }
 type OnChangeSingleFile = (file: FileMetadata | null) => void;
 type OnChangeMultipleFiles = (files: FileMetadata[]) => void;
-type MainFileUploadProps = Omit<FileUploadProps, 'value'>;
+type MainFileUploadProps = Omit<FileUploadProps, 'value' | 'onError'>;
 interface FileUploadBaseProps extends MainFileUploadProps {
   preventDuplicates?: boolean;
+  onError?: (file: File, error: string) => void;
 }
 type FileUploadProps$1 = ({
   multiple: true;

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

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

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

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime11 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_runtime11.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,7 @@ 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, className, disabled, multiple = false, children, onAccept, preventDuplicates, slots,...rest } = props;
+	const { value, onChange, onError, className, disabled, multiple = false, children, onAccept, preventDuplicates, slots,...rest } = props;
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
 		value,
 		onChange,
@@ -57,6 +57,7 @@ function FileUploadRoot(props) {
 					file: getFile(data),
 					disabled,
 					onDelete: deleteFile,
+					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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime20.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime16.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

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

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime12.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime13.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

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

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

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

@@ -55,8 +55,11 @@ const FileItemInnerWrapper = ({ children }) => {
 		children
 	});
 };
-const FileUploadRootItem = react.default.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete }) => {
-	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, { onChange: () => {} });
+const FileUploadRootItem = react.default.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError }) => {
+	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
+		onChange: () => {},
+		onError
+	});
 	const fileError = require_use_file_error.useFileError(file);
 	const isUploading = (0, __pixpilot_shadcn.useFileUpload)((store) => {
 		return store.files.get(file)?.status === "uploading";

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

@@ -7,6 +7,7 @@ interface FileUploadRootItemProps extends Partial<FileMetadata> {
   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

@@ -8,6 +8,7 @@ interface FileUploadRootItemProps extends Partial<FileMetadata> {
   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,8 +49,11 @@ const FileItemInnerWrapper = ({ children }) => {
 		children
 	});
 };
-const FileUploadRootItem = React.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete }) => {
-	useFileUploadProgressCallbacks(file, { onChange: () => {} });
+const FileUploadRootItem = React.memo(({ file, name = "", size = 0, type = "", lastModified = 0, disabled = false, onDelete, onError }) => {
+	useFileUploadProgressCallbacks(file, {
+		onChange: () => {},
+		onError
+	});
 	const fileError = useFileError(file);
 	const isUploading = useFileUpload((store) => {
 		return store.files.get(file)?.status === "uploading";

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime9.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime20.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime10 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_runtime11.JSX.Element;
+}: TagsInputProps): react_jsx_runtime10.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_runtime15 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_runtime15.JSX.Element;
+}: TagsInputProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime10.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime8.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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime16.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime13.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime11.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 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_runtime17.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime14.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime12.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 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_runtime18.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime19.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime15.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime13.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 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_runtime19.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime20.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime12.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime9.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 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_runtime20.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.4.0",
+  "version": "1.6.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"