@pixpilot/formily-shadcn 0.21.10 → 0.22.0

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

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

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

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

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_runtime2 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_runtime2.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 react6 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: react6.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react6.RefAttributes<unknown>>;
+}> & react4.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker };

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

@@ -1,4 +1,4 @@
-import * as react0 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: react0.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react0.RefAttributes<unknown>>;
+}> & react8.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/input.d.cts

@@ -1,4 +1,4 @@
-import * as react2 from "react";
+import * as react6 from "react";
 
 //#region src/components/input.d.ts
 
@@ -6,12 +6,12 @@ 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> & {
+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"> & react2.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 react1509 from "react";
+import * as react22 from "react";
 
 //#region src/components/number/number-input.d.ts
 /**
  * Formily-connected Number Input component
  */
-declare const NumberInput: react1509.ForwardRefExoticComponent<Omit<Partial<react1509.ClassAttributes<HTMLInputElement> & react1509.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"> & react1509.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/radio.d.cts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 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_runtime0.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }