@pixpilot/formily-shadcn 0.1.1

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

@@ -0,0 +1,21 @@
+import React from "react";
+
+//#region src/components/form-item.d.ts
+type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
+interface FormItemProps extends React.ComponentProps<'div'> {
+  label?: React.ReactNode;
+  description?: React.ReactNode;
+  asterisk?: boolean;
+  feedbackStatus?: 'error' | 'warning' | 'success';
+  feedbackText?: React.ReactNode;
+  labelPlacement?: LabelPlacement;
+}
+/**
+ * FormItem component connected to Formily field state
+ * Automatically maps field validation state to component props
+ */
+declare const FormItem: React.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
+  children?: React.ReactNode | undefined;
+}>, "ref"> & React.RefAttributes<unknown>>;
+//#endregion
+export { FormItem, FormItemProps };

package/dist/components/form-item.js

@@ -0,0 +1,3 @@
+import{connect as e,mapProps as t,useField as n}from"@formily/react";import r from"react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{cn as s}from"@pixpilot/shadcn";import{isVoidField as c}from"@formily/core";const l=e(({className:e,children:t,label:c,description:l,asterisk:u,feedbackStatus:d,feedbackText:f,labelPlacement:p=`top`,...m})=>{let h=n(),g=(h?.componentProps??{}).labelPlacement??p,_=h?.componentProps?.id??`form-${h?.address?.toString()?.replace(/\./gu,`-`)}`,v=r.useId(),y=r.useId(),b=[l==null?void 0:v,f==null?void 0:y].filter(Boolean).join(` `),x=c!=null&&o(`label`,{htmlFor:_,"data-slot":`form-label`,"data-error":d===`error`,className:s(`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`,d===`error`&&`text-destructive`,(g===`end`||g===`start`)&&`shrink-0`),children:[c,u&&a(`span`,{className:`text-destructive ml-1`,"aria-label":`required`,children:`*`})]}),S=a(`div`,{className:`relative`,children:r.isValidElement(t)?r.cloneElement(t,{id:_,"aria-describedby":b||void 0,"aria-invalid":d===`error`?`true`:void 0}):t}),C=o(i,{children:[g===`top`&&x,l!=null&&g===`top`&&a(`p`,{id:v,className:`text-muted-foreground text-[0.8rem]`,children:l}),(g===`start`||g===`end`)&&o(`div`,{className:s(`flex items-center gap-2`,g===`start`&&`flex-row`),children:[g===`start`&&x,S,g===`end`&&x]}),g===`top`&&S,l!=null&&(g===`start`||g===`end`)&&a(`p`,{id:v,className:`text-muted-foreground text-[0.8rem]`,children:l})]});return o(`div`,{"data-slot":`form-item`,className:s(`flex flex-col gap-2`,e),...m,children:[C,!!f&&a(`p`,{id:y,className:s(`text-[0.8rem]`,d===`error`&&`text-destructive font-medium`,d===`warning`&&`text-amber-600`,d===`success`&&`text-green-600`),children:typeof f==`string`?f.split(`
+`).map((e,t)=>o(r.Fragment,{children:[e,t<f.split(`
+`).length-1&&a(`br`,{})]},t)):f})]})},t((e,t)=>c(t)?{label:t.title??e.label,description:e.description??t.description,asterisk:e.asterisk,effectiveLabelPlacement:e.labelPlacement??t.componentProps?.effectiveLabelPlacement??`top`}:{label:e.label??t.title,description:e.description??t.description,feedbackStatus:(()=>{if(!t.validating){if(t.selfErrors?.length)return`error`;if(t.selfWarnings?.length)return`warning`;if(t.selfSuccesses?.length)return`success`}})(),feedbackText:(()=>{if(!t.validating){if(e.feedbackText!=null)return e.feedbackText;if(t.selfErrors?.length)return t.selfErrors.join(`, `);if(t.selfWarnings?.length)return t.selfWarnings.join(`, `);if(t.selfSuccesses?.length)return t.selfSuccesses.join(`, `)}})(),asterisk:(()=>t.required&&t.pattern!==`readPretty`?!0:`asterisk`in e?!!e.asterisk:!1)(),effectiveLabelPlacement:e.labelPlacement??t.componentProps?.effectiveLabelPlacement??`top`}));export{l as FormItem};

package/dist/components/form.cjs

@@ -0,0 +1 @@
+const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn`);i=e.__toESM(i);function a({form:e,className:n,style:a,children:o,onSubmit:s,onAutoSubmit:c}){return(0,r.jsx)(t.FormProvider,{form:e,children:(0,r.jsx)(`form`,{className:(0,i.cn)(`space-y-6`,n),style:a,onSubmit:t=>{t.preventDefault(),e.submit(e=>{s?.(e),c?.(e)}).catch(()=>{})},children:o})})}exports.Form=a;

