@pixpilot/formily-shadcn 0.10.0 → 0.11.1

package/dist/components/schema-field/schema-field.js

@@ -1,19 +1,33 @@
 import { Combobox as Combobox$1 } from "../combobox.js";
+import { extractComponents } from "../../utils/extract-components.js";
 import { Slider as Slider$1 } from "../slider.js";
 import { TagsInputInLine } from "../tags-input-inline.js";
-import { schemaFieldBasicComponents } from "./schema-field-basics.js";
+import { basicComponentRegistry } from "./schema-field-basics.js";
 import { createSchemaField } from "@formily/react";
 import { TagsInput } from "@pixpilot/shadcn-ui";
 
 //#region src/components/schema-field/schema-field.tsx
-const schemaFieldComponents = {
-	...schemaFieldBasicComponents,
-	Combobox: Combobox$1,
-	TagsInput,
-	TagsInputInLine,
-	Slider: Slider$1
+const defaultComponentRegistry = {
+	...basicComponentRegistry,
+	Combobox: {
+		component: Combobox$1,
+		decorator: "FormItem"
+	},
+	TagsInput: {
+		component: TagsInput,
+		decorator: "FormItem"
+	},
+	TagsInputInLine: {
+		component: TagsInputInLine,
+		decorator: "FormItem"
+	},
+	Slider: {
+		component: Slider$1,
+		decorator: "FormItem"
+	}
 };
-const SchemaField = createSchemaField({ components: schemaFieldComponents });
+const defaultComponents = extractComponents(defaultComponentRegistry);
+const SchemaField = createSchemaField({ components: defaultComponents });
 
 //#endregion
-export { SchemaField, schemaFieldComponents };
+export { SchemaField, defaultComponentRegistry, defaultComponents };

package/dist/components/separator.d.cts

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

package/dist/components/separator.d.ts

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

package/dist/components/slider.d.cts

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

package/dist/components/slider.d.ts

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

package/dist/components/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react25 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: react25.ForwardRefExoticComponent<Omit<Partial<_radix_ui_react_switch0.SwitchProps & react25.RefAttributes<HTMLButtonElement>>, "ref"> & react25.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/switch.d.ts

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

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

@@ -1,4 +1,4 @@
-import * as react19 from "react";
+import * as react22 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: react19.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react19.RefAttributes<unknown>>;
+declare const TagsInputInLine: react22.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react22.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

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

@@ -1,4 +1,4 @@
-import * as react26 from "react";
+import * as react23 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: react26.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react26.RefAttributes<unknown>>;
+declare const TagsInputInLine: react23.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react23.RefAttributes<unknown>>;
 //#endregion
 export { TagsInputInLine };

package/dist/components/textarea.d.cts

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

package/dist/components/textarea.d.ts

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

package/dist/index.cjs

@@ -14,7 +14,8 @@ const require_file_upload_inline = require('./components/file-upload/file-upload
 require('./components/file-upload/index.cjs');
 const require_form = require('./components/form.cjs');
 const require_form_grid = require('./components/form-grid.cjs');
-const require_form_item = require('./components/form-item.cjs');
+const require_connected_form_item = require('./components/form-item/connected-form-item.cjs');
+require('./components/form-item/index.cjs');
 const require_icon_picker = require('./components/icon-picker.cjs');
 const require_input = require('./components/input.cjs');
 const require_slider = require('./components/slider.cjs');
@@ -31,7 +32,11 @@ const require_schema_field = require('./components/schema-field/schema-field.cjs
 const require_rich_text_editor = require('./components/rich-text-editor.cjs');
 const require_schema_field_extended = require('./components/schema-field/schema-field-extended.cjs');
 require('./components/schema-field/index.cjs');
-const require_json_schema_form_renderer = require('./components/json-schema-form-renderer.cjs');
+const require_json_schema_form_renderer = require('./components/json-schema-form-renderer/json-schema-form-renderer.cjs');
+const require_json_schema_form = require('./components/json-schema-form-renderer/json-schema-form.cjs');
+const require_json_schema_form_basic = require('./components/json-schema-form-renderer/json-schema-form-basic.cjs');
+const require_json_schema_form_extended = require('./components/json-schema-form-renderer/json-schema-form-extended.cjs');
+require('./components/json-schema-form-renderer/index.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);
 let __formily_core = require("@formily/core");
@@ -61,7 +66,7 @@ Object.defineProperty(exports, 'FormConsumer', {
   }
 });
 exports.FormGrid = require_form_grid.FormGrid;
-exports.FormItem = require_form_item.FormItem;
+exports.FormItem = require_connected_form_item.FormItem;
 Object.defineProperty(exports, 'FormProvider', {
   enumerable: true,
   get: function () {
@@ -70,6 +75,9 @@ Object.defineProperty(exports, 'FormProvider', {
 });
 exports.IconPicker = require_icon_picker.IconPicker;
 exports.Input = require_input.Input;
+exports.JsonSchemaForm = require_json_schema_form.JsonSchemaForm;
+exports.JsonSchemaFormBasic = require_json_schema_form_basic.JsonSchemaFormBasic;
+exports.JsonSchemaFormExtended = require_json_schema_form_extended.JsonSchemaFormExtended;
 exports.JsonSchemaFormRenderer = require_json_schema_form_renderer.JsonSchemaFormRenderer;
 exports.NumberInput = require_number_input.NumberInput;
 Object.defineProperty(exports, 'ObjectField', {
@@ -96,12 +104,15 @@ Object.defineProperty(exports, 'VoidField', {
     return __formily_react.VoidField;
   }
 });
+exports.basicComponentRegistry = require_schema_field_basics.basicComponentRegistry;
+exports.basicComponents = require_schema_field_basics.basicComponents;
 Object.defineProperty(exports, 'createForm', {
   enumerable: true,
   get: function () {
     return __formily_core.createForm;
   }
 });
-exports.schemaFieldBasicComponents = require_schema_field_basics.schemaFieldBasicComponents;
-exports.schemaFieldComponents = require_schema_field.schemaFieldComponents;
-exports.schemaFieldExtendedComponents = require_schema_field_extended.schemaFieldExtendedComponents;
+exports.defaultComponentRegistry = require_schema_field.defaultComponentRegistry;
+exports.defaultComponents = require_schema_field.defaultComponents;
+exports.extendedComponentRegistry = require_schema_field_extended.extendedComponentRegistry;
+exports.extendedComponents = require_schema_field_extended.extendedComponents;

package/dist/index.d.cts

@@ -8,23 +8,31 @@ import "./components/array-collapse/index.cjs";
 import { Checkbox } from "./components/checkbox.cjs";
 import { Column } from "./components/column.cjs";
 import { Combobox } from "./components/combobox.cjs";
+import { FormLayoutOptions } from "./components/context/form-context.cjs";
+import "./components/context/index.cjs";
 import { DatePicker } from "./components/date-picker.cjs";
 import { FileUpload } from "./components/file-upload/file-upload.cjs";
 import { FileUploadInline } from "./components/file-upload/file-upload-inline.cjs";
 import "./components/file-upload/index.cjs";
 import { Form } from "./components/form.cjs";
 import { FormGrid } from "./components/form-grid.cjs";
-import { FormItem } from "./components/form-item.cjs";
+import { FormItem } from "./components/form-item/connected-form-item.cjs";
+import "./components/form-item/index.cjs";
 import { IconPicker } from "./components/icon-picker.cjs";
 import { Input } from "./components/input.cjs";
-import { JsonSchemaFormRenderer, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer.cjs";
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer/types.cjs";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.cjs";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.cjs";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.cjs";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.cjs";
+import "./components/json-schema-form-renderer/index.cjs";
 import { NumberInput } from "./components/number-input.cjs";
 import { ConnectedRadio, Radio } from "./components/radio.cjs";
 import { RichTextEditor } from "./components/rich-text-editor.cjs";
 import { Row } from "./components/row.cjs";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.cjs";
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.cjs";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.cjs";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.cjs";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.cjs";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.cjs";
 import "./components/schema-field/index.cjs";
 import { Select } from "./components/select.cjs";
 import { Separator } from "./components/separator.cjs";
@@ -34,4 +42,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.cjs";
 import { Textarea } from "./components/textarea.cjs";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, type FormLayoutOptions, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormExtended, JsonSchemaFormProps, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/index.d.ts

@@ -8,23 +8,31 @@ import "./components/array-collapse/index.js";
 import { Checkbox } from "./components/checkbox.js";
 import { Column } from "./components/column.js";
 import { Combobox } from "./components/combobox.js";
+import { FormLayoutOptions } from "./components/context/form-context.js";
+import "./components/context/index.js";
 import { DatePicker } from "./components/date-picker.js";
 import { FileUpload } from "./components/file-upload/file-upload.js";
 import { FileUploadInline } from "./components/file-upload/file-upload-inline.js";
 import "./components/file-upload/index.js";
 import { Form } from "./components/form.js";
 import { FormGrid } from "./components/form-grid.js";
-import { FormItem } from "./components/form-item.js";
+import { FormItem } from "./components/form-item/connected-form-item.js";
+import "./components/form-item/index.js";
 import { IconPicker } from "./components/icon-picker.js";
 import { Input } from "./components/input.js";
-import { JsonSchemaFormRenderer, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer.js";
+import { JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormProps, JsonSchemaFormRendererProps } from "./components/json-schema-form-renderer/types.js";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.js";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.js";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.js";
+import "./components/json-schema-form-renderer/index.js";
 import { NumberInput } from "./components/number-input.js";
 import { ConnectedRadio, Radio } from "./components/radio.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
 import { Row } from "./components/row.js";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.js";
 import "./components/schema-field/index.js";
 import { Select } from "./components/select.js";
 import { Separator } from "./components/separator.js";
@@ -34,4 +42,4 @@ import { TagsInputInLine } from "./components/tags-input-inline.js";
 import { Textarea } from "./components/textarea.js";
 import { Field, FormConsumer, FormProvider, ISchema, ObjectField, VoidField } from "@formily/react";
 import { Form as IForm, createForm } from "@formily/core";
-export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, type ArrayBaseMixins, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, type FormLayoutOptions, FormProvider, type IArrayBaseOperationProps, type IArrayBaseProps, type IForm, type ISchema, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormComponent, JsonSchemaFormComponents, JsonSchemaFormExtended, JsonSchemaFormProps, JsonSchemaFormRenderer, JsonSchemaFormRendererProps, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/index.js

@@ -13,7 +13,8 @@ import { FileUploadInline } from "./components/file-upload/file-upload-inline.js
 import "./components/file-upload/index.js";
 import { Form } from "./components/form.js";
 import { FormGrid } from "./components/form-grid.js";
-import { FormItem } from "./components/form-item.js";
+import { FormItem } from "./components/form-item/connected-form-item.js";
+import "./components/form-item/index.js";
 import { IconPicker } from "./components/icon-picker.js";
 import { Input } from "./components/input.js";
 import { Slider } from "./components/slider.js";
@@ -25,13 +26,17 @@ import { Select } from "./components/select.js";
 import { Separator } from "./components/separator.js";
 import { Switch } from "./components/switch.js";
 import { Textarea } from "./components/textarea.js";
-import { SchemaFieldBasics, schemaFieldBasicComponents } from "./components/schema-field/schema-field-basics.js";
-import { SchemaField, schemaFieldComponents } from "./components/schema-field/schema-field.js";
+import { SchemaFieldBasics, basicComponentRegistry, basicComponents } from "./components/schema-field/schema-field-basics.js";
+import { SchemaField, defaultComponentRegistry, defaultComponents } from "./components/schema-field/schema-field.js";
 import { RichTextEditor } from "./components/rich-text-editor.js";
-import { SchemaFieldExtended, schemaFieldExtendedComponents } from "./components/schema-field/schema-field-extended.js";
+import { SchemaFieldExtended, extendedComponentRegistry, extendedComponents } from "./components/schema-field/schema-field-extended.js";
 import "./components/schema-field/index.js";
-import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer.js";
+import { JsonSchemaFormRenderer } from "./components/json-schema-form-renderer/json-schema-form-renderer.js";
+import { JsonSchemaForm } from "./components/json-schema-form-renderer/json-schema-form.js";
+import { JsonSchemaFormBasic } from "./components/json-schema-form-renderer/json-schema-form-basic.js";
+import { JsonSchemaFormExtended } from "./components/json-schema-form-renderer/json-schema-form-extended.js";
+import "./components/json-schema-form-renderer/index.js";
 import { Field, FormConsumer, FormProvider, ObjectField, VoidField } from "@formily/react";
 import { createForm } from "@formily/core";
 
-export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, createForm, schemaFieldBasicComponents, schemaFieldComponents, schemaFieldExtendedComponents };
+export { ArrayBase, ArrayCards, ArrayCollapse, Checkbox, Column, Combobox, ConnectedRadio, DatePicker, Field, FileUpload, FileUploadInline, Form, FormConsumer, FormGrid, FormItem, FormProvider, IconPicker, Input, JsonSchemaForm, JsonSchemaFormBasic, JsonSchemaFormExtended, JsonSchemaFormRenderer, NumberInput, ObjectField, Radio, RichTextEditor, Row, SchemaField, SchemaFieldBasics, SchemaFieldExtended, Select, Separator, Slider, Switch, TagsInputInLine, Textarea, VoidField, basicComponentRegistry, basicComponents, createForm, defaultComponentRegistry, defaultComponents, extendedComponentRegistry, extendedComponents };

package/dist/types/form-item.d.cts

@@ -0,0 +1,5 @@
+//#region src/types/form-item.d.ts
+type DescriptionPlacement = 'top' | 'bottom' | 'popover';
+type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
+//#endregion
+export { DescriptionPlacement, LabelPlacement };

package/dist/types/form-item.d.ts

@@ -0,0 +1,5 @@
+//#region src/types/form-item.d.ts
+type DescriptionPlacement = 'top' | 'bottom' | 'popover';
+type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
+//#endregion
+export { DescriptionPlacement, LabelPlacement };

package/dist/utils/extract-components.cjs

@@ -0,0 +1,11 @@
+
+//#region src/utils/extract-components.ts
+/**
+* Extracts React components from FormComponentConfig records
+*/
+function extractComponents(configs) {
+	return Object.fromEntries(Object.entries(configs).map(([key, config]) => [key, config.component]));
+}
+
+//#endregion
+exports.extractComponents = extractComponents;

package/dist/utils/extract-components.js

@@ -0,0 +1,10 @@
+//#region src/utils/extract-components.ts
+/**
+* Extracts React components from FormComponentConfig records
+*/
+function extractComponents(configs) {
+	return Object.fromEntries(Object.entries(configs).map(([key, config]) => [key, config.component]));
+}
+
+//#endregion
+export { extractComponents };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/formily-shadcn",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "Formily integration for shadcn/ui components",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -35,13 +35,13 @@
     "@iconify-json/fa": "^1.2.2",
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/react": "^6.0.2",
-    "@pixpilot/env": "^0.2.1",
+    "@pixpilot/env": "^0.2.2",
     "@pixpilot/string": "^2.3.0",
     "json-schema-traverse": "^1.0.0",
     "lucide-react": "^0.554.0",
     "pretty-bytes": "^7.1.0",
-    "@pixpilot/shadcn-ui": "0.5.1",
-    "@pixpilot/shadcn": "0.4.0"
+    "@pixpilot/shadcn": "0.4.0",
+    "@pixpilot/shadcn-ui": "0.5.1"
   },
   "devDependencies": {
     "@storybook/react": "^10.1.8",
@@ -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/eslint-config": "0.3.0",
+    "@internal/prettier-config": "0.0.1"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {

package/dist/components/form-item.cjs

@@ -1,118 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_use_form_context = require('../hooks/use-form-context.cjs');
-const require_use_label = require('../hooks/use-label.cjs');
-require('../hooks/index.cjs');
-let __formily_react = require("@formily/react");
-__formily_react = require_rolldown_runtime.__toESM(__formily_react);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-let __pixpilot_shadcn = require("@pixpilot/shadcn");
-__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
-let __formily_core = require("@formily/core");
-__formily_core = require_rolldown_runtime.__toESM(__formily_core);
-
-//#region src/components/form-item.tsx
-const BaseFormItem = ({ className, children, label, description, asterisk, feedbackStatus, feedbackText, labelPlacement = "top",...props }) => {
-	const field = (0, __formily_react.useField)();
-	const fieldProps = field?.componentProps ?? {};
-	const effectiveLabel = require_use_label.useLabel(label);
-	const { itemProps } = require_use_form_context.useFormContext();
-	const { className: itemPropsClassName } = itemProps || {};
-	const effectiveLabelPlacement = fieldProps.labelPlacement ?? labelPlacement;
-	const id = field?.componentProps?.id ?? `form-${field?.address?.toString()?.replace(/\./gu, "-")}`;
-	const descriptionId = react.default.useId();
-	const feedbackId = react.default.useId();
-	const ariaDescribedBy = [description != null ? descriptionId : void 0, feedbackText != null ? feedbackId : void 0].filter(Boolean).join(" ");
-	const labelElement = effectiveLabel != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-		htmlFor: id,
-		"data-slot": "form-label",
-		"data-error": Boolean(feedbackStatus === "error"),
-		className: (0, __pixpilot_shadcn.cn)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", feedbackStatus === "error" && "text-destructive", (effectiveLabelPlacement === "end" || effectiveLabelPlacement === "start") && "shrink-0"),
-		children: [effectiveLabel, asterisk && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-destructive ml-1",
-			"aria-label": "required",
-			children: "*"
-		})]
-	});
-	const inputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "relative",
-		children: react.default.isValidElement(children) ? react.default.cloneElement(children, {
-			id,
-			"aria-describedby": ariaDescribedBy || void 0,
-			"aria-invalid": feedbackStatus === "error" ? "true" : void 0
-		}) : children
-	});
-	const contentElement = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		effectiveLabelPlacement === "top" && labelElement,
-		description != null && effectiveLabelPlacement === "top" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		}),
-		(effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, __pixpilot_shadcn.cn)("flex items-center gap-2", effectiveLabelPlacement === "start" && "flex-row"),
-			children: [
-				effectiveLabelPlacement === "start" && labelElement,
-				inputElement,
-				effectiveLabelPlacement === "end" && labelElement
-			]
-		}),
-		effectiveLabelPlacement === "top" && inputElement,
-		description != null && (effectiveLabelPlacement === "start" || effectiveLabelPlacement === "end") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: descriptionId,
-			className: "text-muted-foreground text-[0.8rem]",
-			children: description
-		})
-	] });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		"data-slot": "form-item",
-		className: (0, __pixpilot_shadcn.cn)("flex flex-col gap-2", itemPropsClassName, className),
-		...props,
-		children: [contentElement, Boolean(feedbackText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			id: feedbackId,
-			className: (0, __pixpilot_shadcn.cn)("text-[0.8rem]", feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600"),
-			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
-		})]
-	});
-};
-/**
-* FormItem component connected to Formily field state
-* Automatically maps field validation state to component props
-*/
-const FormItem = (0, __formily_react.connect)(BaseFormItem, (0, __formily_react.mapProps)((props, field) => {
-	if ((0, __formily_core.isVoidField)(field)) return {
-		label: field.title ?? props.label,
-		description: props.description ?? field.description,
-		asterisk: props.asterisk
-	};
-	const takeFeedbackStatus = () => {
-		if (field.validating) return void 0;
-		if (field.selfErrors?.length) return "error";
-		if (field.selfWarnings?.length) return "warning";
-		if (field.selfSuccesses?.length) return "success";
-	};
-	const takeFeedbackText = () => {
-		if (field.validating) return void 0;
-		if (props.feedbackText != null) return props.feedbackText;
-		if (field.selfErrors?.length) return field.selfErrors.join(", ");
-		if (field.selfWarnings?.length) return field.selfWarnings.join(", ");
-		if (field.selfSuccesses?.length) return field.selfSuccesses.join(", ");
-	};
-	const takeAsterisk = () => {
-		if (field.required && field.pattern !== "readPretty") return true;
-		if ("asterisk" in props) return Boolean(props.asterisk);
-		return false;
-	};
-	return {
-		label: props.label ?? field.title,
-		description: props.description ?? field.description,
-		feedbackStatus: takeFeedbackStatus(),
-		feedbackText: takeFeedbackText(),
-		asterisk: takeAsterisk()
-	};
-}));
-
-//#endregion
-exports.FormItem = FormItem;

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

