@pixpilot/formily-shadcn 0.49.1 → 0.50.0

package/dist/components/ObjectContainer.cjs

@@ -23,6 +23,14 @@ const headerConfig = {
 	},
 	responsive: "gap-1.5 text-lg md:gap-2 md:text-xl lg:gap-2.5 lg:text-2xl"
 };
+const headerConfigFlat = {
+	fixed: {
+		sm: headerConfig.fixed.sm,
+		md: headerConfig.fixed.md,
+		lg: `${headerConfig.fixed.lg} gap-2`
+	},
+	responsive: `${headerConfig.responsive} lg:gap-2`
+};
 /**
 * Card padding spacing configuration
 * Controls vertical padding of the Card component
@@ -35,15 +43,23 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description, variant = "grouped", slotProps,...rest }) => {
+const cardPaddingConfigFlat = {
+	fixed: {
+		sm: "pt-6 first:!pt-0",
+		md: "pt-7 first:!pt-0",
+		lg: "pt-7 first:!pt-0"
+	},
+	responsive: "py-0 pt-6 md:pt-7 first:!pt-0"
+};
+const ObjectContainer = ({ className, children, label, description, variant: variantProp, 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 isFlat = (variantProp ?? objectContainer?.variant ?? "grouped") === "flat";
 	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 headerGapClass = require_resolve_responsive_space.resolveSpacingClass(density, isFlat ? headerConfigFlat : headerConfig);
+	const cardPaddingClass = require_resolve_responsive_space.resolveSpacingClass(density, isFlat ? cardPaddingConfigFlat : cardPaddingConfig);
 	const { card, content, description: contextDesc, header, title } = objectContainer || {};
 	const mergedCardProps = {
 		...card,
@@ -73,14 +89,20 @@ const ObjectContainer = ({ className, children, label, description, variant = "g
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Card, {
 		...mergedCardProps,
 		...rest,
-		className: (0, __pixpilot_shadcn.cn)("relative", "form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none !py-0", className, mergedCardProps.className),
+		className: (0, __pixpilot_shadcn.cn)("relative", "form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none ", 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, isFlat && "px-0"),
-			children: [effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardTitle, {
+			children: [(effectiveLabel != null && effectiveLabel !== "" || mergedTitleProps.children !== null) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardTitle, {
 				...mergedTitleProps,
-				className: (0, __pixpilot_shadcn.cn)("form-object-title", mergedTitleProps.className),
-				children: effectiveLabel
+				className: (0, __pixpilot_shadcn.cn)("form-object-title flex items-center justify-between gap-4 w-full", mergedTitleProps.className),
+				children: [effectiveLabel != null && effectiveLabel !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "flex-1 truncate",
+					children: effectiveLabel
+				}), mergedTitleProps.children != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: mergedTitleProps.children
+				})]
 			}), desc != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CardDescription, {
 				...mergedDescProps,
 				className: (0, __pixpilot_shadcn.cn)("form-object-desc", mergedDescProps.className),

package/dist/components/ObjectContainer.js

@@ -20,6 +20,14 @@ const headerConfig = {
 	},
 	responsive: "gap-1.5 text-lg md:gap-2 md:text-xl lg:gap-2.5 lg:text-2xl"
 };
+const headerConfigFlat = {
+	fixed: {
+		sm: headerConfig.fixed.sm,
+		md: headerConfig.fixed.md,
+		lg: `${headerConfig.fixed.lg} gap-2`
+	},
+	responsive: `${headerConfig.responsive} lg:gap-2`
+};
 /**
 * Card padding spacing configuration
 * Controls vertical padding of the Card component
@@ -32,15 +40,23 @@ const cardPaddingConfig = {
 	},
 	responsive: "py-5 md:py-6 lg:py-7"
 };
-const ObjectContainer = ({ className, children, label, description, variant = "grouped", slotProps,...rest }) => {
+const cardPaddingConfigFlat = {
+	fixed: {
+		sm: "pt-6 first:!pt-0",
+		md: "pt-7 first:!pt-0",
+		lg: "pt-7 first:!pt-0"
+	},
+	responsive: "py-0 pt-6 md:pt-7 first:!pt-0"
+};
+const ObjectContainer = ({ className, children, label, description, variant: variantProp, slotProps,...rest }) => {
 	const effectiveLabel = useLabel(label);
 	const desc = useDescription(description);
-	const isFlat = variant === "flat";
 	const { layout } = useFormContext();
 	const { objectContainer, density } = layout || {};
+	const isFlat = (variantProp ?? objectContainer?.variant ?? "grouped") === "flat";
 	const gapClass = resolveResponsiveGapClass({ density });
-	const headerGapClass = resolveSpacingClass(density, headerConfig);
-	const cardPaddingClass = resolveSpacingClass(density, cardPaddingConfig);
+	const headerGapClass = resolveSpacingClass(density, isFlat ? headerConfigFlat : headerConfig);
+	const cardPaddingClass = resolveSpacingClass(density, isFlat ? cardPaddingConfigFlat : cardPaddingConfig);
 	const { card, content, description: contextDesc, header, title } = objectContainer || {};
 	const mergedCardProps = {
 		...card,
@@ -70,14 +86,20 @@ const ObjectContainer = ({ className, children, label, description, variant = "g
 	return /* @__PURE__ */ jsxs(Card, {
 		...mergedCardProps,
 		...rest,
-		className: cn("relative", "form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none !py-0", className, mergedCardProps.className),
+		className: cn("relative", "form-object-card", "bg-transparent", gapClass, cardPaddingClass, isFlat && "border-0 shadow-none ", className, mergedCardProps.className),
 		children: [(effectiveLabel != null || desc != null) && /* @__PURE__ */ jsxs(CardHeader, {
 			...mergedHeaderProps,
 			className: cn("form-object-header", headerGapClass, mergedHeaderProps.className, isFlat && "px-0"),
-			children: [effectiveLabel != null && /* @__PURE__ */ jsx(CardTitle, {
+			children: [(effectiveLabel != null && effectiveLabel !== "" || mergedTitleProps.children !== null) && /* @__PURE__ */ jsxs(CardTitle, {
 				...mergedTitleProps,
-				className: cn("form-object-title", mergedTitleProps.className),
-				children: effectiveLabel
+				className: cn("form-object-title flex items-center justify-between gap-4 w-full", mergedTitleProps.className),
+				children: [effectiveLabel != null && effectiveLabel !== "" && /* @__PURE__ */ jsx("span", {
+					className: "flex-1 truncate",
+					children: effectiveLabel
+				}), mergedTitleProps.children != null && /* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: mergedTitleProps.children
+				})]
 			}), desc != null && /* @__PURE__ */ jsx(CardDescription, {
 				...mergedDescProps,
 				className: cn("form-object-desc", mergedDescProps.className),

package/dist/components/Radio.d.cts

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

@@ -1,13 +1,13 @@
-import * as react13 from "react";
-import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
+import * as react25 from "react";
+import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
 
 //#region src/components/Rating.d.ts
 /**
  * Formily-connected Rating component
  * Automatically connects shadcn-ui Rating to Formily field state
  */
-declare const Rating: react13.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.RatingProps & {
-  children?: react13.ReactNode | undefined;
-}> & react13.RefAttributes<unknown>>;
+declare const Rating: react25.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui1.RatingProps & {
+  children?: react25.ReactNode | undefined;
+}> & react25.RefAttributes<unknown>>;
 //#endregion
 export { Rating };

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_runtime4 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_runtime4.JSX.Element;
 //#endregion
 export { Row };

package/dist/components/Separator.d.cts

@@ -1,4 +1,4 @@
-import * as react16 from "react";
+import * as react13 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: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react16.RefAttributes<HTMLDivElement>>, "ref"> & react16.RefAttributes<unknown>>;
+declare const Separator: react13.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_separator0.SeparatorProps & react13.RefAttributes<HTMLDivElement>>, "ref"> & react13.RefAttributes<unknown>>;
 //#endregion
 export { Separator };

package/dist/components/Switch.d.cts

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react16 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: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
+declare const Switch: react16.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react16.RefAttributes<HTMLButtonElement>>, "ref"> & react16.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/Switch.d.ts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react19 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: react21.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react21.RefAttributes<HTMLButtonElement>>, "ref"> & react21.RefAttributes<unknown>>;
+declare const Switch: react19.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react19.RefAttributes<HTMLButtonElement>>, "ref"> & react19.RefAttributes<unknown>>;
 //#endregion
 export { Switch };

package/dist/components/TagsInputInline.d.cts

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

package/dist/components/TagsInputInline.d.ts

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

package/dist/components/Textarea.d.cts

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

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

@@ -60,6 +60,8 @@ interface FormLayoutOptions {
   };
   /** Custom class names for ObjectContainer elements */
   objectContainer?: {
+    /** Default visual style variant for ObjectContainer */
+    variant?: 'grouped' | 'flat';
     card?: React.HTMLAttributes<HTMLDivElement>;
     header?: React.HTMLAttributes<HTMLDivElement>;
     title?: React.HTMLAttributes<HTMLDivElement>;

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

@@ -60,6 +60,8 @@ interface FormLayoutOptions {
   };
   /** Custom class names for ObjectContainer elements */
   objectContainer?: {
+    /** Default visual style variant for ObjectContainer */
+    variant?: 'grouped' | 'flat';
     card?: React.HTMLAttributes<HTMLDivElement>;
     header?: React.HTMLAttributes<HTMLDivElement>;
     title?: React.HTMLAttributes<HTMLDivElement>;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui431 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui10 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/FileUpload.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui431 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_ui431.FileUploadInlineBaseProps & {
+declare const FileUpload: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui10.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui431.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui431.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui431.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui431.FileUploadInlineBaseProps & {
+  value?: _pixpilot_shadcn_ui10.FileMetadata[];
+  onChange?: _pixpilot_shadcn_ui10.OnChangeMultipleFiles;
+} & _pixpilot_shadcn_ui10.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui10.FileUploadInlineBaseProps & {
   multiple?: false;
-  value?: _pixpilot_shadcn_ui431.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui431.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui431.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
+  value?: _pixpilot_shadcn_ui10.FileMetadata | null;
+  onChange?: _pixpilot_shadcn_ui10.OnChangeSingleFile;
+} & _pixpilot_shadcn_ui10.FileUploadBaseProps>, "ref">) & React.RefAttributes<unknown>>;
 //#endregion
 export { FileUpload };

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

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

package/dist/components/form-item/ConnectedFormItem.d.cts

@@ -1,13 +1,13 @@
 import { FormItemProps } from "./form-item-types.cjs";
-import * as react1822 from "react";
+import * as react1824 from "react";
 
 //#region src/components/form-item/ConnectedFormItem.d.ts
 /**
  * FormItem component connected to Formily field state.
  * Automatically maps field validation state to component props.
  */
-declare const FormItem: react1822.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: react1822.ReactNode | undefined;
-}>, "ref"> & react1822.RefAttributes<unknown>>;
+declare const FormItem: react1824.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
+  children?: react1824.ReactNode | undefined;
+}>, "ref"> & react1824.RefAttributes<unknown>>;
 //#endregion
 export { FormItem };

package/dist/components/number/NumberInput.d.cts

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