package/dist/components/form.d.cts

@@ -0,0 +1,26 @@
+import React from "react";
+import { Form } from "@formily/core";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/form.d.ts
+interface IFormProps {
+  form: Form;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  onSubmit?: (values: any) => void;
+  onAutoSubmit?: (values: any) => void;
+}
+/**
+ * Form component - wraps FormProvider and provides form context
+ */
+declare function Form$1({
+  form,
+  className,
+  style,
+  children,
+  onSubmit,
+  onAutoSubmit
+}: IFormProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { Form$1 as Form };

package/dist/components/form.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Form } from "@formily/core";
+
+//#region src/components/form.d.ts
+interface IFormProps {
+  form: Form;
+  className?: string;
+  style?: React.CSSProperties;
+  children?: React.ReactNode;
+  onSubmit?: (values: any) => void;
+  onAutoSubmit?: (values: any) => void;
+}
+/**
+ * Form component - wraps FormProvider and provides form context
+ */
+declare function Form$1({
+  form,
+  className,
+  style,
+  children,
+  onSubmit,
+  onAutoSubmit
+}: IFormProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Form$1 as Form };

package/dist/components/form.js

@@ -0,0 +1 @@
+import{FormProvider as e}from"@formily/react";import t from"react";import{jsx as n}from"react/jsx-runtime";import{cn as r}from"@pixpilot/shadcn";function i({form:t,className:i,style:a,children:o,onSubmit:s,onAutoSubmit:c}){return n(e,{form:t,children:n(`form`,{className:r(`space-y-6`,i),style:a,onSubmit:e=>{e.preventDefault(),t.submit(e=>{s?.(e),c?.(e)}).catch(()=>{})},children:o})})}export{i as Form};

package/dist/components/input.cjs

@@ -0,0 +1 @@
+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.Input,(0,t.mapProps)((e,t)=>({...e,value:t.value??``})));exports.Input=r;

package/dist/components/input.d.cts

@@ -0,0 +1,11 @@
+import * as react8 from "react";
+
+//#region src/components/input.d.ts
+
+/**
+ * Formily-connected Input component
+ * Automatically connects shadcn Input to Formily field state
+ */
+declare const Input: react8.ForwardRefExoticComponent<Omit<Partial<react8.ClassAttributes<HTMLInputElement> & react8.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react8.RefAttributes<unknown>>;
+//#endregion
+export { Input };

package/dist/components/input.d.ts

@@ -0,0 +1,11 @@
+import * as react332 from "react";
+
+//#region src/components/input.d.ts
+
+/**
+ * Formily-connected Input component
+ * Automatically connects shadcn Input to Formily field state
+ */
+declare const Input: react332.ForwardRefExoticComponent<Omit<Partial<react332.ClassAttributes<HTMLInputElement> & react332.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react332.RefAttributes<unknown>>;
+//#endregion
+export { Input };

package/dist/components/input.js

@@ -0,0 +1 @@
+import{connect as e,mapProps as t}from"@formily/react";import{Input as n}from"@pixpilot/shadcn";const r=e(n,t((e,t)=>({...e,value:t.value??``})));export{r as Input};

package/dist/components/number-input.cjs

@@ -0,0 +1 @@
+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.Input,(0,t.mapProps)(e=>({...e,type:`number`})));exports.NumberInput=r;

package/dist/components/number-input.d.cts

@@ -0,0 +1,9 @@
+import * as react4 from "react";
+
+//#region src/components/number-input.d.ts
+/**
+ * Formily-connected Number Input component
+ */
+declare const NumberInput: react4.ForwardRefExoticComponent<Omit<Partial<react4.ClassAttributes<HTMLInputElement> & react4.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react4.RefAttributes<unknown>>;
+//#endregion
+export { NumberInput };

