@pixpilot/formily-shadcn 0.9.0 → 0.10.0

package/README.md

@@ -161,3 +161,78 @@ const form = createForm({
   effects: () => {},
 });
 ```
+
+### Form Configuration
+
+#### useFieldNameAsLabel
+
+The `useFieldNameAsLabel` option controls whether field names are automatically converted to labels when no explicit label is provided.
+
+**Default Behavior:**
+
+- **`JsonSchemaFormRenderer`** - Sets `useFieldNameAsLabel: true` by default. Field names are automatically capitalized and used as labels if no `title` is provided in the schema.
+- **`Form` component** - Must be explicitly configured. Users need to set `useFieldNameAsLabel: true` in the `config` prop to enable this behavior.
+
+**Example with JsonSchemaFormRenderer (enabled by default):**
+
+```tsx
+import { JsonSchemaFormRenderer } from '@pixpilot/formily-shadcn';
+
+const schema = {
+  type: 'object',
+  properties: {
+    userName: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      // No title provided - will use "User Name" as label
+    },
+  },
+};
+
+export function MyForm() {
+  return <JsonSchemaFormRenderer schema={schema} />;
+}
+```
+
+**Example with Form component (requires explicit configuration):**
+
+```tsx
+import { createForm, Form, SchemaField } from '@pixpilot/formily-shadcn';
+
+const form = createForm();
+
+const schema = {
+  type: 'object',
+  properties: {
+    userName: {
+      type: 'string',
+      'x-decorator': 'FormItem',
+      'x-component': 'Input',
+      // No title provided - will use "User Name" as label only if config is set
+    },
+  },
+};
+
+export function MyForm() {
+  return (
+    <Form
+      form={form}
+      config={{
+        label: {
+          useFieldNameAsLabel: true, // Must be explicitly set
+        },
+      }}
+    >
+      <SchemaField schema={schema} />
+    </Form>
+  );
+}
+```
+
+The label resolution priority is:
+
+1. Explicit `label` prop (if provided and not `false`)
+2. Schema `title` field
+3. Field `name` capitalized (only if `useFieldNameAsLabel: true`)
+4. No label

package/dist/components/array-base/components/addition.cjs

@@ -14,7 +14,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/components/array-base/components/addition.tsx
-const ArrayAddition = react.default.forwardRef((props, ref) => {
+function ArrayAddition({ ref,...props }) {
 	const { fullWidth = true } = props;
 	const self = (0, __formily_react.useField)();
 	const array = require_array_context.useArray();
@@ -44,7 +44,7 @@ const ArrayAddition = react.default.forwardRef((props, ref) => {
 		},
 		children: [props.icon !== void 0 ? props.icon : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.PlusIcon, { className: "mr-2 size-4" }), props.title ?? self.title ?? props.children ?? "Add Item"]
 	});
-});
+}
 ArrayAddition.displayName = "ArrayAddition";
 
 //#endregion

package/dist/components/array-base/components/addition.d.cts

@@ -1,8 +1,9 @@
 import React from "react";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
+import "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.d.ts
-interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseAdditionProps extends ButtonProps {
   title?: string;
   method?: 'push' | 'unshift';
   defaultValue?: any;

package/dist/components/array-base/components/addition.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
+import "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.d.ts
-interface IArrayBaseAdditionProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseAdditionProps extends ButtonProps {
   title?: string;
   method?: 'push' | 'unshift';
   defaultValue?: any;

package/dist/components/array-base/components/addition.js

@@ -8,7 +8,7 @@ import { PlusIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/array-base/components/addition.tsx
-const ArrayAddition = React.forwardRef((props, ref) => {
+function ArrayAddition({ ref,...props }) {
 	const { fullWidth = true } = props;
 	const self = useField();
 	const array = useArray();
@@ -38,7 +38,7 @@ const ArrayAddition = React.forwardRef((props, ref) => {
 		},
 		children: [props.icon !== void 0 ? props.icon : /* @__PURE__ */ jsx(PlusIcon, { className: "mr-2 size-4" }), props.title ?? self.title ?? props.children ?? "Add Item"]
 	});
-});
+}
 ArrayAddition.displayName = "ArrayAddition";
 
 //#endregion

package/dist/components/array-base/components/array-item-label.cjs

@@ -11,7 +11,7 @@ const ArrayItemLabel = () => {
 	const label = require_use_label.useLabel();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 		className: "font-medium",
-		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
+		children: [label, typeof label === "string" || label == null ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

package/dist/components/array-base/components/array-item-label.js

@@ -9,7 +9,7 @@ const ArrayItemLabel = () => {
 	const label = useLabel();
 	return /* @__PURE__ */ jsxs("span", {
 		className: "font-medium",
-		children: [label, typeof label === "string" ? ` ${(index ?? 0) + 1}` : ""]
+		children: [label, typeof label === "string" || label == null ? ` ${(index ?? 0) + 1}` : ""]
 	});
 };
 

package/dist/components/array-base/types.d.cts

@@ -1,6 +1,6 @@
 import { ArrayBaseComponents, ArrayOperationTypes } from "./components/types.cjs";
 import { IArrayBaseContext } from "./array-context.cjs";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/array-base/types.d.ts
 interface ArrayBaseMixins extends ArrayBaseComponents {
@@ -17,7 +17,7 @@ interface IArrayBaseProps {
   onEdit?: (index: number) => void;
   onCopy?: (index: number) => void;
 }
-interface IArrayBaseOperationProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
   index?: number;
   icon?: React.ReactNode;

package/dist/components/array-base/types.d.ts

@@ -1,6 +1,6 @@
 import { ArrayBaseComponents, ArrayOperationTypes } from "./components/types.js";
 import { IArrayBaseContext } from "./array-context.js";
-import { Button } from "@pixpilot/shadcn-ui";
+import { ButtonProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/array-base/types.d.ts
 interface ArrayBaseMixins extends ArrayBaseComponents {
@@ -17,7 +17,7 @@ interface IArrayBaseProps {
   onEdit?: (index: number) => void;
   onCopy?: (index: number) => void;
 }
-interface IArrayBaseOperationProps extends React.ComponentProps<typeof Button> {
+interface IArrayBaseOperationProps extends ButtonProps {
   title?: string;
   index?: number;
   icon?: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import * as react3 from "react";
+import * as react0 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: react3.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react3.RefAttributes<HTMLButtonElement>>, "ref"> & react3.RefAttributes<unknown>>;
+declare const Checkbox: react0.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react0.RefAttributes<HTMLButtonElement>>, "ref"> & react0.RefAttributes<unknown>>;
 //#endregion
 export { Checkbox };

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

@@ -7,6 +7,24 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
+interface FormConfigProps {
+  label?: {
+    useFieldNameAsLabel?: boolean;
+  };
+  iconPicker?: {
+    /**
+     * Icon providers - can be static providers or async loader functions
+     * Users can provide either IconProvider[] or AsyncIconProvider[]
+     */
+    providers: IconProvider[];
+    /**
+     * Optional callback when providers are loaded
+     */
+    onProvidersLoaded?: (providers: IconProvider[]) => void;
+  };
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -14,21 +32,7 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  config?: {
-    iconPicker?: {
-      /**
-       * Icon providers - can be static providers or async loader functions
-       * Users can provide either IconProvider[] or AsyncIconProvider[]
-       */
-      providers: IconProvider[];
-      /**
-       * Optional callback when providers are loaded
-       */
-      onProvidersLoaded?: (providers: IconProvider[]) => void;
-    };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
-  };
+  settings?: FormConfigProps;
 }
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates };

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

@@ -7,6 +7,24 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
+interface FormConfigProps {
+  label?: {
+    useFieldNameAsLabel?: boolean;
+  };
+  iconPicker?: {
+    /**
+     * Icon providers - can be static providers or async loader functions
+     * Users can provide either IconProvider[] or AsyncIconProvider[]
+     */
+    providers: IconProvider[];
+    /**
+     * Optional callback when providers are loaded
+     */
+    onProvidersLoaded?: (providers: IconProvider[]) => void;
+  };
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
 interface FormContextStates extends FormSpace {
   itemProps?: {
     className?: string;
@@ -14,21 +32,7 @@ interface FormContextStates extends FormSpace {
   objectContainerProps?: {
     className?: string;
   };
-  config?: {
-    iconPicker?: {
-      /**
-       * Icon providers - can be static providers or async loader functions
-       * Users can provide either IconProvider[] or AsyncIconProvider[]
-       */
-      providers: IconProvider[];
-      /**
-       * Optional callback when providers are loaded
-       */
-      onProvidersLoaded?: (providers: IconProvider[]) => void;
-    };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
-  };
+  settings?: FormConfigProps;
 }
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates };

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

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

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

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

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

@@ -1,17 +1,11 @@
-import * as react2 from "react";
-import * as react_day_picker0 from "react-day-picker";
+import * as react0 from "react";
+import { DatePickerProps } from "@pixpilot/shadcn-ui";
 
 //#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;
-} & Omit<{
-  value?: Date;
-  onChange?: (date: Date | undefined) => void;
-  placeholder?: string;
-} & Omit<react_day_picker0.DayPickerProps & {
-  buttonVariant?: React.ComponentProps<typeof void 0>["variant"];
-}, "onSelect" | "selected" | "mode">, "onSelect" | "selected" | "mode">> & react2.RefAttributes<unknown>>;
+} & Omit<DatePickerProps, "onSelect" | "selected" | "mode">> & react0.RefAttributes<unknown>>;
 //#endregion
 export { DatePicker };

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

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

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

@@ -1,5 +1,5 @@
 import React from "react";
-import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
+import * as _pixpilot_shadcn_ui8 from "@pixpilot/shadcn-ui";
 
 //#region src/components/file-upload/file-upload-inline.d.ts
 
@@ -7,14 +7,14 @@ import * as _pixpilot_shadcn_ui0 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_ui0.FileUploadInlineBaseProps & {
+declare const FileUploadInline: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
   multiple: true;
-  value?: _pixpilot_shadcn_ui0.FileMetadata[];
-  onChange?: _pixpilot_shadcn_ui0.OnChangeMultipleFiles;
-} & _pixpilot_shadcn_ui0.FileUploadBaseProps>, "ref"> | Omit<Partial<_pixpilot_shadcn_ui0.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_ui0.FileMetadata | null;
-  onChange?: _pixpilot_shadcn_ui0.OnChangeSingleFile;
-} & _pixpilot_shadcn_ui0.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 { FileUploadInline };

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

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

package/dist/components/file-upload/use-file-upload-feedback.cjs

@@ -11,9 +11,9 @@ pretty_bytes = require_rolldown_runtime.__toESM(pretty_bytes);
 //#region src/components/file-upload/use-file-upload-feedback.ts
 function useFileUploadFeedback(props) {
 	const { onUpload: onUploadProp, maxSize: maxSizeProp, onFilesReject, onFileValidate } = props;
-	const { config } = require_use_form_context.useFormContext();
+	const { settings } = require_use_form_context.useFormContext();
 	const field = (0, __formily_react.useField)();
-	const { fileUpload } = config || {};
+	const { fileUpload } = settings || {};
 	const onUpload = onUploadProp ?? fileUpload?.onUpload;
 	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
 	if (onUpload == null) {

package/dist/components/file-upload/use-file-upload-feedback.js

@@ -7,9 +7,9 @@ import prettyBytes from "pretty-bytes";
 //#region src/components/file-upload/use-file-upload-feedback.ts
 function useFileUploadFeedback(props) {
 	const { onUpload: onUploadProp, maxSize: maxSizeProp, onFilesReject, onFileValidate } = props;
-	const { config } = useFormContext();
+	const { settings } = useFormContext();
 	const field = useField();
-	const { fileUpload } = config || {};
+	const { fileUpload } = settings || {};
 	const onUpload = onUploadProp ?? fileUpload?.onUpload;
 	const maxSize = maxSizeProp ?? fileUpload?.maxSize;
 	if (onUpload == null) throw new Error("onUpload prop required for FileUploadInline. Provide handler on form or field props.");

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

@@ -12,11 +12,8 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 //#region src/components/form-items-container.tsx
 const FormItemContainer = (props) => {
 	const { as: Component = "div", className,...rest } = props;
-	const { density, responsive } = require_use_form_context.useFormContext();
-	const spaceClass = require_resolve_responsive_space.resolveResponsiveSpaceClass({
-		density,
-		responsive
-	});
+	const { density } = require_use_form_context.useFormContext();
+	const spaceClass = require_resolve_responsive_space.resolveResponsiveSpaceClass({ density });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
 		...rest,
 		className: (0, __pixpilot_shadcn.cn)(spaceClass, className)

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

@@ -8,11 +8,8 @@ import { cn } from "@pixpilot/shadcn";
 //#region src/components/form-items-container.tsx
 const FormItemContainer = (props) => {
 	const { as: Component = "div", className,...rest } = props;
-	const { density, responsive } = useFormContext();
-	const spaceClass = resolveResponsiveSpaceClass({
-		density,
-		responsive
-	});
+	const { density } = useFormContext();
+	const spaceClass = resolveResponsiveSpaceClass({ density });
 	return /* @__PURE__ */ jsx(Component, {
 		...rest,
 		className: cn(spaceClass, className)

package/dist/components/form.cjs

@@ -15,7 +15,7 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 /**
 * Form component - wraps FormProvider and provides form context
 */
-function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, responsive, config }) {
+function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, settings }) {
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		form.submit((values) => {
@@ -29,15 +29,13 @@ function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemPr
 				itemProps,
 				objectContainerProps,
 				density,
-				responsive,
-				config
+				settings
 			};
 		}, [
 			itemProps,
 			objectContainerProps,
 			density,
-			responsive,
-			config
+			settings
 		]),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.FormProvider, {
 			form,

package/dist/components/form.d.cts

@@ -26,8 +26,7 @@ declare function Form$1({
   itemProps,
   objectContainerProps,
   density,
-  responsive,
-  config
+  settings
 }: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.d.ts

@@ -26,8 +26,7 @@ declare function Form$1({
   itemProps,
   objectContainerProps,
   density,
-  responsive,
-  config
+  settings
 }: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/form.js

@@ -10,7 +10,7 @@ import { cn } from "@pixpilot/shadcn";
 /**
 * Form component - wraps FormProvider and provides form context
 */
-function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, responsive, config }) {
+function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemProps, objectContainerProps, density, settings }) {
 	const handleSubmit = (e) => {
 		e.preventDefault();
 		form.submit((values) => {
@@ -24,15 +24,13 @@ function Form({ form, className, style, children, onSubmit, onAutoSubmit, itemPr
 				itemProps,
 				objectContainerProps,
 				density,
-				responsive,
-				config
+				settings
 			};
 		}, [
 			itemProps,
 			objectContainerProps,
 			density,
-			responsive,
-			config
+			settings
 		]),
 		children: /* @__PURE__ */ jsx(FormProvider, {
 			form,

package/dist/components/icon-picker.cjs

@@ -11,8 +11,8 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/components/icon-picker.tsx
 const IconPickerBase = (props) => {
 	const { providers: propProviders,...restProps } = props;
-	const { config } = require_use_form_context.useFormContext();
-	const { iconPicker } = config || {};
+	const { settings } = require_use_form_context.useFormContext();
+	const { iconPicker } = settings || {};
 	const { providers: contextProviders = [] } = iconPicker || {};
 	const providersToLoad = propProviders !== void 0 ? propProviders : contextProviders;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.IconPicker, {

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/icon-picker.js

@@ -7,8 +7,8 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/icon-picker.tsx
 const IconPickerBase = (props) => {
 	const { providers: propProviders,...restProps } = props;
-	const { config } = useFormContext();
-	const { iconPicker } = config || {};
+	const { settings } = useFormContext();
+	const { iconPicker } = settings || {};
 	const { providers: contextProviders = [] } = iconPicker || {};
 	const providersToLoad = propProviders !== void 0 ? propProviders : contextProviders;
 	return /* @__PURE__ */ jsx(IconPicker, {

package/dist/components/input.d.cts

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