@pixpilot/formily-shadcn 0.4.0 → 0.5.0

package/dist/components/checkbox.d.cts

@@ -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/column.d.ts

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

package/dist/components/context/context.cjs

@@ -0,0 +1 @@
+const e=require(`./form-context.cjs`),{Provider:t,Consumer:n}=e.FormContext;exports.Provider=t;

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

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

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

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

package/dist/components/context/context.js

@@ -0,0 +1 @@
+import{FormContext as e}from"./form-context.js";const{Provider:t,Consumer:n}=e;export{t as Provider};

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

@@ -0,0 +1 @@
+const e=require(`../../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);const n=t.default.createContext({});exports.FormContext=n;

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

@@ -0,0 +1,14 @@
+import { FormSpace } from "../../types/form.cjs";
+import React from "react";
+
+//#region src/components/context/form-context.d.ts
+interface FormContextStates extends FormSpace {
+  itemProps?: {
+    className?: string;
+  };
+  objectContainerProps?: {
+    className?: string;
+  };
+}
+//#endregion
+export { FormContextStates };

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

@@ -0,0 +1,14 @@
+import { FormSpace } from "../../types/form.js";
+import React from "react";
+
+//#region src/components/context/form-context.d.ts
+interface FormContextStates extends FormSpace {
+  itemProps?: {
+    className?: string;
+  };
+  objectContainerProps?: {
+    className?: string;
+  };
+}
+//#endregion
+export { FormContextStates };

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

@@ -0,0 +1 @@
+import e from"react";const t=e.createContext({});export{t as FormContext};

package/dist/components/context/index.cjs

@@ -0,0 +1 @@
+const e=require(`./form-context.cjs`),t=require(`./context.cjs`);

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

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

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

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

package/dist/components/context/index.js

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

package/dist/components/date-picker.d.cts

@@ -1,8 +1,8 @@
-import * as react2 from "react";
+import * as react0 from "react";
 import * as react_day_picker0 from "react-day-picker";
 
 //#region src/components/date-picker.d.ts
-declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
+declare const DatePicker: react0.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
@@ -12,6 +12,6 @@ declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
   placeholder?: string;
 } & Omit<react_day_picker0.DayPickerProps & {
   buttonVariant?: React.ComponentProps<typeof void 0>["variant"];
-}, "onSelect" | "selected" | "mode">, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+}, "onSelect" | "selected" | "mode">, "onSelect" | "selected" | "mode">> & react0.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

package/dist/components/date-picker.d.ts

@@ -1,8 +1,8 @@
-import * as react10 from "react";
+import * as react2 from "react";
 import * as react_day_picker0 from "react-day-picker";
 
 //#region src/components/date-picker.d.ts
-declare const DatePicker: react10.ForwardRefExoticComponent<Partial<{
+declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
@@ -12,6 +12,6 @@ declare const DatePicker: react10.ForwardRefExoticComponent<Partial<{
   placeholder?: string;
 } & Omit<react_day_picker0.DayPickerProps & {
   buttonVariant?: React.ComponentProps<typeof void 0>["variant"];
-}, "onSelect" | "selected" | "mode">, "onSelect" | "selected" | "mode">> & react10.RefAttributes<unknown>>;
+}, "onSelect" | "selected" | "mode">, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

package/dist/components/form-item.cjs

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

package/dist/components/form-item.js

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

package/dist/components/form-items-container.cjs

@@ -0,0 +1 @@
+const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../utils/resolve-responsive-space.cjs`),n=require(`../hooks/use-form-context.cjs`);require(`../hooks/index.cjs`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);let a=require(`@pixpilot/shadcn`);a=e.__toESM(a);const o=e=>{let{as:r=`div`,className:o,...s}=e,{density:c,responsive:l}=n.useFormContext(),u=t.resolveResponsiveSpaceClass({density:c,responsive:l});return(0,i.jsx)(r,{...s,className:(0,a.cn)(u,o)})};o.displayName=`FormItemContainer`,exports.FormItemContainer=o;

package/dist/components/form-items-container.js

@@ -0,0 +1 @@
+import{resolveResponsiveSpaceClass as e}from"../utils/resolve-responsive-space.js";import{useFormContext as t}from"../hooks/use-form-context.js";import"../hooks/index.js";import n from"react";import{jsx as r}from"react/jsx-runtime";import{cn as i}from"@pixpilot/shadcn";const a=n=>{let{as:a=`div`,className:o,...s}=n,{density:c,responsive:l}=t(),u=e({density:c,responsive:l});return r(a,{...s,className:i(u,o)})};a.displayName=`FormItemContainer`;export{a as FormItemContainer};

package/dist/components/form.cjs

@@ -1 +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;
+const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./context/context.cjs`);require(`./context/index.cjs`);const n=require(`./form-items-container.cjs`);let r=require(`@formily/react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);let o=require(`@pixpilot/shadcn`);o=e.__toESM(o);function s({form:e,className:s,style:c,children:l,onSubmit:u,onAutoSubmit:d,itemProps:f,objectContainerProps:p,density:m,responsive:h}){return(0,a.jsx)(t.Provider,{value:i.default.useMemo(()=>({itemProps:f,objectContainerProps:p,density:m,responsive:h}),[f,p,m,h]),children:(0,a.jsx)(r.FormProvider,{form:e,children:(0,a.jsx)(n.FormItemContainer,{as:`form`,className:(0,o.cn)(`space-y-6`,s),style:c,onSubmit:t=>{t.preventDefault(),e.submit(e=>{u?.(e),d?.(e)}).catch(()=>{})},children:l})})})}exports.Form=s;

package/dist/components/form.d.cts

@@ -1,9 +1,11 @@
+import { FormContextStates } from "./context/form-context.cjs";
+import "./context/index.cjs";
 import React from "react";
 import { Form } from "@formily/core";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/form.d.ts
-interface IFormProps {
+interface IFormProps extends FormContextStates {
   form: Form;
   className?: string;
   style?: React.CSSProperties;
@@ -20,7 +22,11 @@ declare function Form$1({
   style,
   children,
   onSubmit,
-  onAutoSubmit
+  onAutoSubmit,
+  itemProps,
+  objectContainerProps,
+  density,
+  responsive
 }: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.d.ts

@@ -1,9 +1,11 @@
+import { FormContextStates } from "./context/form-context.js";
+import "./context/index.js";
 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 {
+interface IFormProps extends FormContextStates {
   form: Form;
   className?: string;
   style?: React.CSSProperties;
@@ -20,7 +22,11 @@ declare function Form$1({
   style,
   children,
   onSubmit,
-  onAutoSubmit
+  onAutoSubmit,
+  itemProps,
+  objectContainerProps,
+  density,
+  responsive
 }: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.js

@@ -1 +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};
+import{Provider as e}from"./context/context.js";import"./context/index.js";import{FormItemContainer as t}from"./form-items-container.js";import{FormProvider as n}from"@formily/react";import r from"react";import{jsx as i}from"react/jsx-runtime";import{cn as a}from"@pixpilot/shadcn";function o({form:o,className:s,style:c,children:l,onSubmit:u,onAutoSubmit:d,itemProps:f,objectContainerProps:p,density:m,responsive:h}){return i(e,{value:r.useMemo(()=>({itemProps:f,objectContainerProps:p,density:m,responsive:h}),[f,p,m,h]),children:i(n,{form:o,children:i(t,{as:`form`,className:a(`space-y-6`,s),style:c,onSubmit:e=>{e.preventDefault(),o.submit(e=>{u?.(e),d?.(e)}).catch(()=>{})},children:l})})})}export{o as Form};

package/dist/components/input.d.ts

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

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

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

package/dist/components/object-container.cjs

@@ -1 +1 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../hooks/use-description.cjs`),n=require(`../hooks/use-label.cjs`);require(`../hooks/index.cjs`);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`@pixpilot/shadcn`);i=e.__toESM(i);const a=({className:e,children:a,label:o,description:s,...c})=>{let l=n.useLabel(o),u=t.useDescription(s);return(0,r.jsxs)(i.Card,{...c,className:(0,i.cn)(`w-full max-w-sm`,e),children:[(l!=null||u!=null)&&(0,r.jsxs)(i.CardHeader,{children:[l!=null&&(0,r.jsx)(i.CardTitle,{children:l}),u!=null&&(0,r.jsx)(i.CardDescription,{children:u})]}),(0,r.jsx)(i.CardContent,{children:a})]})};exports.ObjectContainer=a;
+const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../utils/resolve-responsive-space.cjs`),n=require(`../hooks/use-description.cjs`),r=require(`../hooks/use-form-context.cjs`),i=require(`../hooks/use-label.cjs`);require(`../hooks/index.cjs`);const a=require(`./form-items-container.cjs`);let o=require(`react/jsx-runtime`);o=e.__toESM(o);let s=require(`@pixpilot/shadcn`);s=e.__toESM(s);const c=({className:e,children:c,label:l,description:u,...d})=>{let f=i.useLabel(l),p=n.useDescription(u),{objectContainerProps:m,density:h,responsive:g}=r.useFormContext(),_=t.resolveResponsiveGapClass({density:h,responsive:g}),{className:v}=m||{};return(0,o.jsxs)(s.Card,{...d,className:(0,s.cn)(`bg-transparent`,_,e),children:[(f!=null||p!=null)&&(0,o.jsxs)(s.CardHeader,{children:[f!=null&&(0,o.jsx)(s.CardTitle,{children:f}),p!=null&&(0,o.jsx)(s.CardDescription,{children:p})]}),(0,o.jsx)(a.FormItemContainer,{as:s.CardContent,className:v,children:c})]})};exports.ObjectContainer=c;

package/dist/components/object-container.js

@@ -1 +1 @@
-import{useDescription as e}from"../hooks/use-description.js";import{useLabel as t}from"../hooks/use-label.js";import"../hooks/index.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Card as i,CardContent as a,CardDescription as o,CardHeader as s,CardTitle as c,cn as l}from"@pixpilot/shadcn";const u=({className:u,children:d,label:f,description:p,...m})=>{let h=t(f),g=e(p);return r(i,{...m,className:l(`w-full max-w-sm`,u),children:[(h!=null||g!=null)&&r(s,{children:[h!=null&&n(c,{children:h}),g!=null&&n(o,{children:g})]}),n(a,{children:d})]})};export{u as ObjectContainer};
+import{resolveResponsiveGapClass as e}from"../utils/resolve-responsive-space.js";import{useDescription as t}from"../hooks/use-description.js";import{useFormContext as n}from"../hooks/use-form-context.js";import{useLabel as r}from"../hooks/use-label.js";import"../hooks/index.js";import{FormItemContainer as i}from"./form-items-container.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Card as s,CardContent as c,CardDescription as l,CardHeader as u,CardTitle as d,cn as f}from"@pixpilot/shadcn";const p=({className:p,children:m,label:h,description:g,..._})=>{let v=r(h),y=t(g),{objectContainerProps:b,density:x,responsive:S}=n(),C=e({density:x,responsive:S}),{className:w}=b||{};return o(s,{..._,className:f(`bg-transparent`,C,p),children:[(v!=null||y!=null)&&o(u,{children:[v!=null&&a(d,{children:v}),y!=null&&a(l,{children:y})]}),a(i,{as:c,className:w,children:m})]})};export{p as ObjectContainer};

package/dist/components/radio.d.cts

@@ -1,5 +1,5 @@
 import { ComponentProps, 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/radio.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, 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/row.d.cts

@@ -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/row.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 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_runtime0.JSX.Element;
+}: IRowProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Row };