package/dist/components/number-input.d.ts

@@ -0,0 +1,9 @@
+import * as react336 from "react";
+
+//#region src/components/number-input.d.ts
+/**
+ * Formily-connected Number Input component
+ */
+declare const NumberInput: react336.ForwardRefExoticComponent<Omit<Partial<react336.ClassAttributes<HTMLInputElement> & react336.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react336.RefAttributes<unknown>>;
+//#endregion
+export { NumberInput };

package/dist/components/number-input.js

@@ -0,0 +1 @@
+import{connect as e,mapProps as t}from"@formily/react";import{Input as n}from"@pixpilot/shadcn";const r=e(n,t(e=>({...e,type:`number`})));export{r as NumberInput};

package/dist/components/radio.cjs

@@ -0,0 +1 @@
+const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`@formily/react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@pixpilot/shadcn`);r=e.__toESM(r);const i=r.RadioGroup;function a(e){let{options:t,value:a=``,onChange:o,...s}=e;return(0,n.jsx)(i,{value:a,onValueChange:o,...s,children:t?.map(e=>(0,n.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,n.jsx)(r.RadioGroupItem,{value:e.value,id:`radio-${e.value}`}),(0,n.jsx)(r.Label,{htmlFor:`radio-${e.value}`,children:e.label})]},e.value))})}a.displayName=`Radio`;const o=(0,t.connect)(a);exports.ConnectedRadio=o,exports.Radio=a;

package/dist/components/radio.d.cts

@@ -0,0 +1,24 @@
+import { ComponentProps, FC } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { RadioGroup } from "@pixpilot/shadcn";
+
+//#region src/components/radio.d.ts
+interface RadioGroupOption {
+  value: string;
+  label: string;
+}
+type RadioProps = {
+  options?: RadioGroupOption[];
+  value?: string;
+  onChange?: (value: string) => void;
+} & Omit<ComponentProps<typeof RadioGroup>, 'value' | 'onValueChange' | 'children'>;
+/**
+ * Radio component with options rendering
+ */
+declare function Radio(props: RadioProps): react_jsx_runtime3.JSX.Element;
+declare namespace Radio {
+  var displayName: string;
+}
+declare const ConnectedRadio: FC;
+//#endregion
+export { ConnectedRadio, Radio };

package/dist/components/radio.d.ts

@@ -0,0 +1,24 @@
+import { ComponentProps, FC } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { RadioGroup } from "@pixpilot/shadcn";
+
+//#region src/components/radio.d.ts
+interface RadioGroupOption {
+  value: string;
+  label: string;
+}
+type RadioProps = {
+  options?: RadioGroupOption[];
+  value?: string;
+  onChange?: (value: string) => void;
+} & Omit<ComponentProps<typeof RadioGroup>, 'value' | 'onValueChange' | 'children'>;
+/**
+ * Radio component with options rendering
+ */
+declare function Radio(props: RadioProps): react_jsx_runtime3.JSX.Element;
+declare namespace Radio {
+  var displayName: string;
+}
+declare const ConnectedRadio: FC;
+//#endregion
+export { ConnectedRadio, Radio };

package/dist/components/radio.js

@@ -0,0 +1 @@
+import{connect as e}from"@formily/react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{Label as r,RadioGroup as i,RadioGroupItem as a}from"@pixpilot/shadcn";const o=i;function s(e){let{options:i,value:s=``,onChange:c,...l}=e;return t(o,{value:s,onValueChange:c,...l,children:i?.map(e=>n(`div`,{className:`flex items-center space-x-2`,children:[t(a,{value:e.value,id:`radio-${e.value}`}),t(r,{htmlFor:`radio-${e.value}`,children:e.label})]},e.value))})}s.displayName=`Radio`;const c=e(s);export{c as ConnectedRadio,s as Radio};

package/dist/components/row.cjs

@@ -0,0 +1 @@
+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)(`flex gap-4`,e),children:t})}exports.Row=i;

package/dist/components/row.d.cts

