@pixpilot/formily-shadcn 1.16.0 → 1.17.1

package/dist/components/overlay-common/use-overlay.cjs

@@ -0,0 +1,108 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_resolve_responsive_space = require('../../utils/resolve-responsive-space.cjs');
+const require_use_description = require('../../hooks/use-description.cjs');
+const require_use_form_context = require('../../hooks/use-form-context.cjs');
+const require_use_label = require('../../hooks/use-label.cjs');
+const require_use_shake_animation = require('../array-common/use-shake-animation.cjs');
+const require_constants = require('./constants.cjs');
+const require_is_empty_field_value = require('./is-empty-field-value.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);
+
+//#region src/components/overlay-common/use-overlay.ts
+/**
+* Formily glob matching the field itself and every descendant, and nothing
+* else — `*(a,a.*)` matches `a`, `a.b`, and `a.b.c`, but not the sibling `ab`.
+* One pattern covers both shapes an overlay can hold: a single input (validate
+* the field) and an object's form (validate its fields), at any depth.
+*/
+function buildValidationPattern(address) {
+	return `*(${address},${address}.*)`;
+}
+/**
+* Shared state for fields that render their input(s) inside an overlay
+* (dialog or popover) opened from a trigger button.
+*
+* Fields render in the parent form (no draft copy), so edits commit as the
+* user types. This mirrors the autoSave mode of ArrayDialog/ArrayPopover:
+* validation on close is scoped to the overlay's own fields so unrelated
+* fields elsewhere in the form are not validated.
+*/
+function useOverlay(options = {}) {
+	const { label, description, trigger, open, defaultOpen, onOpenChange, validateOnClose = true } = options;
+	const effectiveLabel = require_use_label.useLabel(label);
+	const effectiveDescription = require_use_description.useDescription(description);
+	const [uncontrolledOpen, setUncontrolledOpen] = react.default.useState(defaultOpen ?? false);
+	const isControlled = open !== void 0;
+	const isOpen = isControlled ? open : uncontrolledOpen;
+	const setOpen = react.default.useCallback((next) => {
+		if (!isControlled) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	}, [isControlled, onOpenChange]);
+	const { layout } = require_use_form_context.useFormContext();
+	const gapClass = require_resolve_responsive_space.resolveResponsiveGapClass({ density: layout?.density });
+	const field = (0, __formily_react.useField)();
+	const hasError = field.errors.length > 0;
+	const validationPath = buildValidationPattern(field.address.toString());
+	const noun = (0, __formily_react.useFieldSchema)().title ?? require_constants.DEFAULT_TRIGGER_NOUN;
+	const isEmpty = require_is_empty_field_value.isEmptyFieldValue(field.value);
+	const resolvedTrigger = {
+		...trigger,
+		label: trigger?.label ?? (isEmpty ? `Add ${noun}` : `Edit ${noun}`)
+	};
+	const { shouldShake, triggerShake } = require_use_shake_animation.useShakeAnimation();
+	const revalidateOnOpenRef = react.default.useRef(false);
+	react.default.useEffect(() => {
+		if (!isOpen || !revalidateOnOpenRef.current) return;
+		revalidateOnOpenRef.current = false;
+		Promise.resolve(field.form.validate(validationPath)).catch(() => void 0);
+	}, [
+		field.form,
+		isOpen,
+		validationPath
+	]);
+	const requestClose = react.default.useCallback(() => {
+		if (!validateOnClose) {
+			setOpen(false);
+			return;
+		}
+		Promise.resolve(field.form.validate(validationPath)).then(() => {
+			setOpen(false);
+		}).catch(() => {
+			triggerShake();
+		});
+	}, [
+		field.form,
+		setOpen,
+		triggerShake,
+		validateOnClose,
+		validationPath
+	]);
+	return {
+		label: effectiveLabel,
+		description: effectiveDescription,
+		trigger: resolvedTrigger,
+		open: isOpen,
+		gapClass,
+		hasError,
+		shouldShake,
+		handleOpenChange: react.default.useCallback((next) => {
+			if (next) {
+				revalidateOnOpenRef.current = hasError;
+				setOpen(true);
+				return;
+			}
+			requestClose();
+		}, [
+			hasError,
+			requestClose,
+			setOpen
+		]),
+		requestClose
+	};
+}
+
+//#endregion
+exports.useOverlay = useOverlay;

package/dist/components/overlay-common/use-overlay.d.cts

@@ -0,0 +1 @@
+import "./OverlayTrigger.cjs";

package/dist/components/overlay-common/use-overlay.d.ts

@@ -0,0 +1 @@
+import "./OverlayTrigger.js";

package/dist/components/overlay-common/use-overlay.js

@@ -0,0 +1,105 @@
+import { resolveResponsiveGapClass } from "../../utils/resolve-responsive-space.js";
+import { useDescription } from "../../hooks/use-description.js";
+import { useFormContext } from "../../hooks/use-form-context.js";
+import { useLabel } from "../../hooks/use-label.js";
+import { useShakeAnimation } from "../array-common/use-shake-animation.js";
+import { DEFAULT_TRIGGER_NOUN } from "./constants.js";
+import { isEmptyFieldValue } from "./is-empty-field-value.js";
+import { useField, useFieldSchema } from "@formily/react";
+import React from "react";
+
+//#region src/components/overlay-common/use-overlay.ts
+/**
+* Formily glob matching the field itself and every descendant, and nothing
+* else — `*(a,a.*)` matches `a`, `a.b`, and `a.b.c`, but not the sibling `ab`.
+* One pattern covers both shapes an overlay can hold: a single input (validate
+* the field) and an object's form (validate its fields), at any depth.
+*/
+function buildValidationPattern(address) {
+	return `*(${address},${address}.*)`;
+}
+/**
+* Shared state for fields that render their input(s) inside an overlay
+* (dialog or popover) opened from a trigger button.
+*
+* Fields render in the parent form (no draft copy), so edits commit as the
+* user types. This mirrors the autoSave mode of ArrayDialog/ArrayPopover:
+* validation on close is scoped to the overlay's own fields so unrelated
+* fields elsewhere in the form are not validated.
+*/
+function useOverlay(options = {}) {
+	const { label, description, trigger, open, defaultOpen, onOpenChange, validateOnClose = true } = options;
+	const effectiveLabel = useLabel(label);
+	const effectiveDescription = useDescription(description);
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);
+	const isControlled = open !== void 0;
+	const isOpen = isControlled ? open : uncontrolledOpen;
+	const setOpen = React.useCallback((next) => {
+		if (!isControlled) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	}, [isControlled, onOpenChange]);
+	const { layout } = useFormContext();
+	const gapClass = resolveResponsiveGapClass({ density: layout?.density });
+	const field = useField();
+	const hasError = field.errors.length > 0;
+	const validationPath = buildValidationPattern(field.address.toString());
+	const noun = useFieldSchema().title ?? DEFAULT_TRIGGER_NOUN;
+	const isEmpty = isEmptyFieldValue(field.value);
+	const resolvedTrigger = {
+		...trigger,
+		label: trigger?.label ?? (isEmpty ? `Add ${noun}` : `Edit ${noun}`)
+	};
+	const { shouldShake, triggerShake } = useShakeAnimation();
+	const revalidateOnOpenRef = React.useRef(false);
+	React.useEffect(() => {
+		if (!isOpen || !revalidateOnOpenRef.current) return;
+		revalidateOnOpenRef.current = false;
+		Promise.resolve(field.form.validate(validationPath)).catch(() => void 0);
+	}, [
+		field.form,
+		isOpen,
+		validationPath
+	]);
+	const requestClose = React.useCallback(() => {
+		if (!validateOnClose) {
+			setOpen(false);
+			return;
+		}
+		Promise.resolve(field.form.validate(validationPath)).then(() => {
+			setOpen(false);
+		}).catch(() => {
+			triggerShake();
+		});
+	}, [
+		field.form,
+		setOpen,
+		triggerShake,
+		validateOnClose,
+		validationPath
+	]);
+	return {
+		label: effectiveLabel,
+		description: effectiveDescription,
+		trigger: resolvedTrigger,
+		open: isOpen,
+		gapClass,
+		hasError,
+		shouldShake,
+		handleOpenChange: React.useCallback((next) => {
+			if (next) {
+				revalidateOnOpenRef.current = hasError;
+				setOpen(true);
+				return;
+			}
+			requestClose();
+		}, [
+			hasError,
+			requestClose,
+			setOpen
+		]),
+		requestClose
+	};
+}
+
+//#endregion
+export { useOverlay };

package/dist/components/popover-item/BasePopoverItem.cjs

@@ -0,0 +1,105 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ShakeStyles = require('../array-common/ShakeStyles.cjs');
+const require_BaseFormItem = require('../form-item/BaseFormItem.cjs');
+const require_OverlayFields = require('../overlay-common/OverlayFields.cjs');
+const require_OverlayTrigger = require('../overlay-common/OverlayTrigger.cjs');
+const require_use_overlay = require('../overlay-common/use-overlay.cjs');
+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);
+
+//#region src/components/popover-item/BasePopoverItem.tsx
+/**
+* Formily decorator that edits a single field inside a popover.
+*
+* Used in place of FormItem (`x-decorator: 'PopoverItem'`), it renders the
+* field's label, description, and validation feedback exactly as FormItem
+* does, but puts a trigger button where the input would sit and moves the
+* input itself into a popover. The field keeps its own component, so
+* validation and x-reactions behave as they do under FormItem.
+*/
+const BasePopoverItem = ({ children, label, description, trigger: triggerProp, open: openProp, defaultOpen, onOpenChange, validateOnClose, modal = false, popover, feedbackStatus, feedbackText,...formItemProps }) => {
+	const { label: effectiveLabel, description: desc, trigger, open, gapClass, hasError, shouldShake, handleOpenChange, requestClose } = require_use_overlay.useOverlay({
+		label,
+		description,
+		trigger: triggerProp,
+		open: openProp,
+		defaultOpen,
+		onOpenChange,
+		validateOnClose
+	});
+	const title = popover?.title ?? effectiveLabel;
+	const overlayDescription = popover?.description ?? desc;
+	const slots = popover?.slots;
+	const hasHeader = title != null || overlayDescription != null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+		open,
+		onOpenChange: handleOpenChange,
+		modal,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseFormItem.BaseFormItem, {
+				...formItemProps,
+				label,
+				description,
+				feedbackStatus,
+				feedbackText,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OverlayTrigger.OverlayTrigger, {
+						invalid: hasError,
+						...trigger
+					})
+				})
+			}),
+			!open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OverlayFields.OverlayFields, { children }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.PopoverContent, {
+				align: "start",
+				...slots?.content,
+				className: (0, __pixpilot_shadcn.cn)("w-(--radix-popover-trigger-width) min-w-72", shouldShake && "pp-shake", slots?.content?.className),
+				onInteractOutside: (event) => {
+					slots?.content?.onInteractOutside?.(event);
+					if (event.defaultPrevented) return;
+					event.preventDefault();
+					requestClose();
+				},
+				onEscapeKeyDown: (event) => {
+					slots?.content?.onEscapeKeyDown?.(event);
+					if (event.defaultPrevented) return;
+					event.preventDefault();
+					requestClose();
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ShakeStyles.ShakeStyles, {}),
+					hasHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						...slots?.header,
+						className: (0, __pixpilot_shadcn.cn)("space-y-1 pb-3", slots?.header?.className),
+						children: [title != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", {
+							...slots?.title,
+							className: (0, __pixpilot_shadcn.cn)("font-medium leading-none", slots?.title?.className),
+							children: title
+						}), overlayDescription != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							...slots?.description,
+							className: (0, __pixpilot_shadcn.cn)("text-muted-foreground text-sm", slots?.description?.className),
+							children: overlayDescription
+						})]
+					}),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						...slots?.body,
+						className: (0, __pixpilot_shadcn.cn)("grid", gapClass, slots?.body?.className),
+						children: [children, feedbackText != null && feedbackText !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							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: feedbackText
+						})]
+					})
+				]
+			})
+		]
+	});
+};
+BasePopoverItem.displayName = "BasePopoverItem";
+
+//#endregion
+exports.BasePopoverItem = BasePopoverItem;

