@pixpilot/formily-shadcn 0.18.1 → 0.19.0

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

@@ -39,22 +39,19 @@ interface FormLayoutOptions {
   labelPlacement?: LabelPlacement;
   /** Custom class names for FormItem elements */
   itemProps?: {
-    classes?: {
-      label?: string;
-      description?: string;
-      inputWrapper?: string;
-      errorMessage?: string;
-    };
+    label?: React.HTMLAttributes<HTMLDivElement>;
+    description?: React.HTMLAttributes<HTMLDivElement>;
+    inputWrapper?: React.HTMLAttributes<HTMLDivElement>;
+    error?: React.HTMLAttributes<HTMLDivElement>;
+    container?: React.HTMLAttributes<HTMLDivElement>;
   };
   /** Custom class names for ObjectContainer elements */
   objectContainer?: {
-    classes?: {
-      card?: string;
-      header?: string;
-      title?: string;
-      description?: string;
-      content?: string;
-    };
+    card: React.HTMLAttributes<HTMLDivElement>;
+    header: React.HTMLAttributes<HTMLDivElement>;
+    title: React.HTMLAttributes<HTMLDivElement>;
+    description: React.HTMLAttributes<HTMLDivElement>;
+    content: React.HTMLAttributes<HTMLDivElement>;
   };
 }
 interface FormContextStates {

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

@@ -39,22 +39,19 @@ interface FormLayoutOptions {
   labelPlacement?: LabelPlacement;
   /** Custom class names for FormItem elements */
   itemProps?: {
-    classes?: {
-      label?: string;
-      description?: string;
-      inputWrapper?: string;
-      errorMessage?: string;
-    };
+    label?: React.HTMLAttributes<HTMLDivElement>;
+    description?: React.HTMLAttributes<HTMLDivElement>;
+    inputWrapper?: React.HTMLAttributes<HTMLDivElement>;
+    error?: React.HTMLAttributes<HTMLDivElement>;
+    container?: React.HTMLAttributes<HTMLDivElement>;
   };
   /** Custom class names for ObjectContainer elements */
   objectContainer?: {
-    classes?: {
-      card?: string;
-      header?: string;
-      title?: string;
-      description?: string;
-      content?: string;
-    };
+    card: React.HTMLAttributes<HTMLDivElement>;
+    header: React.HTMLAttributes<HTMLDivElement>;
+    title: React.HTMLAttributes<HTMLDivElement>;
+    description: React.HTMLAttributes<HTMLDivElement>;
+    content: React.HTMLAttributes<HTMLDivElement>;
   };
 }
 interface FormContextStates {

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime1.JSX.Element;
+}: IFormGridProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FormGrid };

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

@@ -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-item/base-form-item.cjs

@@ -22,7 +22,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const fieldProps = field?.componentProps ?? {};
 	const effectiveLabel = require_use_label.useLabel(label);
 	const { layout } = require_use_form_context.useFormContext();
-	const { classes } = layout?.itemProps || {};
+	const itemComponentsProps = layout?.itemProps || {};
 	const contextDescriptionPlacement = layout?.descriptionPlacement;
 	const effectiveLabelPlacement = fieldProps.labelPlacement ?? labelPlacement;
 	const resolvedDescriptionPlacement = fieldProps.descriptionPlacement ?? descriptionPlacement ?? contextDescriptionPlacement ?? resolveLegacyDescriptionPlacement(effectiveLabelPlacement);
@@ -33,17 +33,19 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const spacingConfig = require_spacing_config.getSpacingConfig(resolvedDescriptionPlacement, descriptionRenderedInline);
 	const ariaDescribedBy = [descriptionRenderedInline ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
 	const labelElement = effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_item_label.FormItemLabel, {
+		...itemComponentsProps.label,
 		id,
 		label: effectiveLabel,
 		asterisk,
 		error: feedbackStatus === "error",
 		shrink: effectiveLabelPlacement === "end" || effectiveLabelPlacement === "start",
-		labelClassName: (0, __pixpilot_shadcn.cn)(spacingConfig.label, classes?.label),
+		labelClassName: (0, __pixpilot_shadcn.cn)(spacingConfig.label, itemComponentsProps.label?.className),
 		description,
 		descriptionInPopover: resolvedDescriptionPlacement === "popover" && description != null
 	});
 	const inputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, __pixpilot_shadcn.cn)("relative", classes?.inputWrapper),
