@pixpilot/formily-shadcn 1.4.4 → 1.5.0

package/dist/components/Column.d.ts

@@ -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/Column.d.ts
 interface IColumnProps {
@@ -36,6 +36,6 @@ interface IColumnProps {
 declare function Column({
   className,
   children
-}: IColumnProps): react_jsx_runtime1.JSX.Element;
+}: IColumnProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Column };

package/dist/components/DatePicker.d.ts

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

package/dist/components/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormContextStates } from "./context/form-context.js";
 import "./context/index.js";
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/Form.d.ts
@@ -25,6 +25,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime4.JSX.Element;
+}: IFormProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Form$1 as Form };

package/dist/components/FormGrid.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/FormGrid.d.ts
 interface IFormGridProps extends React.HTMLAttributes<HTMLDivElement> {}
@@ -7,6 +7,6 @@ declare function FormGrid({
   className,
   children,
   ...rest
-}: IFormGridProps): react_jsx_runtime3.JSX.Element;
+}: IFormGridProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { FormGrid };

package/dist/components/IconPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react22 from "react";
+import * as react7 from "react";
 import { IconPickerProps, IconProviderProps } from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconPicker.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: react22.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
+declare const IconPicker$1: react7.ForwardRefExoticComponent<Partial<Omit<IconPickerProps, "providers"> & {
   providers?: IconProviderProps[];
-}> & react22.RefAttributes<unknown>>;
+}> & react7.RefAttributes<unknown>>;
 //#endregion
 export { IconPicker$1 as IconPicker };

package/dist/components/IconToggle.d.ts

@@ -1,11 +1,11 @@
-import * as react24 from "react";
-import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
+import * as react4 from "react";
+import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
 
 //#region src/components/IconToggle.d.ts
 /**
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const IconToggle$1: react24.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.IconToggleProps, "ref"> & react24.RefAttributes<HTMLButtonElement>>, "ref"> & react24.RefAttributes<unknown>>;
+declare const IconToggle$1: react4.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui0.IconToggleProps, "ref"> & react4.RefAttributes<HTMLButtonElement>>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { IconToggle$1 as IconToggle };

package/dist/components/Input.d.ts

@@ -1,4 +1,4 @@
-import * as react27 from "react";
+import * as react9 from "react";
 
 //#region src/components/Input.d.ts
 
@@ -6,12 +6,12 @@ import * as react27 from "react";
  * Formily-connected Input component
  * Automatically connects shadcn Input to Formily field state
  */
-declare const Input: react27.ForwardRefExoticComponent<Omit<Partial<react27.ClassAttributes<HTMLInputElement> & react27.InputHTMLAttributes<HTMLInputElement> & {
+declare const Input: react9.ForwardRefExoticComponent<Omit<Partial<react9.ClassAttributes<HTMLInputElement> & react9.InputHTMLAttributes<HTMLInputElement> & {
   prefix?: React.ReactNode;
   suffix?: React.ReactNode;
   groupClassName?: string;
   prefixClassName?: string;
   suffixClassName?: string;
-}>, "ref"> & react27.RefAttributes<unknown>>;
+}>, "ref"> & react9.RefAttributes<unknown>>;
 //#endregion
 export { Input };

package/dist/components/Radio.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { RadioGroup } from "@pixpilot/shadcn";
 
 //#region src/components/Radio.d.ts
@@ -15,7 +15,7 @@ type RadioProps = {
 /**
  * Radio component with options rendering
  */
-declare function Radio(props: RadioProps): react_jsx_runtime0.JSX.Element;
+declare function Radio(props: RadioProps): react_jsx_runtime2.JSX.Element;
 declare namespace Radio {
   var displayName: string;
 }

package/dist/components/Rating.d.ts

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

package/dist/components/Row.d.ts

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

package/dist/components/Separator.d.cts

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

package/dist/components/Separator.d.ts

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

package/dist/components/Switch.d.cts

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

package/dist/components/TagsInputInline.d.ts

@@ -1,5 +1,5 @@
-import * as react11 from "react";
-import * as _pixpilot_shadcn_ui0 from "@pixpilot/shadcn-ui";
+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_ui0 from "@pixpilot/shadcn-ui";
  * Based on DiceUI's tags-input for inline tag editing with keyboard navigation
  * and validation support.
  */
-declare const TagsInputInLine: react11.ForwardRefExoticComponent<Partial<_pixpilot_shadcn_ui0.TagsInputProps> & react11.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 react22 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: react22.ForwardRefExoticComponent<Omit<Partial<react22.ClassAttributes<HTMLTextAreaElement> & react22.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react22.RefAttributes<unknown>>;
 //#endregion
 export { Textarea };

package/dist/components/Textarea.d.ts

@@ -1,9 +1,9 @@
-import * as react13 from "react";
+import * as react24 from "react";
 
 //#region src/components/Textarea.d.ts
 /**
  * Formily-connected Textarea component
  */
-declare const Textarea: react13.ForwardRefExoticComponent<Omit<Partial<react13.ClassAttributes<HTMLTextAreaElement> & react13.TextareaHTMLAttributes<HTMLTextAreaElement>>, "ref"> & react13.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/ToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react18 from "react";
+import * as react28 from "react";
 import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
 
 //#region src/components/ToggleButton.d.ts
@@ -6,6 +6,6 @@ import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const ToggleButton: react18.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react18.RefAttributes<HTMLButtonElement>>, "ref"> & react18.RefAttributes<unknown>>;
+declare const ToggleButton: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton };

package/dist/components/ToggleButton.d.ts

@@ -1,11 +1,11 @@
-import * as react17 from "react";
-import * as _pixpilot_shadcn_ui1 from "@pixpilot/shadcn-ui";
+import * as react28 from "react";
+import * as _pixpilot_shadcn_ui2 from "@pixpilot/shadcn-ui";
 
 //#region src/components/ToggleButton.d.ts
 /**
  * Formily-connected IconToggle component
  * Toggle button with customizable icons for boolean values
  */
-declare const ToggleButton$1: react17.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui1.ToggleButtonProps, "ref"> & react17.RefAttributes<HTMLButtonElement>>, "ref"> & react17.RefAttributes<unknown>>;
+declare const ToggleButton$1: react28.ForwardRefExoticComponent<Omit<Partial<Omit<_pixpilot_shadcn_ui2.ToggleButtonProps, "ref"> & react28.RefAttributes<HTMLButtonElement>>, "ref"> & react28.RefAttributes<unknown>>;
 //#endregion
 export { ToggleButton$1 as ToggleButton };

package/dist/components/array-common/ArrayItemDraftFields.cjs

@@ -19,32 +19,29 @@ function mergeClassName(a, b) {
 	if (!hasA && hasB) return bb;
 	return `${aa} ${bb}`;
 }
-function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className }) {
+/**
+* Renders item fields inside their own FormProvider.
+* SchemaField contexts (component registry, options, …) are captured from
+* the outer tree and re-provided inside the new form context so that string
+* component names like "Input" still resolve correctly.
+*/
+function IsolatedDraftFields({ schema, form, basePath }) {
 	const schemaComponents = react.default.use(__formily_react.SchemaComponentsContext);
-	const schemaOptions = react.default.use(__formily_react.SchemaOptionsContext);
-	const schemaExpressionScope = react.default.use(__formily_react.SchemaExpressionScopeContext);
-	const schemaMarkup = react.default.use(__formily_react.SchemaMarkupContext);
-	const schemaContext = react.default.use(__formily_react.SchemaContext);
-	const { className: itemWrapperClassName,...itemWrapperRestProps } = require_get_x_component_props.getXComponentProps(schema);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-		...itemWrapperRestProps,
-		className: mergeClassName(className, itemWrapperClassName),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.FormProvider, {
-			form,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaOptionsContext, {
-				value: schemaOptions,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaComponentsContext, {
-					value: schemaComponents,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaExpressionScopeContext, {
-						value: schemaExpressionScope,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaMarkupContext, {
-							value: schemaMarkup,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaContext, {
-								value: schemaContext,
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
-									schema,
-									name: basePath
-								})
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.FormProvider, {
+		form,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaOptionsContext, {
+			value: react.default.use(__formily_react.SchemaOptionsContext),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaComponentsContext, {
+				value: schemaComponents,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaExpressionScopeContext, {
+					value: react.default.use(__formily_react.SchemaExpressionScopeContext),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaMarkupContext, {
+						value: react.default.use(__formily_react.SchemaMarkupContext),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.SchemaContext, {
+							value: react.default.use(__formily_react.SchemaContext),
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+								schema,
+								name: basePath
 							})
 						})
 					})
@@ -53,6 +50,21 @@ function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component
 		})
 	});
 }
+function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className, isolated = true }) {
+	const { className: itemWrapperClassName,...itemWrapperRestProps } = require_get_x_component_props.getXComponentProps(schema);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
+		...itemWrapperRestProps,
+		className: mergeClassName(className, itemWrapperClassName),
+		children: isolated ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IsolatedDraftFields, {
+			schema,
+			form,
+			basePath
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+			schema,
+			name: basePath
+		})
+	});
+}
 
 //#endregion
 exports.ArrayItemDraftFields = ArrayItemDraftFields;

package/dist/components/array-common/ArrayItemDraftFields.js

@@ -15,32 +15,29 @@ function mergeClassName(a, b) {
 	if (!hasA && hasB) return bb;
 	return `${aa} ${bb}`;
 }
-function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className }) {
+/**
+* Renders item fields inside their own FormProvider.
+* SchemaField contexts (component registry, options, …) are captured from
+* the outer tree and re-provided inside the new form context so that string
+* component names like "Input" still resolve correctly.
+*/
+function IsolatedDraftFields({ schema, form, basePath }) {
 	const schemaComponents = React.use(SchemaComponentsContext);
-	const schemaOptions = React.use(SchemaOptionsContext);
-	const schemaExpressionScope = React.use(SchemaExpressionScopeContext);
-	const schemaMarkup = React.use(SchemaMarkupContext);
-	const schemaContext = React.use(SchemaContext);
-	const { className: itemWrapperClassName,...itemWrapperRestProps } = getXComponentProps(schema);
-	return /* @__PURE__ */ jsx(Component, {
-		...itemWrapperRestProps,
-		className: mergeClassName(className, itemWrapperClassName),
-		children: /* @__PURE__ */ jsx(FormProvider, {
-			form,
-			children: /* @__PURE__ */ jsx(SchemaOptionsContext, {
-				value: schemaOptions,
-				children: /* @__PURE__ */ jsx(SchemaComponentsContext, {
-					value: schemaComponents,
-					children: /* @__PURE__ */ jsx(SchemaExpressionScopeContext, {
-						value: schemaExpressionScope,
-						children: /* @__PURE__ */ jsx(SchemaMarkupContext, {
-							value: schemaMarkup,
-							children: /* @__PURE__ */ jsx(SchemaContext, {
-								value: schemaContext,
-								children: /* @__PURE__ */ jsx(RecursionField, {
-									schema,
-									name: basePath
-								})
+	return /* @__PURE__ */ jsx(FormProvider, {
+		form,
+		children: /* @__PURE__ */ jsx(SchemaOptionsContext, {
+			value: React.use(SchemaOptionsContext),
+			children: /* @__PURE__ */ jsx(SchemaComponentsContext, {
+				value: schemaComponents,
+				children: /* @__PURE__ */ jsx(SchemaExpressionScopeContext, {
+					value: React.use(SchemaExpressionScopeContext),
+					children: /* @__PURE__ */ jsx(SchemaMarkupContext, {
+						value: React.use(SchemaMarkupContext),
+						children: /* @__PURE__ */ jsx(SchemaContext, {
+							value: React.use(SchemaContext),
+							children: /* @__PURE__ */ jsx(RecursionField, {
+								schema,
+								name: basePath
 							})
 						})
 					})
@@ -49,6 +46,21 @@ function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component
 		})
 	});
 }
+function ArrayItemDraftFields({ schema, form, basePath = "draft", as: Component = "div", className, isolated = true }) {
+	const { className: itemWrapperClassName,...itemWrapperRestProps } = getXComponentProps(schema);
+	return /* @__PURE__ */ jsx(Component, {
+		...itemWrapperRestProps,
+		className: mergeClassName(className, itemWrapperClassName),
+		children: isolated ? /* @__PURE__ */ jsx(IsolatedDraftFields, {
+			schema,
+			form,
+			basePath
+		}) : /* @__PURE__ */ jsx(RecursionField, {
+			schema,
+			name: basePath
+		})
+	});
+}
 
 //#endregion
 export { ArrayItemDraftFields };

package/dist/components/array-common/ArrayItemsList.cjs

@@ -21,7 +21,7 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 * Shared component for rendering array items list
 * Displays items with move up/down, edit, and remove controls
 */
-const ArrayItemsList = (0, __formily_react.observer)(({ isNewItem, children, className, containerProps }) => {
+const ArrayItemsList = (0, __formily_react.observer)(({ isNewItem, activeIndex, children, className, containerProps }) => {
 	const field = (0, __formily_react.useField)();
 	const schema = (0, __formily_react.useFieldSchema)();
 	const dataSource = require_use_array_data_source.useArrayDataSource();
@@ -39,7 +39,8 @@ const ArrayItemsList = (0, __formily_react.observer)(({ isNewItem, children, cla
 				itemKey,
 				index,
 				record,
-				isNew
+				isNew,
+				isAnchor: activeIndex === index && !isNew
 			}, itemKey);
 		}) }), children]
 	});

package/dist/components/array-common/ArrayItemsList.js

@@ -16,7 +16,7 @@ import { cn } from "@pixpilot/shadcn";
 * Shared component for rendering array items list
 * Displays items with move up/down, edit, and remove controls
 */
-const ArrayItemsList = observer(({ isNewItem, children, className, containerProps }) => {
+const ArrayItemsList = observer(({ isNewItem, activeIndex, children, className, containerProps }) => {
 	const field = useField();
 	const schema = useFieldSchema();
 	const dataSource = useArrayDataSource();
@@ -34,7 +34,8 @@ const ArrayItemsList = observer(({ isNewItem, children, className, containerProp
 				itemKey,
 				index,
 				record,
-				isNew
+				isNew,
+				isAnchor: activeIndex === index && !isNew
 			}, itemKey);
 		}) }), children]
 	});

package/dist/components/array-common/ItemWrapper.cjs

@@ -16,6 +16,7 @@ const ItemWrapper = (props) => {
 	const hasErrors = require_has_array_item_errors.hasArrayItemErrors((0, __formily_react.useField)(), index);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...rest,
+		"data-array-item-index": index,
 		className: (0, __pixpilot_shadcn_ui.cn)("border-input bg-card rounded-md border  transition-colors items-center", hasErrors && "border-destructive border-2", props.className),
 		children
 	});

package/dist/components/array-common/ItemWrapper.js

@@ -11,6 +11,7 @@ const ItemWrapper = (props) => {
 	const hasErrors = hasArrayItemErrors(useField(), index);
 	return /* @__PURE__ */ jsx("div", {
 		...rest,
+		"data-array-item-index": index,
 		className: cn("border-input bg-card rounded-md border  transition-colors items-center", hasErrors && "border-destructive border-2", props.className),
 		children
 	});

package/dist/components/array-common/ListItem.cjs

@@ -20,7 +20,7 @@ __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 * Individual list item component for array items
 * Displays an item with label and operation controls
 */
-const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
+const ListItem = react.default.memo(({ itemKey, index, record, isNew, isAnchor }) => {
 	const schema = (0, __formily_react.useFieldSchema)();
 	const hiddenItemSchema = react.default.useMemo(() => {
 		return require_get_hidden_item_schema.getHiddenItemSchema(schema.items);
@@ -29,9 +29,26 @@ const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_array_base.ArrayBase.Item, {
 		index,
 		record,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_SortableItem.SortableItem, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SortableItem.SortableItem, {
 			id: itemKey,
-			children: [hiddenItemSchema ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: isAnchor ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverAnchor, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [hiddenItemSchema ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					style: { display: "none" },
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
+						schema: hiddenItemSchema,
+						name: index
+					})
+				}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ItemWrapper.ItemWrapper, {
+					className: (0, __pixpilot_shadcn.cn)("px-3 pl-4 py-2", isNewItem && "hidden"),
+					index,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ArrayItemHeaderRow.ArrayItemHeaderRow, {
+						schema,
+						index,
+						slots: { content: { content: "text-foreground font-medium" } }
+					})
+				})] })
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [hiddenItemSchema ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__formily_react.RecursionField, {
 					schema: hiddenItemSchema,
@@ -45,7 +62,7 @@ const ListItem = react.default.memo(({ itemKey, index, record, isNew }) => {
 					index,
 					slots: { content: { content: "text-foreground font-medium" } }
 				})
-			})]
+			})] })
 		})
 	}, itemKey);
 });

package/dist/components/array-common/ListItem.js

@@ -7,15 +7,15 @@ import { getHiddenItemSchema } from "./get-hidden-item-schema.js";
 import { ItemWrapper } from "./ItemWrapper.js";
 import { RecursionField, useFieldSchema } from "@formily/react";
 import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@pixpilot/shadcn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PopoverAnchor, cn } from "@pixpilot/shadcn";
 
 //#region src/components/array-common/ListItem.tsx
 /**
 * Individual list item component for array items
 * Displays an item with label and operation controls
 */
-const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
+const ListItem = React.memo(({ itemKey, index, record, isNew, isAnchor }) => {
 	const schema = useFieldSchema();
 	const hiddenItemSchema = React.useMemo(() => {
 		return getHiddenItemSchema(schema.items);
@@ -24,9 +24,26 @@ const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
 	return /* @__PURE__ */ jsx(ArrayBase.Item, {
 		index,
 		record,
-		children: /* @__PURE__ */ jsxs(SortableItem, {
+		children: /* @__PURE__ */ jsx(SortableItem, {
 			id: itemKey,
-			children: [hiddenItemSchema ? /* @__PURE__ */ jsx("div", {
+			children: isAnchor ? /* @__PURE__ */ jsx(PopoverAnchor, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs("div", { children: [hiddenItemSchema ? /* @__PURE__ */ jsx("div", {
+					style: { display: "none" },
+					children: /* @__PURE__ */ jsx(RecursionField, {
+						schema: hiddenItemSchema,
+						name: index
+					})
+				}) : null, /* @__PURE__ */ jsx(ItemWrapper, {
+					className: cn("px-3 pl-4 py-2", isNewItem && "hidden"),
+					index,
+					children: /* @__PURE__ */ jsx(ArrayItemHeaderRow, {
+						schema,
+						index,
+						slots: { content: { content: "text-foreground font-medium" } }
+					})
+				})] })
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [hiddenItemSchema ? /* @__PURE__ */ jsx("div", {
 				style: { display: "none" },
 				children: /* @__PURE__ */ jsx(RecursionField, {
 					schema: hiddenItemSchema,
@@ -40,7 +57,7 @@ const ListItem = React.memo(({ itemKey, index, record, isNew }) => {
 					index,
 					slots: { content: { content: "text-foreground font-medium" } }
 				})
-			})]
+			})] })
 		})
 	}, itemKey);
 });