package/dist/components/popover-item/BasePopoverItem.d.cts

@@ -0,0 +1,57 @@
+import { FormItemProps } from "../form-item/form-item-types.cjs";
+import "../form-item/index.cjs";
+import { OverlayBaseSlots, OverlayProps } from "../overlay-common/overlay-types.cjs";
+import { OverlayTriggerProps } from "../overlay-common/OverlayTrigger.cjs";
+import "../overlay-common/index.cjs";
+import React from "react";
+import { PopoverContent } from "@pixpilot/shadcn";
+
+//#region src/components/popover-item/BasePopoverItem.d.ts
+interface PopoverItemProps extends Omit<FormItemProps, 'popover'> {
+  /**
+   * Props for the trigger button, e.g. `{ label: 'Write a bio' }`. Without a
+   * label it reads `Add <title>` when the field is empty and `Edit <title>`
+   * once it holds a value. Settable from an x-reaction via
+   * `decoratorProps.trigger`.
+   */
+  trigger?: OverlayTriggerProps;
+  /** Controlled open state of the popover. */
+  open?: boolean;
+  /** Initial open state when uncontrolled. */
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * When false, the popover closes without validating the field first.
+   * Default is true.
+   */
+  validateOnClose?: boolean;
+  /**
+   * If true, interaction outside the popover is blocked while it is open.
+   * Default is false.
+   */
+  modal?: boolean;
+  /**
+   * The popover itself — its `title`, `description`, and `slots`, e.g.
+   * `{ title: 'Notes', slots: { content: { className: 'w-96' } } }`. Title and
+   * description default to the field's label and description.
+   */
+  popover?: PopoverItemPopoverProps;
+}
+interface PopoverItemPopoverSlots extends OverlayBaseSlots {
+  content?: React.ComponentProps<typeof PopoverContent>;
+  title?: React.ComponentProps<'h4'>;
+  description?: React.ComponentProps<'p'>;
+}
+type PopoverItemPopoverProps = OverlayProps<PopoverItemPopoverSlots>;
+/**
+ * Formily decorator that edits a single field inside a popover.
+ *
+ * Used in place of FormItem (`x-decorator: 'PopoverItem'`), it renders the
+ * field's label, description, and validation feedback exactly as FormItem
+ * does, but puts a trigger button where the input would sit and moves the
+ * input itself into a popover. The field keeps its own component, so
+ * validation and x-reactions behave as they do under FormItem.
+ */
+declare const BasePopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>>;
+//#endregion
+export { BasePopoverItem, PopoverItemProps };

package/dist/components/popover-item/BasePopoverItem.d.ts

@@ -0,0 +1,57 @@
+import { FormItemProps } from "../form-item/form-item-types.js";
+import "../form-item/index.js";
+import { OverlayBaseSlots, OverlayProps } from "../overlay-common/overlay-types.js";
+import { OverlayTriggerProps } from "../overlay-common/OverlayTrigger.js";
+import "../overlay-common/index.js";
+import React from "react";
+import { PopoverContent } from "@pixpilot/shadcn";
+
+//#region src/components/popover-item/BasePopoverItem.d.ts
+interface PopoverItemProps extends Omit<FormItemProps, 'popover'> {
+  /**
+   * Props for the trigger button, e.g. `{ label: 'Write a bio' }`. Without a
+   * label it reads `Add <title>` when the field is empty and `Edit <title>`
+   * once it holds a value. Settable from an x-reaction via
+   * `decoratorProps.trigger`.
+   */
+  trigger?: OverlayTriggerProps;
+  /** Controlled open state of the popover. */
+  open?: boolean;
+  /** Initial open state when uncontrolled. */
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * When false, the popover closes without validating the field first.
+   * Default is true.
+   */
+  validateOnClose?: boolean;
+  /**
+   * If true, interaction outside the popover is blocked while it is open.
+   * Default is false.
+   */
+  modal?: boolean;
+  /**
+   * The popover itself — its `title`, `description`, and `slots`, e.g.
+   * `{ title: 'Notes', slots: { content: { className: 'w-96' } } }`. Title and
+   * description default to the field's label and description.
+   */
+  popover?: PopoverItemPopoverProps;
+}
+interface PopoverItemPopoverSlots extends OverlayBaseSlots {
+  content?: React.ComponentProps<typeof PopoverContent>;
+  title?: React.ComponentProps<'h4'>;
+  description?: React.ComponentProps<'p'>;
+}
+type PopoverItemPopoverProps = OverlayProps<PopoverItemPopoverSlots>;
+/**
+ * Formily decorator that edits a single field inside a popover.
+ *
+ * Used in place of FormItem (`x-decorator: 'PopoverItem'`), it renders the
+ * field's label, description, and validation feedback exactly as FormItem
+ * does, but puts a trigger button where the input would sit and moves the
+ * input itself into a popover. The field keeps its own component, so
+ * validation and x-reactions behave as they do under FormItem.
+ */
+declare const BasePopoverItem: React.FC<React.PropsWithChildren<PopoverItemProps>>;
+//#endregion
+export { BasePopoverItem, PopoverItemProps };

package/dist/components/popover-item/BasePopoverItem.js

@@ -0,0 +1,101 @@
+import { ShakeStyles } from "../array-common/ShakeStyles.js";
+import { BaseFormItem } from "../form-item/BaseFormItem.js";
+import { OverlayFields } from "../overlay-common/OverlayFields.js";
+import { OverlayTrigger } from "../overlay-common/OverlayTrigger.js";
+import { useOverlay } from "../overlay-common/use-overlay.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger, cn } from "@pixpilot/shadcn";
+
+//#region src/components/popover-item/BasePopoverItem.tsx
+/**
+* Formily decorator that edits a single field inside a popover.
+*
+* Used in place of FormItem (`x-decorator: 'PopoverItem'`), it renders the
+* field's label, description, and validation feedback exactly as FormItem
+* does, but puts a trigger button where the input would sit and moves the
+* input itself into a popover. The field keeps its own component, so
+* validation and x-reactions behave as they do under FormItem.
+*/
+const BasePopoverItem = ({ children, label, description, trigger: triggerProp, open: openProp, defaultOpen, onOpenChange, validateOnClose, modal = false, popover, feedbackStatus, feedbackText,...formItemProps }) => {
+	const { label: effectiveLabel, description: desc, trigger, open, gapClass, hasError, shouldShake, handleOpenChange, requestClose } = useOverlay({
+		label,
+		description,
+		trigger: triggerProp,
+		open: openProp,
+		defaultOpen,
+		onOpenChange,
+		validateOnClose
+	});
+	const title = popover?.title ?? effectiveLabel;
+	const overlayDescription = popover?.description ?? desc;
+	const slots = popover?.slots;
+	const hasHeader = title != null || overlayDescription != null;
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: handleOpenChange,
+		modal,
+		children: [
+			/* @__PURE__ */ jsx(BaseFormItem, {
+				...formItemProps,
+				label,
+				description,
+				feedbackStatus,
+				feedbackText,
+				children: /* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(OverlayTrigger, {
+						invalid: hasError,
+						...trigger
+					})
+				})
+			}),
+			!open && /* @__PURE__ */ jsx(OverlayFields, { children }),
+			/* @__PURE__ */ jsxs(PopoverContent, {
+				align: "start",
+				...slots?.content,
+				className: cn("w-(--radix-popover-trigger-width) min-w-72", shouldShake && "pp-shake", slots?.content?.className),
+				onInteractOutside: (event) => {
+					slots?.content?.onInteractOutside?.(event);
+					if (event.defaultPrevented) return;
+					event.preventDefault();
+					requestClose();
+				},
+				onEscapeKeyDown: (event) => {
+					slots?.content?.onEscapeKeyDown?.(event);
+					if (event.defaultPrevented) return;
+					event.preventDefault();
+					requestClose();
+				},
+				children: [
+					/* @__PURE__ */ jsx(ShakeStyles, {}),
+					hasHeader && /* @__PURE__ */ jsxs("div", {
+						...slots?.header,
+						className: cn("space-y-1 pb-3", slots?.header?.className),
+						children: [title != null && /* @__PURE__ */ jsx("h4", {
+							...slots?.title,
+							className: cn("font-medium leading-none", slots?.title?.className),
+							children: title
+						}), overlayDescription != null && /* @__PURE__ */ jsx("p", {
+							...slots?.description,
+							className: cn("text-muted-foreground text-sm", slots?.description?.className),
+							children: overlayDescription
+						})]
+					}),
+					open && /* @__PURE__ */ jsxs("div", {
+						...slots?.body,
+						className: cn("grid", gapClass, slots?.body?.className),
+						children: [children, feedbackText != null && feedbackText !== "" && /* @__PURE__ */ jsx("p", {
+							className: cn("text-[0.8rem]", feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600"),
+							children: feedbackText
+						})]
+					})
+				]
+			})
+		]
+	});
+};
+BasePopoverItem.displayName = "BasePopoverItem";
+
+//#endregion
+export { BasePopoverItem };

package/dist/components/popover-item/ConnectedPopoverItem.cjs

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_map_form_item_props = require('../form-item/map-form-item-props.cjs');
+const require_BasePopoverItem = require('./BasePopoverItem.cjs');
+let __formily_react = require("@formily/react");
+__formily_react = require_rolldown_runtime.__toESM(__formily_react);
+
+//#region src/components/popover-item/ConnectedPopoverItem.tsx
+/**
+* PopoverItem decorator connected to Formily field state.
+* Maps field label, description, and validation state onto the decorator the
+* same way FormItem does.
+*/
+const PopoverItem = (0, __formily_react.connect)(require_BasePopoverItem.BasePopoverItem, (0, __formily_react.mapProps)(require_map_form_item_props.mapFormItemProps));
+
+//#endregion
+exports.PopoverItem = PopoverItem;

package/dist/components/popover-item/ConnectedPopoverItem.d.cts

@@ -0,0 +1,15 @@
+import { PopoverItemProps } from "./BasePopoverItem.cjs";
+import * as react4 from "react";
+
+//#region src/components/popover-item/ConnectedPopoverItem.d.ts
+
+/**
+ * PopoverItem decorator connected to Formily field state.
+ * Maps field label, description, and validation state onto the decorator the
+ * same way FormItem does.
+ */
+declare const PopoverItem: react4.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
+  children?: react4.ReactNode | undefined;
+}>, "ref"> & react4.RefAttributes<unknown>>;
+//#endregion
+export { PopoverItem };