+		...itemComponentsProps.inputWrapper,
+		className: (0, __pixpilot_shadcn.cn)("relative", itemComponentsProps.inputWrapper?.className),
 		children: react.default.isValidElement(children) ? react.default.cloneElement(children, {
 			id,
 			"aria-describedby": ariaDescribedBy || void 0,
@@ -51,8 +53,9 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		}) : children
 	});
 	const descriptionElement = descriptionRenderedInline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		...itemComponentsProps.description,
 		id: descriptionId,
-		className: (0, __pixpilot_shadcn.cn)("text-muted-foreground text-[0.8rem]", spacingConfig.description, classes?.description),
+		className: (0, __pixpilot_shadcn.cn)("text-muted-foreground text-[0.8rem]", spacingConfig.description, itemComponentsProps.description?.className),
 		children: description
 	}) : null;
 	const contentElement = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -71,11 +74,13 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		"data-slot": "form-item",
-		className: (0, __pixpilot_shadcn.cn)("flex flex-col ", className),
+		...itemComponentsProps.container,
 		...props,
+		className: (0, __pixpilot_shadcn.cn)("flex flex-col ", className, itemComponentsProps.container?.className),
 		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			...itemComponentsProps.error,
 			id: feedbackId,
-			className: (0, __pixpilot_shadcn.cn)("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", classes?.errorMessage),
+			className: (0, __pixpilot_shadcn.cn)("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", itemComponentsProps.error?.className),
 			children: typeof feedbackText === "string" ? feedbackText.split("\n").map((line, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [line, index < feedbackText.split("\n").length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {})] }, index)) : feedbackText
 		})]
 	});

package/dist/components/form-item/base-form-item.js

@@ -17,7 +17,7 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const fieldProps = field?.componentProps ?? {};
 	const effectiveLabel = useLabel(label);
 	const { layout } = useFormContext();
-	const { classes } = layout?.itemProps || {};
+	const itemComponentsProps = layout?.itemProps || {};
 	const contextDescriptionPlacement = layout?.descriptionPlacement;
 	const effectiveLabelPlacement = fieldProps.labelPlacement ?? labelPlacement;
 	const resolvedDescriptionPlacement = fieldProps.descriptionPlacement ?? descriptionPlacement ?? contextDescriptionPlacement ?? resolveLegacyDescriptionPlacement(effectiveLabelPlacement);
@@ -28,17 +28,19 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	const spacingConfig = getSpacingConfig(resolvedDescriptionPlacement, descriptionRenderedInline);
 	const ariaDescribedBy = [descriptionRenderedInline ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
 	const labelElement = effectiveLabel != null && /* @__PURE__ */ jsx(FormItemLabel, {
+		...itemComponentsProps.label,
 		id,
 		label: effectiveLabel,
 		asterisk,
 		error: feedbackStatus === "error",
 		shrink: effectiveLabelPlacement === "end" || effectiveLabelPlacement === "start",
-		labelClassName: cn(spacingConfig.label, classes?.label),
+		labelClassName: cn(spacingConfig.label, itemComponentsProps.label?.className),
 		description,
 		descriptionInPopover: resolvedDescriptionPlacement === "popover" && description != null
 	});
 	const inputElement = /* @__PURE__ */ jsx("div", {
-		className: cn("relative", classes?.inputWrapper),
+		...itemComponentsProps.inputWrapper,
+		className: cn("relative", itemComponentsProps.inputWrapper?.className),
 		children: React.isValidElement(children) ? React.cloneElement(children, {
 			id,
 			"aria-describedby": ariaDescribedBy || void 0,
@@ -46,8 +48,9 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 		}) : children
 	});
 	const descriptionElement = descriptionRenderedInline ? /* @__PURE__ */ jsx("p", {
+		...itemComponentsProps.description,
 		id: descriptionId,
-		className: cn("text-muted-foreground text-[0.8rem]", spacingConfig.description, classes?.description),
+		className: cn("text-muted-foreground text-[0.8rem]", spacingConfig.description, itemComponentsProps.description?.className),
 		children: description
 	}) : null;
 	const contentElement = /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -66,11 +69,13 @@ const BaseFormItem = ({ className, children, label, description, descriptionPlac
 	] });
 	return /* @__PURE__ */ jsxs("div", {
 		"data-slot": "form-item",
-		className: cn("flex flex-col ", className),
+		...itemComponentsProps.container,
 		...props,
+		className: cn("flex flex-col ", className, itemComponentsProps.container?.className),
 		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ jsx("p", {
+			...itemComponentsProps.error,
 			id: feedbackId,
-			className: cn("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", classes?.errorMessage),
+			className: cn("text-[0.8rem]", spacingConfig.feedback, feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600", itemComponentsProps.error?.className),
 			children: typeof feedbackText === "string" ? feedbackText.split("\n").map((line, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [line, index < feedbackText.split("\n").length - 1 && /* @__PURE__ */ jsx("br", {})] }, index)) : feedbackText
 		})]
 	});

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_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 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_runtime0.JSX.Element;
+}: IFormProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "./context/form-context.js";
 import "./context/index.js";
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/form.d.ts
@@ -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.ts

