@pixpilot/formily-shadcn 2.0.4 → 2.2.0

package/dist/components/array-dialog/EditDialog.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_use_form_context = require('../../hooks/use-form-context.cjs');
 const require_ArrayItemDraftFields = require('../array-common/ArrayItemDraftFields.cjs');
-const require_ShakeStyles = require('../array-common/ShakeStyles.cjs');
+const require_ShakeStyles = require('../../shadcn-ui/src/shake-styles/ShakeStyles.cjs');
 const require_use_array_item_edit_state = require('../array-common/use-array-item-edit-state.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);

package/dist/components/array-dialog/EditDialog.js

@@ -1,6 +1,6 @@
 import { useFormContext } from "../../hooks/use-form-context.js";
 import { ArrayItemDraftFields } from "../array-common/ArrayItemDraftFields.js";
-import { ShakeStyles } from "../array-common/ShakeStyles.js";
+import { ShakeStyles as ShakeStyles$1 } from "../../shadcn-ui/src/shake-styles/ShakeStyles.js";
 import { useArrayItemEditState } from "../array-common/use-array-item-edit-state.js";
 import { observer } from "@formily/react";
 import React from "react";
@@ -84,7 +84,7 @@ const EditDialog = observer(({ schema, onSave, onAutoSave: _onAutoSave, onCancel
 				validateAndClose();
 			},
 			children: [
-				/* @__PURE__ */ jsx(ShakeStyles, {}),
+				/* @__PURE__ */ jsx(ShakeStyles$1, {}),
 				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })] }),
 				itemIndex != null && /* @__PURE__ */ jsx(ArrayItemDraftFields, {
 					as: DialogBody,

package/dist/components/array-drawer/EditDrawer.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_use_form_context = require('../../hooks/use-form-context.cjs');
 const require_ArrayItemDraftFields = require('../array-common/ArrayItemDraftFields.cjs');
-const require_ShakeStyles = require('../array-common/ShakeStyles.cjs');
+const require_ShakeStyles = require('../../shadcn-ui/src/shake-styles/ShakeStyles.cjs');
 const require_use_array_item_edit_state = require('../array-common/use-array-item-edit-state.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);

package/dist/components/array-drawer/EditDrawer.js

@@ -1,6 +1,6 @@
 import { useFormContext } from "../../hooks/use-form-context.js";
 import { ArrayItemDraftFields } from "../array-common/ArrayItemDraftFields.js";
-import { ShakeStyles } from "../array-common/ShakeStyles.js";
+import { ShakeStyles as ShakeStyles$1 } from "../../shadcn-ui/src/shake-styles/ShakeStyles.js";
 import { useArrayItemEditState } from "../array-common/use-array-item-edit-state.js";
 import { observer } from "@formily/react";
 import React from "react";
@@ -85,7 +85,7 @@ const EditDrawer = observer(({ schema, onSave, onAutoSave: _onAutoSave, onCancel
 				validateAndClose();
 			},
 			children: [
-				/* @__PURE__ */ jsx(ShakeStyles, {}),
+				/* @__PURE__ */ jsx(ShakeStyles$1, {}),
 				/* @__PURE__ */ jsxs(DrawerHeader, { children: [/* @__PURE__ */ jsx(DrawerTitle, { children: title }), /* @__PURE__ */ jsx(DrawerDescription, { children: description })] }),
 				itemIndex != null && /* @__PURE__ */ jsx(ArrayItemDraftFields, {
 					as: DrawerBody,

package/dist/components/array-popover/Popover.cjs

@@ -1,7 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_use_form_context = require('../../hooks/use-form-context.cjs');
 const require_ArrayItemDraftFields = require('../array-common/ArrayItemDraftFields.cjs');
-const require_ShakeStyles = require('../array-common/ShakeStyles.cjs');
+const require_ShakeStyles = require('../../shadcn-ui/src/shake-styles/ShakeStyles.cjs');
 const require_use_array_item_edit_state = require('../array-common/use-array-item-edit-state.cjs');
 let __formily_react = require("@formily/react");
 __formily_react = require_rolldown_runtime.__toESM(__formily_react);

package/dist/components/array-popover/Popover.js

@@ -1,6 +1,6 @@
 import { useFormContext } from "../../hooks/use-form-context.js";
 import { ArrayItemDraftFields } from "../array-common/ArrayItemDraftFields.js";
-import { ShakeStyles } from "../array-common/ShakeStyles.js";
+import { ShakeStyles } from "../../shadcn-ui/src/shake-styles/ShakeStyles.js";
 import { useArrayItemEditState } from "../array-common/use-array-item-edit-state.js";
 import { observer } from "@formily/react";
 import React from "react";

package/dist/components/array-toggle-group/ArrayToggleGroup.d.ts

@@ -1,4 +1,4 @@
-import * as _formily_react0 from "@formily/react";
+import * as _formily_react102 from "@formily/react";
 import React from "react";
 import { ToggleGroupProps } from "@pixpilot/shadcn-ui";
 
@@ -60,6 +60,6 @@ interface ArrayToggleGroupProps extends Omit<ToggleGroupProps, 'value' | 'onChan
  * };
  * ```
  */
-declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react0.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
+declare const ArrayToggleGroup: React.MemoExoticComponent<_formily_react102.ReactFC<Omit<ArrayToggleGroupProps, "ref">>>;
 //#endregion
 export { ArrayToggleGroup, ArrayToggleGroupProps };

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

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

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

package/dist/components/dialog-item/BaseDialogItem.cjs

@@ -1,5 +1,4 @@
 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');
@@ -72,7 +71,7 @@ const BaseDialogItem = ({ children, label, description, trigger: triggerProp, op
 					requestClose();
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ShakeStyles.ShakeStyles, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ShakeStyles, {}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn_ui.DialogHeader, {
 						...slots?.header,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.DialogTitle, {

package/dist/components/dialog-item/BaseDialogItem.js

@@ -1,10 +1,9 @@
-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 { Button, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@pixpilot/shadcn-ui";
+import { Button, Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, ShakeStyles } from "@pixpilot/shadcn-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn as cn$1 } from "@pixpilot/shadcn";
 

package/dist/components/dialog-item/ConnectedDialogItem.d.cts

@@ -1,5 +1,5 @@
 import { DialogItemProps } from "./BaseDialogItem.cjs";
-import * as react4 from "react";
+import * as react1 from "react";
 
 //#region src/components/dialog-item/ConnectedDialogItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react4 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DialogItem: react4.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
-  children?: react4.ReactNode | undefined;
-}>, "ref"> & react4.RefAttributes<unknown>>;
+declare const DialogItem: react1.ForwardRefExoticComponent<Omit<Partial<DialogItemProps & {
+  children?: react1.ReactNode | undefined;
+}>, "ref"> & react1.RefAttributes<unknown>>;
 //#endregion
 export { DialogItem };

package/dist/components/drawer-item/BaseDrawerItem.cjs

@@ -1,5 +1,4 @@
 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');
@@ -73,7 +72,7 @@ const BaseDrawerItem = ({ children, label, description, trigger: triggerProp, op
 					requestClose();
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ShakeStyles.ShakeStyles, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ShakeStyles, {}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn_ui.DrawerHeader, {
 						...slots?.header,
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.DrawerTitle, {

package/dist/components/drawer-item/BaseDrawerItem.js

@@ -1,10 +1,9 @@
-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 { Button, Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn-ui";
+import { Button, Drawer, DrawerBody, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, ShakeStyles } from "@pixpilot/shadcn-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn as cn$1 } from "@pixpilot/shadcn";
 

package/dist/components/drawer-item/ConnectedDrawerItem.d.cts

@@ -1,5 +1,5 @@
 import { DrawerItemProps } from "./BaseDrawerItem.cjs";
-import * as react0 from "react";
+import * as react4 from "react";
 
 //#region src/components/drawer-item/ConnectedDrawerItem.d.ts
 
@@ -8,8 +8,8 @@ import * as react0 from "react";
  * Maps field label, description, and validation state onto the decorator the
  * same way FormItem does.
  */
-declare const DrawerItem: react0.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
-  children?: react0.ReactNode | undefined;
-}>, "ref"> & react0.RefAttributes<unknown>>;
+declare const DrawerItem: react4.ForwardRefExoticComponent<Omit<Partial<DrawerItemProps & {
+  children?: react4.ReactNode | undefined;
+}>, "ref"> & react4.RefAttributes<unknown>>;
 //#endregion
 export { DrawerItem };

package/dist/components/form/Form.d.cts

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

package/dist/components/form/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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { Form } from "@formily/core";
 
 //#region src/components/form/Form.d.ts
@@ -27,6 +27,6 @@ declare function Form$1({
   onAutoSubmit,
   layout,
   settings
-}: IFormProps): react_jsx_runtime1.JSX.Element;
+}: IFormProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Form$1 as Form, IFormProps };

package/dist/components/form/mcp.js

@@ -14,11 +14,48 @@ const meta = {
 		},
 		layout: "Optional layout configuration passed through the Formily shadcn form context.",
 		onAutoSubmit: "Called with submitted values after the underlying Formily form submit succeeds.",
-		settings: "Optional form settings passed through the Formily shadcn form context."
+		settings: "Optional form-wide settings passed through the Formily shadcn form context. Each key holds default props applied to every instance of that component in the form (field-level x-component-props still override them). Notably `settings.richTextEditor` accepts the full RichTextEditorProps, so you can register TipTap `extensions` (and their toolbar buttons) once for all RichTextEditor fields. See the \"RichTextEditor extensions via form settings\" example."
 	}),
 	examples: [{
 		title: "Basic Formily form",
 		code: "<Form form={form} onSubmit={(values) => save(values)}><SchemaField schema={schema} /></Form>"
+	}, {
+		title: "RichTextEditor extensions via form settings",
+		code: `import { Mark, mergeAttributes } from '@tiptap/core';
+
+// Register a custom TipTap extension (or an official package like
+// @tiptap/extension-highlight) once for every RichTextEditor field in the form.
+const Highlight = Mark.create({
+  name: 'highlight',
+  parseHTML() {
+    return [{ tag: 'mark' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(HTMLAttributes), 0];
+  },
+});
+
+<Form
+  form={form}
+  settings={{
+    richTextEditor: {
+      extensions: [Highlight],
+      toolbarItems: [
+        'bold',
+        'italic',
+        '|',
+        {
+          icon: '🖍️',
+          tooltip: 'Highlight',
+          onClick: (editor) => editor.chain().focus().toggleMark('highlight').run(),
+          isActive: (editor) => editor.isActive('highlight'),
+        },
+      ],
+    },
+  }}
+>
+  <SchemaField schema={schema} />
+</Form>`
 	}],
 	keywords: [
 		"formily",

package/dist/components/form-grid/FormGrid.d.cts

@@ -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/FormGrid.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, IFormGridProps };

package/dist/components/form-grid/FormGrid.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/FormGrid.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, IFormGridProps };

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

@@ -1,11 +1,12 @@
 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 __pixpilot_shadcn_ui = require("@pixpilot/shadcn-ui");
+__pixpilot_shadcn_ui = require_rolldown_runtime.__toESM(__pixpilot_shadcn_ui);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
@@ -72,7 +73,7 @@ const BasePopoverItem = ({ children, label, description, trigger: triggerProp, o
 					requestClose();
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ShakeStyles.ShakeStyles, {}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn_ui.ShakeStyles, {}),
 					hasHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						...slots?.header,
 						className: (0, __pixpilot_shadcn.cn)("space-y-1 pb-3", slots?.header?.className),

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

@@ -1,11 +1,11 @@
-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 { ShakeStyles } from "@pixpilot/shadcn-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Popover, PopoverContent, PopoverTrigger, cn } from "@pixpilot/shadcn";
+import { Popover, PopoverContent, PopoverTrigger, cn as cn$1 } from "@pixpilot/shadcn";
 
 //#region src/components/popover-item/BasePopoverItem.tsx
 /**
@@ -54,7 +54,7 @@ const BasePopoverItem = ({ children, label, description, trigger: triggerProp, o
 			/* @__PURE__ */ jsxs(PopoverContent, {
 				align: "start",
 				...slots?.content,
-				className: cn("w-(--radix-popover-trigger-width) min-w-72", shouldShake && "pp-shake", slots?.content?.className),
+				className: cn$1("w-(--radix-popover-trigger-width) min-w-72", shouldShake && "pp-shake", slots?.content?.className),
 				onInteractOutside: (event) => {
 					slots?.content?.onInteractOutside?.(event);
 					if (event.defaultPrevented) return;
@@ -71,22 +71,22 @@ const BasePopoverItem = ({ children, label, description, trigger: triggerProp, o
 					/* @__PURE__ */ jsx(ShakeStyles, {}),
 					hasHeader && /* @__PURE__ */ jsxs("div", {
 						...slots?.header,
-						className: cn("space-y-1 pb-3", slots?.header?.className),
+						className: cn$1("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),
+							className: cn$1("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),
+							className: cn$1("text-muted-foreground text-sm", slots?.description?.className),
 							children: overlayDescription
 						})]
 					}),
 					open && /* @__PURE__ */ jsxs("div", {
 						...slots?.body,
-						className: cn("grid", gapClass, slots?.body?.className),
+						className: cn$1("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"),
+							className: cn$1("text-[0.8rem]", feedbackStatus === "error" && "text-destructive font-medium", feedbackStatus === "warning" && "text-amber-600", feedbackStatus === "success" && "text-green-600"),
 							children: feedbackText
 						})]
 					})

package/dist/components/radio/Radio.d.cts

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

package/dist/components/radio/Radio.d.ts

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

package/dist/components/rich-text-editor/mcp.js

@@ -11,7 +11,7 @@ const meta = {
 		editable: "Forwarded to the underlying UI component.",
 		editorProps: "Forwarded to the underlying UI component.",
 		immediatelyRender: "Forwarded to the underlying UI component.",
-		extensions: "Forwarded to the underlying UI component.",
+		extensions: "Additional TipTap extensions forwarded to the underlying UI component, appended to the built-in ones (StarterKit, Link, TextAlign, Placeholder). Accepts any TipTap Extension, Node, or Mark. In schema forms pass them via `x-component-props.extensions`. See the \"Add a custom extension\" example.",
 		slots: "Slot props for customizing internal rendered parts.",
 		showToolbar: "Forwarded to the underlying UI component.",
 		toolbarItems: "Forwarded to the underlying UI component.",
@@ -20,12 +20,14 @@ const meta = {
 		allowLinkTarget: "Forwarded to the underlying UI component.",
 		openOnClick: "Forwarded to the underlying UI component."
 	}),
-	examples: [{
-		title: "Declarative schema field",
-		code: `<SchemaField.String name="richTextEditor" title="RichTextEditor" x-decorator="FormItem" x-component="RichTextEditor" />`
-	}, {
-		title: "JSON schema for form renderer",
-		code: `{
+	examples: [
+		{
+			title: "Declarative schema field",
+			code: `<SchemaField.String name="richTextEditor" title="RichTextEditor" x-decorator="FormItem" x-component="RichTextEditor" />`
+		},
+		{
+			title: "JSON schema for form renderer",
+			code: `{
   type: 'object',
   properties: {
     richTextEditor: {
@@ -36,7 +38,50 @@ const meta = {
     },
   },
 }`
-	}],
+		},
+		{
+			title: "Add a custom extension via x-component-props",
+			code: `import { Mark, mergeAttributes } from '@tiptap/core';
+
+// Any Mark.create / Node.create / Extension.create result (or an official
+// package like @tiptap/extension-highlight) can be passed to \`extensions\`.
+const Highlight = Mark.create({
+  name: 'highlight',
+  parseHTML() {
+    return [{ tag: 'mark' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ['mark', mergeAttributes(HTMLAttributes), 0];
+  },
+});
+
+const schema = {
+  type: 'object',
+  properties: {
+    richText: {
+      type: 'string',
+      title: 'Rich Text Editor',
+      'x-decorator': 'FormItem',
+      'x-component': 'RichTextEditor',
+      'x-component-props': {
+        extensions: [Highlight],
+        toolbarItems: [
+          'bold',
+          'italic',
+          '|',
+          {
+            icon: '🖍️',
+            tooltip: 'Highlight',
+            onClick: (editor) => editor.chain().focus().toggleMark('highlight').run(),
+            isActive: (editor) => editor.isActive('highlight'),
+          },
+        ],
+      },
+    },
+  },
+};`
+		}
+	],
 	keywords: [
 		"formily",
 		"rich text",

package/dist/components/row/Row.d.cts

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

package/dist/components/row/Row.d.ts

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