package/dist/components/popover-item/ConnectedPopoverItem.d.ts

@@ -0,0 +1,15 @@
+import { PopoverItemProps } from "./BasePopoverItem.js";
+import * as react4 from "react";
+
+//#region src/components/popover-item/ConnectedPopoverItem.d.ts
+
+/**
+ * PopoverItem decorator connected to Formily field state.
+ * Maps field label, description, and validation state onto the decorator the
+ * same way FormItem does.
+ */
+declare const PopoverItem: react4.ForwardRefExoticComponent<Omit<Partial<PopoverItemProps & {
+  children?: react4.ReactNode | undefined;
+}>, "ref"> & react4.RefAttributes<unknown>>;
+//#endregion
+export { PopoverItem };

package/dist/components/popover-item/ConnectedPopoverItem.js

@@ -0,0 +1,14 @@
+import { mapFormItemProps } from "../form-item/map-form-item-props.js";
+import { BasePopoverItem } from "./BasePopoverItem.js";
+import { connect, mapProps } from "@formily/react";
+
+//#region src/components/popover-item/ConnectedPopoverItem.tsx
+/**
+* PopoverItem decorator connected to Formily field state.
+* Maps field label, description, and validation state onto the decorator the
+* same way FormItem does.
+*/
+const PopoverItem = connect(BasePopoverItem, mapProps(mapFormItemProps));
+
+//#endregion
+export { PopoverItem };

package/dist/components/popover-item/index.d.cts

@@ -0,0 +1,2 @@
+import { BasePopoverItem, PopoverItemProps } from "./BasePopoverItem.cjs";
+import { PopoverItem } from "./ConnectedPopoverItem.cjs";

package/dist/components/popover-item/index.d.ts

@@ -0,0 +1,2 @@
+import { BasePopoverItem, PopoverItemProps } from "./BasePopoverItem.js";
+import { PopoverItem } from "./ConnectedPopoverItem.js";