@@ -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$1: react8.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react4.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react8.RefAttributes<unknown>>;
+}> & react4.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,6 +6,6 @@ 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>>, "ref"> & react4.RefAttributes<unknown>>;
+declare const Input: react6.ForwardRefExoticComponent<Omit<Partial<react6.ClassAttributes<HTMLInputElement> & react6.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react6.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/input.d.ts

@@ -1,4 +1,4 @@
-import * as react4 from "react";
+import * as react6 from "react";
 
 //#region src/components/input.d.ts
 
@@ -6,6 +6,6 @@ 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>>, "ref"> & react4.RefAttributes<unknown>>;
+declare const Input: react6.ForwardRefExoticComponent<Omit<Partial<react6.ClassAttributes<HTMLInputElement> & react6.InputHTMLAttributes<HTMLInputElement>>, "ref"> & react6.RefAttributes<unknown>>;
 //#endregion
 export { Input };

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

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

package/dist/components/object-container.cjs

@@ -35,7 +35,7 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description,...rest }) => {
+const ObjectContainer = ({ className, children, label, description, slotProps,...rest }) => {
 	const effectiveLabel = require_use_label.useLabel(label);
 	const desc = require_use_description.useDescription(description);
 	const { layout } = require_use_form_context.useFormContext();
@@ -43,22 +43,52 @@ const ObjectContainer = ({ className, children, label, description,...rest }) =>
 	const gapClass = require_resolve_responsive_space.resolveResponsiveGapClass({ density });
 	const headerGapClass = require_resolve_responsive_space.resolveSpacingClass(density, headerConfig);
 	const cardPaddingClass = require_resolve_responsive_space.resolveSpacingClass(density, cardPaddingConfig);
-	const { classes } = objectContainer || {};
+	const { card, content, description: contextDesc, header, title } = objectContainer || {};
+	const mergedCardProps = {
+		...card,
+		...slotProps?.card,
+		className: (0, __pixpilot_shadcn.cn)(card?.className, slotProps?.card?.className)
+	};
+	const mergedHeaderProps = {
+		...header,
+		...slotProps?.header,
+		className: (0, __pixpilot_shadcn.cn)(header?.className, slotProps?.header?.className)
+	};
+	const mergedTitleProps = {
+		...title,
+		...slotProps?.title,
+		className: (0, __pixpilot_shadcn.cn)(title?.className, slotProps?.title?.className)
+	};
+	const mergedDescProps = {
+		...contextDesc,
+		...slotProps?.description,
+		className: (0, __pixpilot_shadcn.cn)(contextDesc?.className, slotProps?.description?.className)
+	};
+	const mergedContentProps = {
+		...content,
+		...slotProps?.content,
+		className: (0, __pixpilot_shadcn.cn)(content?.className, slotProps?.content?.className)
+	};
 	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, classes?.card),
+		className: (0, __pixpilot_shadcn.cn)("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, mergedCardProps.className),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardHeader, {
-			className: (0, __pixpilot_shadcn.cn)("form-object-header", headerGapClass, classes?.header),
+			...mergedHeaderProps,
+			className: (0, __pixpilot_shadcn.cn)("form-object-header", headerGapClass, mergedHeaderProps.className),
 			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
-				className: (0, __pixpilot_shadcn.cn)("form-object-title", classes?.title),
+				...mergedTitleProps,
+				className: (0, __pixpilot_shadcn.cn)("form-object-title", mergedTitleProps.className),
 				children: effectiveLabel
 			}), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, {
-				className: (0, __pixpilot_shadcn.cn)("form-object-desc", classes?.description),
+				...mergedDescProps,
+				className: (0, __pixpilot_shadcn.cn)("form-object-desc", mergedDescProps.className),
 				children: desc
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_form_items_container.FormItemContainer, {
+			...mergedContentProps,
 			as: __pixpilot_shadcn.CardContent,
-			className: (0, __pixpilot_shadcn.cn)("form-object-container", classes?.content),
+			className: (0, __pixpilot_shadcn.cn)("form-object-container", mergedContentProps.className),
 			children
 		})]
 	});

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

