@pixpilot/formily-shadcn 0.8.0 → 0.8.2

package/dist/components/array-popover/popover.js

@@ -1 +1,71 @@
-import{RecursionField as e,observer as t,useField as n}from"@formily/react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{Button as a,Popover as o,PopoverContent as s,PopoverTrigger as c}from"@pixpilot/shadcn";const l=t(({schema:t,onSave:l,onCancel:u,children:d,activeItemManager:f})=>{let p=n(),m=f.activeItem,h=f.isNew;return i(o,{open:m!==void 0,onOpenChange:e=>{e||u(m)},children:[d!==void 0&&r(c,{asChild:!0,children:d}),r(s,{className:`w-96`,side:`top`,children:i(`div`,{className:`space-y-4`,children:[i(`div`,{className:`space-y-2`,children:[r(`h4`,{className:`font-medium leading-none`,children:h?`Add New Item`:`Edit Item`}),r(`p`,{className:`text-muted-foreground text-sm`,children:h?`Fill in the details for the new item.`:`Make changes to the item.`})]}),m!=null&&r(`div`,{className:`space-y-4`,children:r(e,{basePath:p.address.concat(m),schema:t,onlyRenderProperties:!0})}),i(`div`,{className:`flex justify-end gap-2`,children:[r(a,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>{u(m)},children:`Cancel`}),r(a,{type:`button`,size:`sm`,onClick:()=>{l(m)},children:`Save`})]})]})})]})});export{l as ArrayItemsEditPopover};
+import { RecursionField, observer, useField } from "@formily/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, Popover, PopoverContent, PopoverTrigger } from "@pixpilot/shadcn";
+
+//#region src/components/array-popover/popover.tsx
+const ArrayItemsEditPopover = observer(({ schema, onSave, onCancel, children, activeItemManager }) => {
+	const arrayField = useField();
+	const activeIndex = activeItemManager.activeItem;
+	const isNewItem = activeItemManager.isNew;
+	const open = activeIndex !== void 0;
+	const handleOpenChange = (isOpen) => {
+		if (!isOpen) onCancel(activeIndex);
+	};
+	const handleCancelClick = () => {
+		onCancel(activeIndex);
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: [children !== void 0 && /* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-96",
+			side: "top",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx("h4", {
+							className: "font-medium leading-none",
+							children: isNewItem ? "Add New Item" : `Edit Item`
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm",
+							children: isNewItem ? "Fill in the details for the new item." : "Make changes to the item."
+						})]
+					}),
+					activeIndex != null && /* @__PURE__ */ jsx("div", {
+						className: "space-y-4",
+						children: /* @__PURE__ */ jsx(RecursionField, {
+							basePath: arrayField.address.concat(activeIndex),
+							schema,
+							onlyRenderProperties: true
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-end gap-2",
+						children: [/* @__PURE__ */ jsx(Button, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: handleCancelClick,
+							children: "Cancel"
+						}), /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							size: "sm",
+							onClick: () => {
+								onSave(activeIndex);
+							},
+							children: "Save"
+						})]
+					})
+				]
+			})
+		})]
+	});
+});
+
+//#endregion
+export { ArrayItemsEditPopover };

package/dist/components/checkbox.cjs

@@ -1 +1,26 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);const r=(0,t.connect)(n.Checkbox,(0,t.mapProps)({value:`checked`,onInput:`onCheckedChange`},(e,t)=>(t.decoratorProps.labelPlacement=`end`,{...e})));r.labelPlacement=`right`,exports.Checkbox=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+
+//#region src/components/checkbox.tsx
+/**
+* Formily-connected Checkbox component
+* Maps Formily field checked state to shadcn Checkbox
+*/
+const Checkbox = (0, __formily_react.connect)(__pixpilot_shadcn.Checkbox, (0, __formily_react.mapProps)({
+	value: "checked",
+	onInput: "onCheckedChange"
+}, (props, field) => {
+	field.decoratorProps.labelPlacement = "end";
+	return { ...props };
+}));
+/**
+* Default label placement for checkbox
+* Used by FormItem to determine label positioning
+*/
+Checkbox.labelPlacement = "right";
+
+//#endregion
+exports.Checkbox = Checkbox;

package/dist/components/checkbox.js

@@ -1 +1,23 @@
-import{connect as e,mapProps as t}from"@formily/react";import{Checkbox as n}from"@pixpilot/shadcn";const r=e(n,t({value:`checked`,onInput:`onCheckedChange`},(e,t)=>(t.decoratorProps.labelPlacement=`end`,{...e})));r.labelPlacement=`right`;export{r as Checkbox};
+import { connect, mapProps } from "@formily/react";
+import { Checkbox } from "@pixpilot/shadcn";
+
+//#region src/components/checkbox.tsx
+/**
+* Formily-connected Checkbox component
+* Maps Formily field checked state to shadcn Checkbox
+*/
+const Checkbox$1 = connect(Checkbox, mapProps({
+	value: "checked",
+	onInput: "onCheckedChange"
+}, (props, field) => {
+	field.decoratorProps.labelPlacement = "end";
+	return { ...props };
+}));
+/**
+* Default label placement for checkbox
+* Used by FormItem to determine label positioning
+*/
+Checkbox$1.labelPlacement = "right";
+
+//#endregion
+export { Checkbox$1 as Checkbox };

package/dist/components/column.cjs

@@ -1 +1,39 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@pixpilot/shadcn`);r=e.__toESM(r);function i({className:e,children:t}){return(0,n.jsx)(`div`,{className:(0,r.cn)(`w-full space-y-4`,e),children:t})}exports.Column=i;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+
+//#region src/components/column.tsx
+/**
+* Column component for creating multi-column layouts in forms
+* Should be used as children of Row components
+* Use Tailwind flex utilities for sizing: flex-1, w-1/2, w-1/3, w-1/4, basis-*, grow, shrink, etc.
+*
+* @example
+* ```tsx
+* <Row className="gap-4">
+*   <Column className="flex-1">
+*     <FormItem label="First Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+*   <Column className="flex-1">
+*     <FormItem label="Last Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+* </Row>
+* ```
+*/
+function Column({ className, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, __pixpilot_shadcn.cn)("w-full space-y-4", className),
+		children
+	});
+}
+
+//#endregion
+exports.Column = Column;

package/dist/components/column.js

@@ -1 +1,35 @@
-import e from"react";import{jsx as t}from"react/jsx-runtime";import{cn as n}from"@pixpilot/shadcn";function r({className:e,children:r}){return t(`div`,{className:n(`w-full space-y-4`,e),children:r})}export{r as Column};
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@pixpilot/shadcn";
+
+//#region src/components/column.tsx
+/**
+* Column component for creating multi-column layouts in forms
+* Should be used as children of Row components
+* Use Tailwind flex utilities for sizing: flex-1, w-1/2, w-1/3, w-1/4, basis-*, grow, shrink, etc.
+*
+* @example
+* ```tsx
+* <Row className="gap-4">
+*   <Column className="flex-1">
+*     <FormItem label="First Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+*   <Column className="flex-1">
+*     <FormItem label="Last Name">
+*       <Input />
+*     </FormItem>
+*   </Column>
+* </Row>
+* ```
+*/
+function Column({ className, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("w-full space-y-4", className),
+		children
+	});
+}
+
+//#endregion
+export { Column };

package/dist/components/combobox.cjs

@@ -1 +1,14 @@
-"use client";const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`@pixpilot/shadcn-ui`);n=e.__toESM(n);const r=(0,t.connect)(n.Combobox,(0,t.mapProps)({dataSource:`options`}));exports.Combobox=r;
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+
+//#region src/components/combobox.tsx
+const Combobox = (0, __formily_react.connect)(__pixpilot_shadcn_ui.Combobox, (0, __formily_react.mapProps)({ dataSource: "options" }));
+
+//#endregion
+exports.Combobox = Combobox;

package/dist/components/combobox.js

@@ -1 +1,11 @@
-"use client";import{connect as e,mapProps as t}from"@formily/react";import{Combobox as n}from"@pixpilot/shadcn-ui";const r=e(n,t({dataSource:`options`}));export{r as Combobox};
+'use client';
+
+
+import { connect, mapProps } from "@formily/react";
+import { Combobox } from "@pixpilot/shadcn-ui";
+
+//#region src/components/combobox.tsx
+const Combobox$1 = connect(Combobox, mapProps({ dataSource: "options" }));
+
+//#endregion
+export { Combobox$1 as Combobox };

package/dist/components/context/context.cjs

@@ -1 +1,7 @@
-const e=require(`./form-context.cjs`),{Provider:t,Consumer:n}=e.FormContext;exports.Provider=t;
+const require_form_context = require('./form-context.cjs');
+
+//#region src/components/context/context.tsx
+const { Provider, Consumer } = require_form_context.FormContext;
+
+//#endregion
+exports.Provider = Provider;

package/dist/components/context/context.js

@@ -1 +1,7 @@
-import{FormContext as e}from"./form-context.js";const{Provider:t,Consumer:n}=e;export{t as Provider};
+import { FormContext } from "./form-context.js";
+
+//#region src/components/context/context.tsx
+const { Provider, Consumer } = FormContext;
+
+//#endregion
+export { Provider };

package/dist/components/context/form-context.cjs

@@ -1 +1,9 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);const n=t.default.createContext({});exports.FormContext=n;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/components/context/form-context.ts
+const FormContext = react.default.createContext({});
+
+//#endregion
+exports.FormContext = FormContext;

package/dist/components/context/form-context.js

@@ -1 +1,7 @@
-import e from"react";const t=e.createContext({});export{t as FormContext};
+import React from "react";
+
+//#region src/components/context/form-context.ts
+const FormContext = React.createContext({});
+
+//#endregion
+export { FormContext };

package/dist/components/context/index.cjs

@@ -1 +1,2 @@
-const e=require(`./form-context.cjs`),t=require(`./context.cjs`);
+const require_form_context = require('./form-context.cjs');
+const require_context = require('./context.cjs');

package/dist/components/context/index.js

@@ -1 +1,2 @@
-import{FormContext as e}from"./form-context.js";import{Provider as t}from"./context.js";
+import { FormContext } from "./form-context.js";
+import { Provider } from "./context.js";

package/dist/components/date-picker.cjs

@@ -1 +1,23 @@
-"use client";const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`@pixpilot/shadcn-ui`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);function i(e){return(0,r.jsx)(n.DatePicker,{...e})}const a=(0,t.connect)(i,(0,t.mapProps)());exports.DatePicker=a;
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/date-picker.tsx
+/**
+* Formily-connected Date Picker component
+* Displays a date picker with calendar popup
+*/
+function BaseDatePicker(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.DatePicker, { ...props });
+}
+const DatePicker = (0, __formily_react.connect)(BaseDatePicker, (0, __formily_react.mapProps)());
+
+//#endregion
+exports.DatePicker = DatePicker;

package/dist/components/date-picker.js

@@ -1 +1,19 @@
-"use client";import{connect as e,mapProps as t}from"@formily/react";import{DatePicker as n}from"@pixpilot/shadcn-ui";import{jsx as r}from"react/jsx-runtime";function i(e){return r(n,{...e})}const a=e(i,t());export{a as DatePicker};
+'use client';
+
+
+import { connect, mapProps } from "@formily/react";
+import { DatePicker } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/date-picker.tsx
+/**
+* Formily-connected Date Picker component
+* Displays a date picker with calendar popup
+*/
+function BaseDatePicker(props) {
+	return /* @__PURE__ */ jsx(DatePicker, { ...props });
+}
+const DatePicker$1 = connect(BaseDatePicker, mapProps());
+
+//#endregion
+export { DatePicker$1 as DatePicker };

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

@@ -1 +1,35 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./use-file-upload-feedback.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=e=>{let{onUpload:n,maxSize:r,handleFilesRejection:o,handleFileValidate:s}=t.useFileUploadFeedback(e);return(0,a.jsx)(i.FileUploadInline,{...e,maxSize:r,onFilesReject:o,onFileValidate:s,onUpload:n})},s=(0,n.connect)(o,(0,n.mapProps)((e,t)=>({...e,value:t.value??null})));exports.FileUploadInline=s;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_feedback = require('./use-file-upload-feedback.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/file-upload/file-upload-inline.tsx
+const BaseFileUploadInline = (props) => {
+	const { onUpload, maxSize, handleFilesRejection, handleFileValidate } = require_use_file_upload_feedback.useFileUploadFeedback(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.FileUploadInline, {
+		...props,
+		maxSize,
+		onFilesReject: handleFilesRejection,
+		onFileValidate: handleFileValidate,
+		onUpload
+	});
+};
+/**
+* Formily-connected FileUploadInline component
+* Automatically connects shadcn FileUploadInline to Formily field state
+*/
+const FileUploadInline = (0, __formily_react.connect)(BaseFileUploadInline, (0, __formily_react.mapProps)((props, field) => {
+	return {
+		...props,
+		value: field.value ?? null
+	};
+}));
+
+//#endregion
+exports.FileUploadInline = FileUploadInline;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui190 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui198 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/file-upload-inline.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui190 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUploadInline: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui190.FileUploadInlineBaseProps & {
+declare const FileUploadInline: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui198.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui190.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui190.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui190.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui190.FileUploadInlineBaseProps & {
+  value?: _pixpilot_shadcn_ui198.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui198.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui198.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui198.FileUploadInlineBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui190.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui190.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui190.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui198.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui198.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui198.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUploadInline };

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

@@ -1 +1,30 @@
-import{useFileUploadFeedback as e}from"./use-file-upload-feedback.js";import{connect as t,mapProps as n}from"@formily/react";import r from"react";import{FileUploadInline as i}from"@pixpilot/shadcn-ui";import{jsx as a}from"react/jsx-runtime";const o=t(t=>{let{onUpload:n,maxSize:r,handleFilesRejection:o,handleFileValidate:s}=e(t);return a(i,{...t,maxSize:r,onFilesReject:o,onFileValidate:s,onUpload:n})},n((e,t)=>({...e,value:t.value??null})));export{o as FileUploadInline};
+import { useFileUploadFeedback } from "./use-file-upload-feedback.js";
+import { connect, mapProps } from "@formily/react";
+import React from "react";
+import { FileUploadInline } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/file-upload/file-upload-inline.tsx
+const BaseFileUploadInline = (props) => {
+	const { onUpload, maxSize, handleFilesRejection, handleFileValidate } = useFileUploadFeedback(props);
+	return /* @__PURE__ */ jsx(FileUploadInline, {
+		...props,
+		maxSize,
+		onFilesReject: handleFilesRejection,
+		onFileValidate: handleFileValidate,
+		onUpload
+	});
+};
+/**
+* Formily-connected FileUploadInline component
+* Automatically connects shadcn FileUploadInline to Formily field state
+*/
+const FileUploadInline$1 = connect(BaseFileUploadInline, mapProps((props, field) => {
+	return {
+		...props,
+		value: field.value ?? null
+	};
+}));
+
+//#endregion
+export { FileUploadInline$1 as FileUploadInline };

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

@@ -1 +1,35 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`./use-file-upload-feedback.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn-ui`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=e=>{let{onUpload:n,maxSize:r,handleFilesRejection:o,handleFileValidate:s}=t.useFileUploadFeedback(e);return(0,a.jsx)(i.FileUpload,{...e,maxSize:r,onFilesReject:o,onFileValidate:s,onUpload:n})},s=(0,n.connect)(o,(0,n.mapProps)((e,t)=>({...e,value:t.value??null})));exports.FileUpload=s;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_file_upload_feedback = require('./use-file-upload-feedback.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/file-upload/file-upload.tsx
+const BaseFileUpload = (props) => {
+	const { onUpload, maxSize, handleFilesRejection, handleFileValidate } = require_use_file_upload_feedback.useFileUploadFeedback(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.FileUpload, {
+		...props,
+		maxSize,
+		onFilesReject: handleFilesRejection,
+		onFileValidate: handleFileValidate,
+		onUpload
+	});
+};
+/**
+* Formily-connected FileUploadInline component
+* Automatically connects shadcn FileUploadInline to Formily field state
+*/
+const FileUpload = (0, __formily_react.connect)(BaseFileUpload, (0, __formily_react.mapProps)((props, field) => {
+	return {
+		...props,
+		value: field.value ?? null
+	};
+}));
+
+//#endregion
+exports.FileUpload = FileUpload;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui198 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui190 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/file-upload.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui198 from "@pixpilot/shadcn-ui";
  * Formily-connected FileUploadInline component
  * Automatically connects shadcn FileUploadInline to Formily field state
  */
-declare const FileUpload: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui198.FileUploadInlineBaseProps & {
+declare const FileUpload: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui190.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui198.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui198.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui198.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui198.FileUploadInlineBaseProps & {
+  value?: _pixpilot_shadcn_ui190.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui190.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui190.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui190.FileUploadInlineBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui198.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui198.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui198.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui190.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui190.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui190.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUpload };

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

@@ -1 +1,30 @@
-import{useFileUploadFeedback as e}from"./use-file-upload-feedback.js";import{connect as t,mapProps as n}from"@formily/react";import r from"react";import{FileUpload as i}from"@pixpilot/shadcn-ui";import{jsx as a}from"react/jsx-runtime";const o=t(t=>{let{onUpload:n,maxSize:r,handleFilesRejection:o,handleFileValidate:s}=e(t);return a(i,{...t,maxSize:r,onFilesReject:o,onFileValidate:s,onUpload:n})},n((e,t)=>({...e,value:t.value??null})));export{o as FileUpload};
+import { useFileUploadFeedback } from "./use-file-upload-feedback.js";
+import { connect, mapProps } from "@formily/react";
+import React from "react";
+import { FileUpload } from "@pixpilot/shadcn-ui";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/file-upload/file-upload.tsx
+const BaseFileUpload = (props) => {
+	const { onUpload, maxSize, handleFilesRejection, handleFileValidate } = useFileUploadFeedback(props);
+	return /* @__PURE__ */ jsx(FileUpload, {
+		...props,
+		maxSize,
+		onFilesReject: handleFilesRejection,
+		onFileValidate: handleFileValidate,
+		onUpload
+	});
+};
+/**
+* Formily-connected FileUploadInline component
+* Automatically connects shadcn FileUploadInline to Formily field state
+*/
+const FileUpload$1 = connect(BaseFileUpload, mapProps((props, field) => {
+	return {
+		...props,
+		value: field.value ?? null
+	};
+}));
+
+//#endregion
+export { FileUpload$1 as FileUpload };

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

@@ -1 +1,2 @@
-const e=require(`./file-upload.cjs`),t=require(`./file-upload-inline.cjs`);
+const require_file_upload = require('./file-upload.cjs');
+const require_file_upload_inline = require('./file-upload-inline.cjs');

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

@@ -1 +1,2 @@
-import{FileUpload as e}from"./file-upload.js";import{FileUploadInline as t}from"./file-upload-inline.js";
+import { FileUpload } from "./file-upload.js";
+import { FileUploadInline } from "./file-upload-inline.js";

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

@@ -1,3 +1,59 @@
-const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../hooks/use-form-context.cjs`);require(`../../hooks/index.cjs`);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`pretty-bytes`);i=e.__toESM(i);function a(e){let{onUpload:a,maxSize:o,onFilesReject:s,onFileValidate:c}=e,{config:l}=t.useFormContext(),u=(0,n.useField)(),{fileUpload:d}=l||{},f=a??d?.onUpload,p=o??d?.maxSize;if(f==null&&process.env.NODE_ENV!==`production`)throw Error(`onUpload prop required for FileUploadInline. Provide handler on form or field props.`);return{onUpload:f,maxSize:p,handleFilesRejection:r.default.useCallback(e=>{s?.(e);let t=e.filter(e=>e.message.startsWith(`Maximum`)),n=e.filter(e=>e.message.startsWith(`File too large`)),r=e.filter(e=>!n.includes(e)&&!t.includes(e)),a=[];if(t.length>0&&a.push(t[0].message),p!=null&&n.length>0){let e=n.map(e=>`${e.file.name} (${(0,i.default)(e.file.size)})`).join(`
-`);a.push(`Files exceed ${(0,i.default)(p)} limit:\n${e}`)}r.length>0&&r.forEach(e=>{a.push(`${e.message}: ${e.file.name}`)}),u.setFeedback({type:`warning`,messages:[a.join(`
-`)]})},[u,p,s]),handleFileValidate:r.default.useCallback(e=>(u.setFeedback({type:`warning`,messages:[]}),c?.(e)),[u,c])}}exports.useFileUploadFeedback=a;
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_form_context = require('../../hooks/use-form-context.cjs');
+require('../../hooks/index.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let pretty_bytes = require("pretty-bytes");
+pretty_bytes = require_rolldown_runtime.__toESM(pretty_bytes);
+
+//#region src/components/file-upload/use-file-upload-feedback.ts
+function useFileUploadFeedback(props) {
+	const { onUpload: onUploadProp, maxSize: maxSizeProp, onFilesReject, onFileValidate } = props;
+	const { config } = require_use_form_context.useFormContext();
+	const field = (0, __formily_react.useField)();
+	const { fileUpload } = config || {};
+	const onUpload = onUploadProp ?? fileUpload?.onUpload;
+	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
+	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,
+		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")]
+			});
+		}, [
+			field,
+			maxSize,
+			onFilesReject
+		]),
+		handleFileValidate: react.default.useCallback((file) => {
+			field.setFeedback({
+				type: "warning",
+				messages: []
+			});
+			return onFileValidate?.(file);
+		}, [field, onFileValidate])
+	};
+}
+
+//#endregion
+exports.useFileUploadFeedback = useFileUploadFeedback;