@pixpilot/formily-shadcn 0.9.1 → 0.11.0

package/README.md

@@ -56,7 +56,11 @@ const schema = {
 
 function MyForm() {
   return (
-    <Form form={form} onSubmit={(values) => console.log(values)}>
+    <Form
+      form={form}
+      layout={{ density: 'comfortable' }}
+      onSubmit={(values) => console.log(values)}
+    >
       <SchemaField schema={schema} />
       <button type="submit">Submit</button>
     </Form>
@@ -149,6 +153,28 @@ import {
 - `x-component-props`: Props passed to the component
 - `x-decorator-props`: Props passed to the decorator
 
+## Documentation
+
+### [Form Layout Options](./docs/form-layout-options.md)
+
+Learn how to configure form layout and visual settings using the `FormLayoutOptions` interface:
+
+- **Density** - Control spacing between form elements (compact, normal, comfortable, responsive)
+- **Description Placement** - Configure where field descriptions appear (top, bottom, popover)
+- **Label Placement** - Set label position relative to inputs (top, bottom, start, end)
+- **Custom Classes** - Apply custom CSS classes to form elements
+
+[Read the full documentation →](./docs/form-layout-options.md)
+
+### [JSON Schema Form: Headless vs Default Pattern](./docs/json-schema-form-headless-vs-default.md)
+
+Learn about the difference between `JsonSchemaFormRenderer` (headless) and `JsonSchemaForm` (batteries-included) components:
+
+- **`JsonSchemaFormRenderer`** - Pure, headless component that requires you to provide all components explicitly. Ideal for custom component registries and bundle size optimization.
+- **`JsonSchemaForm`** - Convenience wrapper that comes pre-loaded with all standard components (Slider, Combobox, TagsInput, etc.). Perfect for getting started quickly.
+
+[Read the full documentation →](./docs/json-schema-form-headless-vs-default.md)
+
 ## API Reference
 
 ### createForm
@@ -161,3 +187,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/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/checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react7 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: react7.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_checkbox0.CheckboxProps & react7.RefAttributes<HTMLButtonElement>>, "ref"> & react7.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/column.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/column.d.ts
 interface IColumnProps {
@@ -36,6 +36,6 @@ interface IColumnProps {
 declare function Column({
   className,
   children
-}: IColumnProps): react_jsx_runtime2.JSX.Element;
+}: IColumnProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Column };

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

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

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

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

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

@@ -1,4 +1,5 @@
 import { FormSpace } from "../../types/form.cjs";
+import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.cjs";
 import React from "react";
 import { FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
@@ -7,28 +8,60 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
-interface FormContextStates extends FormSpace {
-  itemProps?: {
-    className?: string;
+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;
   };
-  objectContainerProps?: {
-    className?: string;
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
+/**
+ * Layout configuration options for form components.
+ * Groups all visual and layout-related settings.
+ */
+interface FormLayoutOptions {
+  /** Form density - affects spacing between elements */
+  density?: FormSpace['density'];
+  /** Default description placement for FormItem decorators */
+  descriptionPlacement?: DescriptionPlacement;
+  /** Default label placement for FormItem decorators */
+  labelPlacement?: LabelPlacement;
+  /** Custom class names for FormItem elements */
+  itemProps?: {
+    classes?: {
+      label?: string;
+      description?: string;
+      inputWrapper?: string;
+      errorMessage?: 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;
+  /** Custom class names for ObjectContainer elements */
+  objectContainer?: {
+    classes?: {
+      card?: string;
+      header?: string;
+      title?: string;
+      description?: string;
+      content?: string;
     };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
   };
 }
+interface FormContextStates {
+  /** Layout configuration options */
+  layout?: FormLayoutOptions;
+  /** Form-level configuration settings */
+  settings?: FormConfigProps;
+}
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates, FormLayoutOptions };

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

@@ -1,4 +1,5 @@
 import { FormSpace } from "../../types/form.js";
+import { DescriptionPlacement, LabelPlacement } from "../../types/form-item.js";
 import React from "react";
 import { FileUploadProgressCallBacks, IconProvider, RichTextEditorProps } from "@pixpilot/shadcn-ui";
 
@@ -7,28 +8,60 @@ interface FomFileUpload {
   onUpload?: (files: File[], options: FileUploadProgressCallBacks) => void;
   maxSize?: number;
 }
-interface FormContextStates extends FormSpace {
-  itemProps?: {
-    className?: string;
+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;
   };
-  objectContainerProps?: {
-    className?: string;
+  fileUpload?: FomFileUpload;
+  richTextEditor?: RichTextEditorProps;
+}
+/**
+ * Layout configuration options for form components.
+ * Groups all visual and layout-related settings.
+ */
+interface FormLayoutOptions {
+  /** Form density - affects spacing between elements */
+  density?: FormSpace['density'];
+  /** Default description placement for FormItem decorators */
+  descriptionPlacement?: DescriptionPlacement;
+  /** Default label placement for FormItem decorators */
+  labelPlacement?: LabelPlacement;
+  /** Custom class names for FormItem elements */
+  itemProps?: {
+    classes?: {
+      label?: string;
+      description?: string;
+      inputWrapper?: string;
+      errorMessage?: 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;
+  /** Custom class names for ObjectContainer elements */
+  objectContainer?: {
+    classes?: {
+      card?: string;
+      header?: string;
+      title?: string;
+      description?: string;
+      content?: string;
     };
-    fileUpload?: FomFileUpload;
-    richTextEditor?: RichTextEditorProps;
   };
 }
+interface FormContextStates {
+  /** Layout configuration options */
+  layout?: FormLayoutOptions;
+  /** Form-level configuration settings */
+  settings?: FormConfigProps;
+}
 //#endregion
-export { FomFileUpload, FormContextStates };
+export { FomFileUpload, FormConfigProps, FormContextStates, FormLayoutOptions };

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

@@ -1,2 +1,2 @@
-import { FomFileUpload, FormContextStates } from "./form-context.cjs";
+import { FomFileUpload, FormConfigProps, FormContextStates, FormLayoutOptions } 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, FormLayoutOptions } from "./form-context.js";
 import "./context.js";

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

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

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

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

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

@@ -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-inline.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 FileUploadInline$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui8.FileUploadInlineBaseProps & {
+declare const FileUploadInline$1: 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 { FileUploadInline$1 as FileUploadInline };

package/dist/components/file-upload/file-upload.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.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 FileUpload: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
+declare const FileUpload: 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 { FileUpload };

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

@@ -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.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 FileUpload$1: React.ForwardRefExoticComponent<(Omit<Partial<_pixpilot_shadcn_ui0.FileUploadInlineBaseProps & {
+declare const FileUpload$1: 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 { FileUpload$1 as 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-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 };