@@ -1,9 +1,17 @@
 import { SyncReactNode } from "../types/react.cjs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@pixpilot/shadcn";
 
 //#region src/components/object-container.d.ts
 interface ObjectContainerProps extends React.ComponentProps<'div'> {
   label?: SyncReactNode;
   description?: SyncReactNode;
+  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>;
+  };
 }
 //#endregion
 export { ObjectContainerProps };

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

@@ -1,9 +1,17 @@
 import { SyncReactNode } from "../types/react.js";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@pixpilot/shadcn";
 
 //#region src/components/object-container.d.ts
 interface ObjectContainerProps extends React.ComponentProps<'div'> {
   label?: SyncReactNode;
   description?: SyncReactNode;
+  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>;
+  };
 }
 //#endregion
 export { ObjectContainerProps };

package/dist/components/object-container.js

@@ -32,7 +32,7 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description,...rest }) => {
+const ObjectContainer = ({ className, children, label, description, slotProps,...rest }) => {
 	const effectiveLabel = useLabel(label);
 	const desc = useDescription(description);
 	const { layout } = useFormContext();
@@ -40,22 +40,52 @@ const ObjectContainer = ({ className, children, label, description,...rest }) =>
 	const gapClass = resolveResponsiveGapClass({ density });
 	const headerGapClass = resolveSpacingClass(density, headerConfig);
 	const cardPaddingClass = resolveSpacingClass(density, cardPaddingConfig);
-	const { classes } = objectContainer || {};
+	const { card, content, description: contextDesc, header, title } = objectContainer || {};
+	const mergedCardProps = {
+		...card,
+		...slotProps?.card,
+		className: cn(card?.className, slotProps?.card?.className)
+	};
+	const mergedHeaderProps = {
+		...header,
+		...slotProps?.header,
+		className: cn(header?.className, slotProps?.header?.className)
+	};
+	const mergedTitleProps = {
+		...title,
+		...slotProps?.title,
+		className: cn(title?.className, slotProps?.title?.className)
+	};
+	const mergedDescProps = {
+		...contextDesc,
+		...slotProps?.description,
+		className: cn(contextDesc?.className, slotProps?.description?.className)
+	};
+	const mergedContentProps = {
+		...content,
+		...slotProps?.content,
+		className: cn(content?.className, slotProps?.content?.className)
+	};
 	return /* @__PURE__ */ jsxs(Card, {
+		...mergedCardProps,
 		...rest,
-		className: cn("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, classes?.card),
+		className: cn("form-object-card", "bg-transparent", gapClass, cardPaddingClass, className, mergedCardProps.className),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, {
-			className: cn("form-object-header", headerGapClass, classes?.header),
+			...mergedHeaderProps,
+			className: cn("form-object-header", headerGapClass, mergedHeaderProps.className),
 			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, {
-				className: cn("form-object-title", classes?.title),
+				...mergedTitleProps,
+				className: cn("form-object-title", mergedTitleProps.className),
 				children: effectiveLabel
 			}), desc != null && /* @__PURE__ */ jsx(CardDescription, {
-				className: cn("form-object-desc", classes?.description),
+				...mergedDescProps,
+				className: cn("form-object-desc", mergedDescProps.className),
 				children: desc
 			})]
 		}), /* @__PURE__ */ jsx(FormItemContainer, {
+			...mergedContentProps,
 			as: CardContent,
-			className: cn("form-object-container", classes?.content),
+			className: cn("form-object-container", mergedContentProps.className),
 			children
 		})]
 	});