@@ -0,0 +1,41 @@
+import React from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/components/row.d.ts
+interface IRowProps {
+  /**
+   * Custom className (use Tailwind gap-* for spacing, flex-wrap, items-*, justify-*, etc.)
+   */
+  className?: string;
+  /**
+   * Children (should be Column components)
+   */
+  children?: React.ReactNode;
+}
+/**
+ * Row component for creating multi-column layouts in forms
+ * Should be used with Column components as children
+ * Use Tailwind classes for all styling: gap-4, flex-wrap, items-center, justify-between, etc.
+ *
+ * @example
+ * ```tsx
+ * <Row className="gap-4 flex-wrap">
+ *   <Column className="flex-1">
+ *     <FormItem label="First Name">
+ *       <Input />
+ *     </FormItem>
+ *   </Column>
+ *   <Column className="flex-1">
+ *     <FormItem label="Last Name">
+ *       <Input />
+ *     </FormItem>
+ *   </Column>
+ * </Row>
+ * ```
+ */
+declare function Row({
+  className,
+  children
+}: IRowProps): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { Row };

package/dist/components/row.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/row.d.ts
+interface IRowProps {
+  /**
+   * Custom className (use Tailwind gap-* for spacing, flex-wrap, items-*, justify-*, etc.)
+   */
+  className?: string;
+  /**
+   * Children (should be Column components)
+   */
+  children?: React.ReactNode;
+}
+/**
+ * Row component for creating multi-column layouts in forms
+ * Should be used with Column components as children
+ * Use Tailwind classes for all styling: gap-4, flex-wrap, items-center, justify-between, etc.
+ *
+ * @example
+ * ```tsx
+ * <Row className="gap-4 flex-wrap">
+ *   <Column className="flex-1">
+ *     <FormItem label="First Name">
+ *       <Input />
+ *     </FormItem>
+ *   </Column>
+ *   <Column className="flex-1">
+ *     <FormItem label="Last Name">
+ *       <Input />
+ *     </FormItem>
+ *   </Column>
+ * </Row>
+ * ```
+ */
+declare function Row({
+  className,
+  children
+}: IRowProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { Row };

package/dist/components/row.js

@@ -0,0 +1 @@
+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(`flex gap-4`,e),children:r})}export{r as Row};

package/dist/components/schema-field.cjs

@@ -0,0 +1 @@
+const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./array-cards/array-cards.cjs`);require(`./array-cards/index.cjs`);const n=require(`./array-collapse/array-collapse.cjs`);require(`./array-collapse/index.cjs`);const r=require(`./checkbox.cjs`),i=require(`./column.cjs`),a=require(`./combobox.cjs`),o=require(`./date-picker.cjs`),s=require(`./file-upload-inline.cjs`),c=require(`./form-grid.cjs`),l=require(`./form-item.cjs`),u=require(`./input.cjs`),d=require(`./number-input.cjs`),f=require(`./radio.cjs`),p=require(`./row.cjs`),m=require(`./array-dialog/array-dialog.cjs`);require(`./array-dialog/index.cjs`);const h=require(`./array-popover/array-popover.cjs`);require(`./array-popover/index.cjs`);const g=require(`./select.cjs`),_=require(`./separator.cjs`),v=require(`./slider.cjs`),y=require(`./switch.cjs`),b=require(`./textarea.cjs`);let x=require(`@formily/react`);x=e.__toESM(x);let S=require(`@pixpilot/shadcn-ui`);S=e.__toESM(S);const C=(0,x.createSchemaField)({components:{FormItem:l.FormItem,FormGrid:c.FormGrid,Row:p.Row,Column:i.Column,Input:u.Input,Textarea:b.Textarea,Checkbox:r.Checkbox,Radio:f.ConnectedRadio,Select:g.Select,NumberInput:d.NumberInput,DatePicker:o.DatePicker,Combobox:a.Combobox,TagsInput:S.TagsInput,FileUploadInline:s.FileUploadInline,Separator:_.Separator,Slider:v.Slider,Switch:y.Switch,ArrayCards:t.ArrayCards,ArrayDialog:m.ArrayDialog,ArrayCollapse:n.ArrayCollapse,ArrayPopover:h.ArrayPopover}});exports.SchemaField=C;