@pixpilot/formily-shadcn 0.6.0 → 0.8.1

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(`@pixpilot/shadcn-ui`);t=e.__toESM(t);let n=require(`@formily/react`);n=e.__toESM(n);const r=(0,n.connect)(t.Combobox,(0,n.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{Combobox as e}from"@pixpilot/shadcn-ui";import{connect as t,mapProps as n}from"@formily/react";const r=t(e,n({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.d.cts

@@ -1,8 +1,12 @@
-import { FormSpace, IconProvider as IconProvider$1 } from "../../types/form.cjs";
-import { AsyncIconProvider } from "@pixpilot/shadcn-ui";
+import { FormSpace } from "../../types/form.cjs";
 import React from "react";
+import { FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/form-context.d.ts
+interface FomFileUpload {
+  onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
+  maxSize?: number;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -10,19 +14,21 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  fields?: {
+  config?: {
     iconPicker?: {
       /**
        * Icon providers - can be static providers or async loader functions
        * Users can provide either IconProvider[] or AsyncIconProvider[]
        */
-      providers: AsyncIconProvider[];
+      providers: IconProvider[];
       /**
        * Optional callback when providers are loaded
        */
-      onProvidersLoaded?: (providers: IconProvider$1[]) => void;
+      onProvidersLoaded?: (providers: IconProvider[]) => void;
     };
+    fileUpload?: FomFileUpload;
+    richTextEditor?: RichTextEditorProps;
   };
 }
 //#endregion
-export { FormContextStates };
+export { FomFileUpload, FormContextStates };

package/dist/components/context/form-context.d.ts

@@ -1,8 +1,12 @@
-import { FormSpace, IconProvider as IconProvider$1 } from "../../types/form.js";
-import { AsyncIconProvider } from "@pixpilot/shadcn-ui";
+import { FormSpace } from "../../types/form.js";
 import React from "react";
+import { FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/context/form-context.d.ts
+interface FomFileUpload {
+  onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
+  maxSize?: number;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -10,19 +14,21 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  fields?: {
+  config?: {
     iconPicker?: {
       /**
        * Icon providers - can be static providers or async loader functions
        * Users can provide either IconProvider[] or AsyncIconProvider[]
        */
-      providers: AsyncIconProvider[];
+      providers: IconProvider[];
       /**
        * Optional callback when providers are loaded
        */
-      onProvidersLoaded?: (providers: IconProvider$1[]) => void;
+      onProvidersLoaded?: (providers: IconProvider[]) => void;
     };
+    fileUpload?: FomFileUpload;
+    richTextEditor?: RichTextEditorProps;
   };
 }
 //#endregion
-export { FormContextStates };
+export { FomFileUpload, FormContextStates };

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.d.cts

@@ -1,2 +1,2 @@
-import { FormContextStates } from "./form-context.cjs";
+import { FomFileUpload, FormContextStates } from "./form-context.cjs";
 import "./context.cjs";

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

@@ -1,2 +1,2 @@
-import { FormContextStates } from "./form-context.js";
+import { FomFileUpload, FormContextStates } from "./form-context.js";
 import "./context.js";

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(`@pixpilot/shadcn-ui`);t=e.__toESM(t);let n=require(`@formily/react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);function i(e){return(0,r.jsx)(t.DatePicker,{...e})}const a=(0,n.connect)(i,(0,n.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{DatePicker as e}from"@pixpilot/shadcn-ui";import{connect as t,mapProps as n}from"@formily/react";import{jsx as r}from"react/jsx-runtime";function i(t){return r(e,{...t})}const a=t(i,n());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

@@ -0,0 +1,35 @@
+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

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

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

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

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,35 @@
+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

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

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

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

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

@@ -0,0 +1,30 @@
+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

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