package/dist/components/radio.d.cts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime3 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_runtime3.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.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_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 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_runtime2.JSX.Element;
+}: IRowProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/separator.d.cts

@@ -1,4 +1,4 @@
-import * as react8 from "react";
+import * as react10 from "react";
 import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_separator0 from "@radix-ui/react-separator";
  * Formily-connected Separator component
  * A visual divider for content sections
  */
-declare const Separator: react8.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react8.RefAttributes<HTMLDivElement>>, "ref"> & react8.RefAttributes<unknown>>;
+declare const Separator: react10.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react10.RefAttributes<HTMLDivElement>>, "ref"> & react10.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

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

@@ -1,7 +1,7 @@
-import * as react1449 from "react";
-import * as _pixpilot_shadcn_ui358 from "@pixpilot/shadcn-ui";
+import * as react1447 from "react";
+import * as _pixpilot_shadcn_ui357 from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider/slider-input.d.ts
-declare const SliderInput$1: react1449.ForwardRefExoticComponent<Omit<Partial<_pixpilot_shadcn_ui358.SliderInputProps>, "ref"> & react1449.RefAttributes<unknown>>;
+declare const SliderInput$1: react1447.ForwardRefExoticComponent<Omit<Partial<_pixpilot_shadcn_ui357.SliderInputProps>, "ref"> & react1447.RefAttributes<unknown>>;
 //#endregion
 export { SliderInput$1 as SliderInput };

package/dist/components/slider/slider.d.ts

@@ -1,11 +1,11 @@
-import * as react1447 from "react";
-import * as _pixpilot_shadcn_ui357 from "@pixpilot/shadcn-ui";
+import * as react1449 from "react";
+import * as _pixpilot_shadcn_ui358 from "@pixpilot/shadcn-ui";
 
 //#region src/components/slider/slider.d.ts
 /**
  * Formily-connected Slider component
  * Range input for selecting numeric values
  */
-declare const Slider$1: react1447.ForwardRefExoticComponent<Omit<Partial<_pixpilot_shadcn_ui357.SliderProps>, "ref"> & react1447.RefAttributes<unknown>>;
+declare const Slider$1: react1449.ForwardRefExoticComponent<Omit<Partial<_pixpilot_shadcn_ui358.SliderProps>, "ref"> & react1449.RefAttributes<unknown>>;
 //#endregion
 export { Slider$1 as Slider };

package/dist/components/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react11 from "react";
+import * as react13 from "react";
 import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
 
 //#region src/components/switch.d.ts
@@ -6,6 +6,6 @@ import * as _radix_ui_react_switch0 from "@radix-ui/react-switch";
  * Formily-connected Switch component
  * Toggle switch for boolean values
  */
-declare const Switch: react11.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react11.RefAttributes<HTMLButtonElement>>, "ref"> & react11.RefAttributes<unknown>>;
+declare const Switch: react13.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react13.RefAttributes<HTMLButtonElement>>, "ref"> & react13.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/tags-input-inline.d.cts

@@ -1,4 +1,4 @@
-import * as react14 from "react";
+import * as react16 from "react";
 import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/tags-input-inline.d.ts
@@ -10,6 +10,6 @@ import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react14.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react14.RefAttributes<unknown>>;
+declare const TagsInputInLine: react16.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react16.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/textarea.d.cts

@@ -1,9 +1,9 @@
-import * as react16 from "react";
+import * as react18 from "react";
 
 //#region src/components/textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react16.ForwardRefExoticComponent<Omit<Partial<react16.ClassAttributes<HTMLTextAreaElement> & react16.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react16.RefAttributes<unknown>>;
+declare const Textarea: react18.ForwardRefExoticComponent<Omit<Partial<react18.ClassAttributes<HTMLTextAreaElement> & react18.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react18.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/formily-shadcn",
   "type": "module",
-  "version": "0.18.1",
+  "version": "0.19.0",
   "description": "Formily integration for shadcn/ui components",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -54,11 +54,11 @@
     "react-dom": "19.2.0",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0"
+    "@internal/vitest-config": "0.1.0",
+    "@internal/tsconfig": "0.1.0",
+    "@internal/eslint-config": "0.3.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {