@pixpilot/formily-shadcn 0.21.9 → 0.22.0

package/dist/components/checkbox.d.ts

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

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

@@ -6,6 +6,6 @@ declare const DatePicker: react2.ForwardRefExoticComponent<Partial<{
   value?: Date;
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
-} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "selected" | "onSelect" | "mode">> & react2.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

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

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

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

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

package/dist/components/form.d.cts

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

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

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

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

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

package/dist/components/input.d.cts

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

package/dist/components/input.d.ts

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

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

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

package/dist/components/object-container.cjs

@@ -35,9 +35,10 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description, slotProps,...rest }) => {
+const ObjectContainer = ({ className, children, label, description, variant = "grouped", slotProps,...rest }) => {
 	const effectiveLabel = require_use_label.useLabel(label);
 	const desc = require_use_description.useDescription(description);
+	const isFlat = variant === "flat";
 	const { layout } = require_use_form_context.useFormContext();
 	const { objectContainer, density } = layout || {};
 	const gapClass = require_resolve_responsive_space.resolveResponsiveGapClass({ density });
@@ -72,10 +73,10 @@ const ObjectContainer = ({ className, children, label, description, slotProps,..
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
 		...mergedCardProps,
 		...rest,
-		className: (0, __pixpilot_shadcn.cn)("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, mergedCardProps.className),
+		className: (0, __pixpilot_shadcn.cn)("form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none !py-0", className, mergedCardProps.className),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardHeader, {
 			...mergedHeaderProps,
-			className: (0, __pixpilot_shadcn.cn)("form-object-header", headerGapClass, mergedHeaderProps.className),
+			className: (0, __pixpilot_shadcn.cn)("form-object-header", headerGapClass, mergedHeaderProps.className, isFlat && "px-0"),
 			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
 				...mergedTitleProps,
 				className: (0, __pixpilot_shadcn.cn)("form-object-title", mergedTitleProps.className),
@@ -88,7 +89,7 @@ const ObjectContainer = ({ className, children, label, description, slotProps,..
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_items_container.FormItemContainer, {
 			...mergedContentProps,
 			as: __pixpilot_shadcn.CardContent,
-			className: (0, __pixpilot_shadcn.cn)("form-object-content", mergedContentProps.className),
+			className: (0, __pixpilot_shadcn.cn)("form-object-content", mergedContentProps.className, isFlat && "px-0"),
 			children
 		})]
 	});

package/dist/components/object-container.d.cts

@@ -1,16 +1,22 @@
 import { SyncReactNode } from "../types/react.cjs";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@pixpilot/shadcn";
 
 //#region src/components/object-container.d.ts
+type ObjectContainerVariant = 'grouped' | 'flat';
 interface ObjectContainerProps extends React.ComponentProps<'div'> {
   label?: SyncReactNode;
   description?: SyncReactNode;
+  /**
+   * Visual style variant.
+   * - `grouped`: Card has padding, creating a visually distinct group (default)
+   * - `flat`: No horizontal padding - fields align flush with surrounding form
+   */
+  variant?: ObjectContainerVariant;
   slotProps?: {
-    card?: React.ComponentProps<typeof Card>;
-    header?: React.ComponentProps<typeof CardHeader>;
-    title?: React.ComponentProps<typeof CardTitle>;
-    description?: React.ComponentProps<typeof CardDescription>;
-    content?: React.ComponentProps<typeof CardContent>;
+    card?: React.ComponentProps<'div'>;
+    header?: React.ComponentProps<'div'>;
+    title?: React.ComponentProps<'div'>;
+    description?: React.ComponentProps<'div'>;
+    content?: React.ComponentProps<'div'>;
   };
 }
 //#endregion

package/dist/components/object-container.d.ts

@@ -1,16 +1,22 @@
 import { SyncReactNode } from "../types/react.js";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@pixpilot/shadcn";
 
 //#region src/components/object-container.d.ts
+type ObjectContainerVariant = 'grouped' | 'flat';
 interface ObjectContainerProps extends React.ComponentProps<'div'> {
   label?: SyncReactNode;
   description?: SyncReactNode;
+  /**
+   * Visual style variant.
+   * - `grouped`: Card has padding, creating a visually distinct group (default)
+   * - `flat`: No horizontal padding - fields align flush with surrounding form
+   */
+  variant?: ObjectContainerVariant;
   slotProps?: {
-    card?: React.ComponentProps<typeof Card>;
-    header?: React.ComponentProps<typeof CardHeader>;
-    title?: React.ComponentProps<typeof CardTitle>;
-    description?: React.ComponentProps<typeof CardDescription>;
-    content?: React.ComponentProps<typeof CardContent>;
+    card?: React.ComponentProps<'div'>;
+    header?: React.ComponentProps<'div'>;
+    title?: React.ComponentProps<'div'>;
+    description?: React.ComponentProps<'div'>;
+    content?: React.ComponentProps<'div'>;
   };
 }
 //#endregion

package/dist/components/object-container.js

@@ -32,9 +32,10 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description, slotProps,...rest }) => {
+const ObjectContainer = ({ className, children, label, description, variant = "grouped", slotProps,...rest }) => {
 	const effectiveLabel = useLabel(label);
 	const desc = useDescription(description);
+	const isFlat = variant === "flat";
 	const { layout } = useFormContext();
 	const { objectContainer, density } = layout || {};
 	const gapClass = resolveResponsiveGapClass({ density });
@@ -69,10 +70,10 @@ const ObjectContainer = ({ className, children, label, description, slotProps,..
 	return /* @__PURE__ */ jsxs(Card, {
 		...mergedCardProps,
 		...rest,
-		className: cn("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, mergedCardProps.className),
+		className: cn("form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none !py-0", className, mergedCardProps.className),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, {
 			...mergedHeaderProps,
-			className: cn("form-object-header", headerGapClass, mergedHeaderProps.className),
+			className: cn("form-object-header", headerGapClass, mergedHeaderProps.className, isFlat && "px-0"),
 			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, {
 				...mergedTitleProps,
 				className: cn("form-object-title", mergedTitleProps.className),
@@ -85,7 +86,7 @@ const ObjectContainer = ({ className, children, label, description, slotProps,..
 		}), /* @__PURE__ */ jsx(FormItemContainer, {
 			...mergedContentProps,
 			as: CardContent,
-			className: cn("form-object-content", mergedContentProps.className),
+			className: cn("form-object-content", mergedContentProps.className, isFlat && "px-0"),
 			children
 		})]
 	});

package/dist/components/schema-field/schema-field-basics.d.cts

@@ -50,7 +50,7 @@ declare const basicComponentRegistry: {
       value?: Date;
       onChange?: (date: Date | undefined) => void;
       placeholder?: string;
-    } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+    } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
     decorator: string;
   };
   FormGrid: {
@@ -128,7 +128,7 @@ declare const basicComponents: {
     value?: Date;
     onChange?: (date: Date | undefined) => void;
     placeholder?: string;
-  } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+  } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
   FormGrid: typeof FormGrid;
   FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
     children?: react1139.ReactNode | undefined;
@@ -177,7 +177,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -225,7 +225,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -273,7 +273,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -321,7 +321,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -369,7 +369,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -417,7 +417,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -465,7 +465,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -513,7 +513,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;
@@ -561,7 +561,7 @@ declare const SchemaFieldBasics: {
         value?: Date;
         onChange?: (date: Date | undefined) => void;
         placeholder?: string;
-      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "onSelect" | "selected" | "mode">> & react1139.RefAttributes<unknown>>;
+      } & Omit<_pixpilot_shadcn_ui368.DatePickerProps, "selected" | "onSelect" | "mode">> & react1139.RefAttributes<unknown>>;
       FormGrid: typeof FormGrid;
       FormItem: react1139.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
         children?: react1139.ReactNode | undefined;