@pixpilot/formily-shadcn 1.10.6 → 1.10.7

package/dist/components/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 from "react";
 import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
 
 //#region src/components/Checkbox.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_checkbox0 from "@radix-ui/react-checkbox";
  * Formily-connected Checkbox component
  * Maps Formily field checked state to shadcn Checkbox
  */
-declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
+declare const Checkbox: react1.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react1.RefAttributes<HTMLButtonElement>>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

package/dist/components/DatePicker.d.ts

@@ -1,11 +1,11 @@
-import * as react2 from "react";
+import * as react4 from "react";
 import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/DatePicker.d.ts
-declare const DatePicker$1: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker$1: react4.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react4.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker$1 as DatePicker };

package/dist/components/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "./context/form-context.js";
 import "./context/index.js";
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/Form.d.ts
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime1.JSX.Element;
+}: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime0.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.cts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react7 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconPicker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker: react7.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react7.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker };

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react0 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconPicker.d.ts
@@ -8,8 +8,8 @@ import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
  * Automatically connects to Formily field state
  * Supports both static and async icon providers
  */
-declare const IconPicker$1: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react0.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react4.RefAttributes<unknown>>;
+}> & react0.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.cts

@@ -1,4 +1,4 @@
-import * as react6 from "react";
+import * as react4 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconToggle.d.ts
@@ -6,6 +6,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const IconToggle: react6.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react6.RefAttributes<HTMLButtonElement>>, "ref"> & react6.RefAttributes<unknown>>;
+declare const IconToggle: react4.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react4.RefAttributes<HTMLButtonElement>>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle };

package/dist/components/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react12 from "react";
+import * as react9 from "react";
 
 //#region src/components/Input.d.ts
 
@@ -6,12 +6,12 @@ import * as react12 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react12.ForwardRefExoticComponent<Omit<Partial<react12.ClassAttributes<HTMLInputElement> & react12.InputHTMLAttributes<HTMLInputElement> & {
+declare const Input: react9.ForwardRefExoticComponent<Omit<Partial<react9.ClassAttributes<HTMLInputElement> & react9.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react12.RefAttributes<unknown>>;
+}>, "ref"> & react9.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime3.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Rating.d.cts

@@ -1,4 +1,4 @@
-import * as react9 from "react";
+import * as react13 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/Rating.d.ts
@@ -6,8 +6,8 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Formily-connected Rating component
  * Automatically connects shadcn-ui Rating to Formily field state
  */
-declare const Rating: react9.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
-  children?: react9.ReactNode | undefined;
-}> & react9.RefAttributes<unknown>>;
+declare const Rating: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
+  children?: react13.ReactNode | undefined;
+}> & react13.RefAttributes<unknown>>;
 //#endregion
 export { Rating };

package/dist/components/Row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/Row.d.ts
 interface IRowProps {
@@ -36,6 +36,6 @@ interface IRowProps {
 declare function Row({
   className,
   children
-}: IRowProps): react_jsx_runtime3.JSX.Element;
+}: IRowProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Separator.d.ts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react19 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/Separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react16.RefAttributes<HTMLDivElement>>, "ref"> & react16.RefAttributes<unknown>>;
+declare const Separator: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react19.RefAttributes<HTMLDivElement>>, "ref"> & react19.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/Switch.d.cts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react19 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/Switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Switch: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react16 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/Switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Switch: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react16.RefAttributes<HTMLButtonElement>>, "ref"> & react16.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react22 from "react";
 import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
 
 //#region src/components/TagsInputInline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react19.RefAttributes<unknown>>;
+declare const TagsInputInLine: react22.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react22.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/TagsInputInline.d.ts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react26 from "react";
 import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
 
 //#region src/components/TagsInputInline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react19.RefAttributes<unknown>>;
+declare const TagsInputInLine: react26.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.TagsInputProps> & react26.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/Textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react27 from "react";
+import * as react22 from "react";
 
 //#region src/components/Textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react27.ForwardRefExoticComponent<Omit<Partial<react27.ClassAttributes<HTMLTextAreaElement> & react27.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react27.RefAttributes<unknown>>;
+declare const Textarea: react22.ForwardRefExoticComponent<Omit<Partial<react22.ClassAttributes<HTMLTextAreaElement> & react22.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/ToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react24 from "react";
+import * as react28 from "react";
 import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
 
 //#region src/components/ToggleButton.d.ts
@@ -6,6 +6,6 @@ import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const ToggleButton$1: react24.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react24.RefAttributes<HTMLButtonElement>>, "ref"> & react24.RefAttributes<unknown>>;
+declare const ToggleButton$1: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton$1 as ToggleButton };

package/dist/components/array-tags/ArrayTags.d.cts

@@ -1,4 +1,4 @@
-import * as _formily_react0 from "@formily/react";
+import * as _formily_react102 from "@formily/react";
 import React from "react";
 import { TagsInputProps } from "@pixpilot/shadcn-ui";
 
@@ -54,6 +54,6 @@ interface ArrayTagsProps extends TagsInputProps {
  * };
  * ```
  */
-declare const ArrayTags: React.MemoExoticComponent<_formily_react0.ReactFC<ArrayTagsProps>>;
+declare const ArrayTags: React.MemoExoticComponent<_formily_react102.ReactFC<ArrayTagsProps>>;
 //#endregion
 export { ArrayTags, ArrayTagsProps };

package/dist/components/array-tags/ArrayTags.d.ts

@@ -1,4 +1,4 @@
-import * as _formily_react102 from "@formily/react";
+import * as _formily_react0 from "@formily/react";
 import React from "react";
 import { TagsInputProps } from "@pixpilot/shadcn-ui";
 
@@ -54,6 +54,6 @@ interface ArrayTagsProps extends TagsInputProps {
  * };
  * ```
  */
-declare const ArrayTags: React.MemoExoticComponent<_formily_react102.ReactFC<ArrayTagsProps>>;
+declare const ArrayTags: React.MemoExoticComponent<_formily_react0.ReactFC<ArrayTagsProps>>;
 //#endregion
 export { ArrayTags, ArrayTagsProps };

package/dist/components/array-toggle-group/ArrayToggleGroup.d.ts

@@ -1,4 +1,4 @@
-import * as _formily_react101 from "@formily/react";
+import * as _formily_react0 from "@formily/react";
 import React from "react";
 import { ToggleGroupProps } from "@pixpilot/shadcn-ui";
 