@@ -1,22 +0,0 @@
-import { SyncReactNode } from "../types/react.cjs";
-import React from "react";
-
-//#region src/components/form-item.d.ts
-type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
-interface FormItemProps extends React.ComponentProps<'div'> {
-  label?: SyncReactNode;
-  description?: SyncReactNode;
-  asterisk?: boolean;
-  feedbackStatus?: 'error' | 'warning' | 'success';
-  feedbackText?: SyncReactNode;
-  labelPlacement?: LabelPlacement;
-}
-/**
- * FormItem component connected to Formily field state
- * Automatically maps field validation state to component props
- */
-declare const FormItem: React.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: React.ReactNode | undefined;
-}>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FormItem, FormItemProps };

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

@@ -1,22 +0,0 @@
-import { SyncReactNode } from "../types/react.js";
-import React from "react";
-
-//#region src/components/form-item.d.ts
-type LabelPlacement = 'top' | 'bottom' | 'start' | 'end';
-interface FormItemProps extends React.ComponentProps<'div'> {
-  label?: SyncReactNode;
-  description?: SyncReactNode;
-  asterisk?: boolean;
-  feedbackStatus?: 'error' | 'warning' | 'success';
-  feedbackText?: SyncReactNode;
-  labelPlacement?: LabelPlacement;
-}
-/**
- * FormItem component connected to Formily field state
- * Automatically maps field validation state to component props
- */
-declare const FormItem: React.ForwardRefExoticComponent<Omit<Partial<FormItemProps & {
-  children?: React.ReactNode | undefined;
-}>, "ref"> & React.RefAttributes<unknown>>;
-//#endregion
-export { FormItem, FormItemProps };