@@ -60,6 +60,6 @@ interface ArrayToggleGroupProps extends Omit<ToggleGroupProps, 'value' | 'onChan
  * };
  * ```
  */
-declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react101.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
+declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react0.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
 //#endregion
 export { ArrayToggleGroup, ArrayToggleGroupProps };

package/dist/components/context/types.d.cts

@@ -2,11 +2,11 @@ import { ActionItem } from "../array-base/types.cjs";
 import "../array-base/index.cjs";
 import { FormSpace } from "../../types/form.cjs";
 import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.cjs";
-import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
+import { DialogContentProps, FormFileUploadOptions, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/types.d.ts
 interface FomFileUpload {
-  onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
+  onUpload?: (files: File[], options: FormFileUploadOptions) => void;
   maxSize?: number;
 }
 interface FormSettings {

package/dist/components/context/types.d.ts

@@ -2,11 +2,11 @@ import { ActionItem } from "../array-base/types.js";
 import "../array-base/index.js";
 import { FormSpace } from "../../types/form.js";
 import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.js";
-import { DialogContentProps, FileUploadProgressCallBacks, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
+import { DialogContentProps, FormFileUploadOptions, IconProvider, PopoverContentProps, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/types.d.ts
 interface FomFileUpload {
-  onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
+  onUpload?: (files: File[], options: FormFileUploadOptions) => void;
   maxSize?: number;
 }
 interface FormSettings {

package/dist/components/file-upload/use-file-upload-feedback.cjs

@@ -19,39 +19,53 @@ function useFileUploadFeedback(props) {
 	if (onUpload == null) {
 		if (process.env.NODE_ENV !== "production") throw new Error("onUpload prop required for FileUploadInline. Provide handler on form or field props.");
 	}
-	return {
-		onUpload,
+	const handleFilesRejection = react.default.useCallback((files) => {
+		onFilesReject?.(files);
+		const maximumError = files.filter((f) => f.message.startsWith("Maximum"));
+		const withFileSizeError = files.filter((f) => f.message.startsWith("File too large"));
+		const otherErrors = files.filter((f) => !withFileSizeError.includes(f) && !maximumError.includes(f));
+		const messages = [];
+		if (maximumError.length > 0) messages.push(maximumError[0].message);
+		if (maxSize != null && withFileSizeError.length > 0) {
+			const fileList = withFileSizeError.map((f) => `${f.file.name} (${(0, pretty_bytes.default)(f.file.size)})`).join("\n");
+			messages.push(`Files exceed ${(0, pretty_bytes.default)(maxSize)} limit:\n${fileList}`);
+		}
+		if (otherErrors.length > 0) otherErrors.forEach((f) => {
+			messages.push(`${f.message}: ${f.file.name}`);
+		});
+		field.setFeedback({
+			type: "warning",
+			messages: [messages.join("\n")]
+		});
+	}, [
+		field,
 		maxSize,
-		handleFilesRejection: react.default.useCallback((files) => {
-			onFilesReject?.(files);
-			const maximumError = files.filter((f) => f.message.startsWith("Maximum"));
-			const withFileSizeError = files.filter((f) => f.message.startsWith("File too large"));
-			const otherErrors = files.filter((f) => !withFileSizeError.includes(f) && !maximumError.includes(f));
-			const messages = [];
-			if (maximumError.length > 0) messages.push(maximumError[0].message);
-			if (maxSize != null && withFileSizeError.length > 0) {
-				const fileList = withFileSizeError.map((f) => `${f.file.name} (${(0, pretty_bytes.default)(f.file.size)})`).join("\n");
-				messages.push(`Files exceed ${(0, pretty_bytes.default)(maxSize)} limit:\n${fileList}`);
-			}
-			if (otherErrors.length > 0) otherErrors.forEach((f) => {
-				messages.push(`${f.message}: ${f.file.name}`);
-			});
-			field.setFeedback({
-				type: "warning",
-				messages: [messages.join("\n")]
+		onFilesReject
+	]);
+	const handleFileValidate = react.default.useCallback((file) => {
+		field.setFeedback({
+			type: "warning",
+			messages: []
+		});
+		return onFileValidate?.(file);
+	}, [field, onFileValidate]);
+	return {
+		onUpload: react.default.useCallback(async (files, options) => {
+			if (onUploadProp) return onUploadProp(files, options);
+			return onUpload?.(files, {
+				...options,
+				component: field.componentType,
+				componentProps: { ...field.componentProps }
 			});
 		}, [
-			field,
-			maxSize,
-			onFilesReject
+			field.componentProps,
+			field.componentType,
+			onUpload,
+			onUploadProp
 		]),
-		handleFileValidate: react.default.useCallback((file) => {
-			field.setFeedback({
-				type: "warning",
-				messages: []
-			});
-			return onFileValidate?.(file);
-		}, [field, onFileValidate])
+		maxSize,
+		handleFilesRejection,
+		handleFileValidate
 	};
 }
 

package/dist/components/file-upload/use-file-upload-feedback.js

@@ -13,39 +13,53 @@ function useFileUploadFeedback(props) {
 	const onUpload = onUploadProp ?? fileUpload?.onUpload;
 	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
 	if (onUpload == null) throw new Error("onUpload prop required for FileUploadInline. Provide handler on form or field props.");
-	return {
-		onUpload,
+	const handleFilesRejection = React.useCallback((files) => {
+		onFilesReject?.(files);
+		const maximumError = files.filter((f) => f.message.startsWith("Maximum"));
+		const withFileSizeError = files.filter((f) => f.message.startsWith("File too large"));
+		const otherErrors = files.filter((f) => !withFileSizeError.includes(f) && !maximumError.includes(f));
+		const messages = [];
+		if (maximumError.length > 0) messages.push(maximumError[0].message);
+		if (maxSize != null && withFileSizeError.length > 0) {
+			const fileList = withFileSizeError.map((f) => `${f.file.name} (${prettyBytes(f.file.size)})`).join("\n");
+			messages.push(`Files exceed ${prettyBytes(maxSize)} limit:\n${fileList}`);
+		}
+		if (otherErrors.length > 0) otherErrors.forEach((f) => {
+			messages.push(`${f.message}: ${f.file.name}`);
+		});
+		field.setFeedback({
+			type: "warning",
+			messages: [messages.join("\n")]
+		});
+	}, [
+		field,
 		maxSize,
-		handleFilesRejection: React.useCallback((files) => {
-			onFilesReject?.(files);
-			const maximumError = files.filter((f) => f.message.startsWith("Maximum"));
-			const withFileSizeError = files.filter((f) => f.message.startsWith("File too large"));
-			const otherErrors = files.filter((f) => !withFileSizeError.includes(f) && !maximumError.includes(f));
-			const messages = [];
-			if (maximumError.length > 0) messages.push(maximumError[0].message);
-			if (maxSize != null && withFileSizeError.length > 0) {
-				const fileList = withFileSizeError.map((f) => `${f.file.name} (${prettyBytes(f.file.size)})`).join("\n");
-				messages.push(`Files exceed ${prettyBytes(maxSize)} limit:\n${fileList}`);
-			}
-			if (otherErrors.length > 0) otherErrors.forEach((f) => {
-				messages.push(`${f.message}: ${f.file.name}`);
-			});
-			field.setFeedback({
-				type: "warning",
-				messages: [messages.join("\n")]
+		onFilesReject
+	]);
+	const handleFileValidate = React.useCallback((file) => {
+		field.setFeedback({
+			type: "warning",
+			messages: []
+		});
+		return onFileValidate?.(file);
+	}, [field, onFileValidate]);
+	return {
+		onUpload: React.useCallback(async (files, options) => {
+			if (onUploadProp) return onUploadProp(files, options);
+			return onUpload?.(files, {
+				...options,
+				component: field.componentType,
+				componentProps: { ...field.componentProps }
 			});
 		}, [
-			field,
-			maxSize,
-			onFilesReject
+			field.componentProps,
+			field.componentType,
+			onUpload,
+			onUploadProp
 		]),
-		handleFileValidate: React.useCallback((file) => {
-			field.setFeedback({
-				type: "warning",
-				messages: []
-			});
-			return onFileValidate?.(file);
-		}, [field, onFileValidate])
+		maxSize,
+		handleFilesRejection,
+		handleFileValidate
 	};
 }
 

package/dist/components/form-item/ConnectedFormItem.d.cts

@@ -1,13 +1,13 @@
 import { FormItemProps } from "./form-item-types.cjs";
-import * as react1891 from "react";
+import * as react1889 from "react";
 
 //#region src/components/form-item/ConnectedFormItem.d.ts
 /**
  * FormItem component connected to Formily field state.
  * Automatically maps field validation state to component props.
  */
-declare const FormItem: react1891.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: react1891.ReactNode | undefined;
-}>, "ref"> & react1891.RefAttributes<unknown>>;
+declare const FormItem: react1889.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
+  children?: react1889.ReactNode | undefined;
+}>, "ref"> & react1889.RefAttributes<unknown>>;
 //#endregion
 export { FormItem };

package/dist/components/number/NumberInput.d.cts

@@ -1,15 +1,15 @@
-import * as react31 from "react";
+import * as react33 from "react";
 
 //#region src/components/number/NumberInput.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react31.ForwardRefExoticComponent<Omit<Partial<react31.ClassAttributes<HTMLInputElement> & react31.InputHTMLAttributes<HTMLInputElement> & {
+declare const NumberInput: react33.ForwardRefExoticComponent<Omit<Partial<react33.ClassAttributes<HTMLInputElement> & react33.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react31.RefAttributes<unknown>>;
+}>, "ref"> & react33.RefAttributes<unknown>>;
 //#endregion
 export { NumberInput };