@prosekit/react 0.6.9 → 0.7.0-beta.1

package/dist/prosekit-react-inline-popover.d.ts

@@ -1,13 +1,208 @@
-import { t as CreateProps } from "./create-props.js";
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
-import { InlinePopoverElement, InlinePopoverEvents, InlinePopoverProps as InlinePopoverProps$1 } from "@prosekit/web/inline-popover";
+import { InlinePopoverPopupElement, InlinePopoverPositionerElement, InlinePopoverPositionerProps as InlinePopoverPositionerProps$1, InlinePopoverRootElement, InlinePopoverRootEvents, InlinePopoverRootProps as InlinePopoverRootProps$1, OpenChangeEvent } from "@prosekit/web/inline-popover";
 
-//#region src/components/inline-popover/inline-popover.gen.d.ts
+//#region src/components/inline-popover/inline-popover-popup.gen.d.ts
 /**
- * Props for the {@link InlinePopover} component.
+ * Props for the {@link InlinePopoverPopup} React component.
+ *
+ * @public
  */
-interface InlinePopoverProps extends Partial<CreateProps<InlinePopoverProps$1, InlinePopoverEvents>> {}
-declare const InlinePopover: ForwardRefExoticComponent<InlinePopoverProps & RefAttributes<InlinePopoverElement> & HTMLAttributes<InlinePopoverElement>>;
+interface InlinePopoverPopupProps extends HTMLAttributes<InlinePopoverPopupElement> {}
+/**
+ * A React component that renders an `prosekit-inline-popover-popup` custom element.
+ *
+ * @public
+ */
+declare const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & RefAttributes<InlinePopoverPopupElement>>;
+//#endregion
+//#region src/components/inline-popover/inline-popover-positioner.gen.d.ts
+/**
+ * Props for the {@link InlinePopoverPositioner} React component.
+ *
+ * @public
+ */
+interface InlinePopoverPositionerProps extends HTMLAttributes<InlinePopoverPositionerElement> {
+  /**
+   * The initial placement of the floating element
+   *
+   * @default "top"
+   */
+  placement?: InlinePopoverPositionerProps$1['placement'];
+  /**
+   * The distance between the reference and floating element.
+   *
+   * @default 12
+   */
+  offset?: InlinePopoverPositionerProps$1['offset'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default true
+   */
+  hide?: InlinePopoverPositionerProps$1['hide'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default true
+   */
+  overlap?: InlinePopoverPositionerProps$1['overlap'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default true
+   */
+  inline?: InlinePopoverPositionerProps$1['inline'];
+  /**
+   * Describes the virtual padding around the boundary to check for overflow.
+   *
+   * @default 8
+   */
+  overflowPadding?: InlinePopoverPositionerProps$1['overflowPadding'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: InlinePopoverPositionerProps$1['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: InlinePopoverPositionerProps$1['autoUpdate'];
+  /**
+   * Whether to use the browser Popover API to place the floating element on
+   * top of other page content.
+   *
+   * @default true
+   */
+  hoist?: InlinePopoverPositionerProps$1['hoist'];
+  /**
+   * Whether to flip the `placement` in order to keep it in view when the
+   * preferred placement(s) will overflow the clipping boundary. You can also
+   * provide an array of placements to try sequentially if the preferred
+   * `placement` does not fit.
+   *
+   * @default true
+   */
+  flip?: InlinePopoverPositionerProps$1['flip'];
+  /**
+   * Whether the floating element should shift to keep it in view.
+   *
+   * @default true
+   */
+  shift?: InlinePopoverPositionerProps$1['shift'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: InlinePopoverPositionerProps$1['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: InlinePopoverPositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: InlinePopoverPositionerProps$1['sameHeight'];
+  /**
+   * Describes the clipping element(s) or area that overflow will be checked relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
+   *
+   * @default 'clippingAncestors'
+   */
+  boundary?: InlinePopoverPositionerProps$1['boundary'];
+  /**
+   * Describes the root boundary that the element will be checked for overflow relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
+   *
+   * @default 'viewport'
+   */
+  rootBoundary?: InlinePopoverPositionerProps$1['rootBoundary'];
+  /**
+   * The element that will be used to check for overflow. Please see
+   * https://floating-ui.com/docs/detectoverflow#elementcontext for more
+   * information.
+   *
+   * @default 'floating'
+   */
+  elementContext?: InlinePopoverPositionerProps$1['elementContext'];
+  /**
+   * Whether to check the alternate elementContext's boundary. Please see
+   * https://floating-ui.com/docs/detectoverflow#altboundary for more
+   * information.
+   *
+   * @default false
+   */
+  altBoundary?: InlinePopoverPositionerProps$1['altBoundary'];
+}
+/**
+ * A React component that renders an `prosekit-inline-popover-positioner` custom element.
+ *
+ * @public
+ */
+declare const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & RefAttributes<InlinePopoverPositionerElement>>;
+//#endregion
+//#region src/components/inline-popover/inline-popover-root.gen.d.ts
+/**
+ * Props for the {@link InlinePopoverRoot} React component.
+ *
+ * @public
+ */
+interface InlinePopoverRootProps extends HTMLAttributes<InlinePopoverRootElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: InlinePopoverRootProps$1['editor'];
+  /**
+   * Whether the popover is open by default when some inline content is
+   * selected.
+   *
+   * @default true
+   */
+  defaultOpen?: InlinePopoverRootProps$1['defaultOpen'];
+  /**
+   * Whether the inline popover should be dismissed when the editor receives an
+   * Escape key press.
+   *
+   * @default true
+   */
+  dismissOnEscape?: InlinePopoverRootProps$1['dismissOnEscape'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: InlinePopoverRootProps$1['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: InlinePopoverRootProps$1['disabled'];
+  /** */
+  onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;
+}
+/**
+ * A React component that renders an `prosekit-inline-popover-root` custom element.
+ *
+ * @public
+ */
+declare const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & RefAttributes<InlinePopoverRootElement>>;
 //#endregion
-export { InlinePopover, type InlinePopoverProps };
+export { InlinePopoverPopup, type InlinePopoverPopupProps, InlinePopoverPositioner, type InlinePopoverPositionerProps, InlinePopoverRoot, type InlinePopoverRootEvents, type InlinePopoverRootProps, OpenChangeEvent };
 //# sourceMappingURL=prosekit-react-inline-popover.d.ts.map

package/dist/prosekit-react-inline-popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,yBAAA,CAC1B,kBAAA,GACA,aAAA,CAAc,oBAAA,IACd,cAAA,CAAe,oBAAA"}
+{"version":3,"file":"prosekit-react-inline-popover.d.ts","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts"],"mappings":";;;;;;;;AAyCA;UA7BiB,uBAAA,SAAgC,cAAA,CAAe,yBAAA;;;;;;cA6BnD,kBAAA,EAAoB,yBAAA,CAA0B,uBAAA,GAA0B,aAAA,CAAc,yBAAA;;;;;;;AAAnG;UC7BiB,4BAAA,SAAqC,cAAA,CAAe,8BAAA;;;;;;EAMnE,SAAA,GAAY,8BAAA;EDuB4C;;;;;ECjBxD,MAAA,GAAS,8BAAA;EDiBiH;;;;AC7B5H;;EAmBE,IAAA,GAAO,8BAAA;EAnB4D;;;;;;EA0BnE,OAAA,GAAU,8BAAA;EAmBC;;;;;;EAZX,MAAA,GAAS,8BAAA;EA+DI;;;;;EAzDb,eAAA,GAAkB,8BAAA;EAvCgD;;;;;EA6ClE,QAAA,GAAW,8BAAA;EAjCX;;;;;;;EAyCA,UAAA,GAAa,8BAAA;EAdb;;;;;;EAqBA,KAAA,GAAQ,8BAAA;EAAA;;;;;;;;EASR,IAAA,GAAO,8BAAA;EA2BP;;;;;EArBA,KAAA,GAAQ,8BAAA;EA2CR;;;;;;EApCA,WAAA,GAAc,8BAAA;EAgF4L;;;;;;EAzE1M,SAAA,GAAY,8BAAA;EAyEiD;;;;;;EAlE7D,UAAA,GAAa,8BAAA;;;;AC9Ff;;;EDqGE,QAAA,GAAW,8BAAA;EC9FF;;;;;;EDqGT,YAAA,GAAe,8BAAA;EC5G6C;;;;;;;EDoH5D,cAAA,GAAiB,8BAAA;EC/FjB;;;;;;;EDuGA,WAAA,GAAc,8BAAA;AAAA;;;ACnChB;;;cDuEa,uBAAA,EAAyB,yBAAA,CAA0B,4BAAA,GAA+B,aAAA,CAAc,8BAAA;;;;;;;ADrI7G;UE3BiB,sBAAA,SAA+B,cAAA,CAAe,wBAAA;;;;;;;EAO7D,MAAA,GAAS,wBAAA;EFoBsB;;;;;;EEb/B,WAAA,GAAc,wBAAA;;;ADhBhB;;;;ECuBE,eAAA,GAAkB,wBAAA;EDXT;;;;ECgBT,IAAA,GAAO,wBAAA;EDiBI;;;;ECZX,QAAA,GAAW,wBAAA;EDiDG;EC/Cd,YAAA,IAAgB,KAAA,EAAO,uBAAA;AAAA;;;;;;cAwDZ,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,aAAA,CAAc,wBAAA"}

package/dist/prosekit-react-inline-popover.js

@@ -1,8 +1,131 @@
-import { t as createComponent } from "./create-component.js";
-import { inlinePopoverEvents, inlinePopoverProps } from "@prosekit/web/inline-popover";
-//#region src/components/inline-popover/inline-popover.gen.ts
-const InlinePopover = createComponent("prosekit-inline-popover", "InlinePopover", Object.keys(inlinePopoverProps), Object.keys(inlinePopoverEvents));
+import { n as useEditorContext } from "./editor-context.js";
+import { createElement, forwardRef, useCallback, useLayoutEffect, useRef } from "react";
+import { OpenChangeEvent, registerInlinePopoverPopupElement, registerInlinePopoverPositionerElement, registerInlinePopoverRootElement } from "@prosekit/web/inline-popover";
+//#region src/components/inline-popover/inline-popover-popup.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function InlinePopoverPopupComponent(props, forwardedRef) {
+	registerInlinePopoverPopupElement();
+	const elementRef = useRef(null);
+	const { ...restProps } = props;
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-inline-popover-popup", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-inline-popover-popup` custom element.
+*
+* @public
+*/
+const InlinePopoverPopup = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);
 //#endregion
-export { InlinePopover };
+//#region src/components/inline-popover/inline-popover-positioner.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function InlinePopoverPositionerComponent(props, forwardedRef) {
+	registerInlinePopoverPositionerElement();
+	const elementRef = useRef(null);
+	const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, {
+			altBoundary: p0,
+			autoUpdate: p1,
+			boundary: p2,
+			elementContext: p3,
+			fitViewport: p4,
+			flip: p5,
+			hide: p6,
+			hoist: p7,
+			inline: p8,
+			offset: p9,
+			overflowPadding: p10,
+			overlap: p11,
+			placement: p12,
+			rootBoundary: p13,
+			sameHeight: p14,
+			sameWidth: p15,
+			shift: p16,
+			strategy: p17
+		});
+	});
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-inline-popover-positioner", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-inline-popover-positioner` custom element.
+*
+* @public
+*/
+const InlinePopoverPositioner = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);
+//#endregion
+//#region src/components/inline-popover/inline-popover-root.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function InlinePopoverRootComponent(props, forwardedRef) {
+	registerInlinePopoverRootElement();
+	const elementRef = useRef(null);
+	const handlersRef = useRef([]);
+	const p3Fallback = useEditorContext();
+	const { defaultOpen: p0, disabled: p1, dismissOnEscape: p2, editor: p3, open: p4, onOpenChange: e0, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, {
+			defaultOpen: p0,
+			disabled: p1,
+			dismissOnEscape: p2,
+			editor: p3 ?? p3Fallback,
+			open: p4
+		});
+		handlersRef.current = [e0];
+	});
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlersRef.current[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	}, []);
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-inline-popover-root", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-inline-popover-root` custom element.
+*
+* @public
+*/
+const InlinePopoverRoot = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);
+//#endregion
+export { InlinePopoverPopup, InlinePopoverPositioner, InlinePopoverRoot, OpenChangeEvent };
 
 //# sourceMappingURL=prosekit-react-inline-popover.js.map

package/dist/prosekit-react-inline-popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover.gen.ts"],"sourcesContent":["import {\n  type InlinePopoverElement,\n  type InlinePopoverProps as Props,\n  type InlinePopoverEvents as Events,\n  inlinePopoverProps,\n  inlinePopoverEvents,\n} from '@prosekit/web/inline-popover'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link InlinePopover} component.\n */\nexport interface InlinePopoverProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const InlinePopover: ForwardRefExoticComponent<\n  InlinePopoverProps &\n  RefAttributes<InlinePopoverElement> &\n  HTMLAttributes<InlinePopoverElement>\n> = createComponent<\n  InlinePopoverProps,\n  InlinePopoverElement\n>(\n  'prosekit-inline-popover',\n  'InlinePopover',\n  Object.keys(inlinePopoverProps),\n  Object.keys(inlinePopoverEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-react-inline-popover.js","names":[],"sources":["../src/components/inline-popover/inline-popover-popup.gen.ts","../src/components/inline-popover/inline-popover-positioner.gen.ts","../src/components/inline-popover/inline-popover-root.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverPopupElement, type InlinePopoverPopupElement } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/**\n * Props for the {@link InlinePopoverPopup} React component.\n *\n * @public\n */\nexport interface InlinePopoverPopupProps extends HTMLAttributes<InlinePopoverPopupElement> {}\n\nfunction InlinePopoverPopupComponent(props: InlinePopoverPopupProps, forwardedRef: ForwardedRef<InlinePopoverPopupElement>) {\n  registerInlinePopoverPopupElement();\n\n  const elementRef = useRef<InlinePopoverPopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: InlinePopoverPopupElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-inline-popover-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-popup` custom element.\n *\n * @public\n */\nexport const InlinePopoverPopup: ForwardRefExoticComponent<InlinePopoverPopupProps & RefAttributes<InlinePopoverPopupElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverPositionerElement, type InlinePopoverPositionerElement, type InlinePopoverPositionerProps as InlinePopoverPositionerElementProps } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link InlinePopoverPositioner} React component.\n *\n * @public\n */\nexport interface InlinePopoverPositionerProps extends HTMLAttributes<InlinePopoverPositionerElement> {\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: InlinePopoverPositionerElementProps['placement'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 12\n   */\n  offset?: InlinePopoverPositionerElementProps['offset'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default true\n   */\n  hide?: InlinePopoverPositionerElementProps['hide'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default true\n   */\n  overlap?: InlinePopoverPositionerElementProps['overlap'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default true\n   */\n  inline?: InlinePopoverPositionerElementProps['inline'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   *\n   * @default 8\n   */\n  overflowPadding?: InlinePopoverPositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: InlinePopoverPositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: InlinePopoverPositionerElementProps['autoUpdate'];\n  /**\n   * Whether to use the browser Popover API to place the floating element on\n   * top of other page content.\n   *\n   * @default true\n   */\n  hoist?: InlinePopoverPositionerElementProps['hoist'];\n  /**\n   * Whether to flip the `placement` in order to keep it in view when the\n   * preferred placement(s) will overflow the clipping boundary. You can also\n   * provide an array of placements to try sequentially if the preferred\n   * `placement` does not fit.\n   *\n   * @default true\n   */\n  flip?: InlinePopoverPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: InlinePopoverPositionerElementProps['shift'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: InlinePopoverPositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: InlinePopoverPositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: InlinePopoverPositionerElementProps['sameHeight'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: InlinePopoverPositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: InlinePopoverPositionerElementProps['rootBoundary'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: InlinePopoverPositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: InlinePopoverPositionerElementProps['altBoundary'];\n}\n\nfunction InlinePopoverPositionerComponent(props: InlinePopoverPositionerProps, forwardedRef: ForwardedRef<InlinePopoverPositionerElement>) {\n  registerInlinePopoverPositionerElement();\n\n  const elementRef = useRef<InlinePopoverPositionerElement>(null);\n\n  const { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { altBoundary: p0, autoUpdate: p1, boundary: p2, elementContext: p3, fitViewport: p4, flip: p5, hide: p6, hoist: p7, inline: p8, offset: p9, overflowPadding: p10, overlap: p11, placement: p12, rootBoundary: p13, sameHeight: p14, sameWidth: p15, shift: p16, strategy: p17 });\n  });\n\n  const mergedRef = useCallback(\n    (element: InlinePopoverPositionerElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-inline-popover-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-positioner` custom element.\n *\n * @public\n */\nexport const InlinePopoverPositioner: ForwardRefExoticComponent<InlinePopoverPositionerProps & RefAttributes<InlinePopoverPositionerElement>> = /* @__PURE__ */ forwardRef(InlinePopoverPositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerInlinePopoverRootElement, type InlinePopoverRootElement, type InlinePopoverRootProps as InlinePopoverRootElementProps, type InlinePopoverRootEvents } from '@prosekit/web/inline-popover';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link InlinePopoverRoot} React component.\n *\n * @public\n */\nexport interface InlinePopoverRootProps extends HTMLAttributes<InlinePopoverRootElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: InlinePopoverRootElementProps['editor'];\n  /**\n   * Whether the popover is open by default when some inline content is\n   * selected.\n   *\n   * @default true\n   */\n  defaultOpen?: InlinePopoverRootElementProps['defaultOpen'];\n  /**\n   * Whether the inline popover should be dismissed when the editor receives an\n   * Escape key press.\n   *\n   * @default true\n   */\n  dismissOnEscape?: InlinePopoverRootElementProps['dismissOnEscape'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: InlinePopoverRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: InlinePopoverRootElementProps['disabled'];\n  /** */\n  onOpenChange?: (event: InlinePopoverRootEvents['openChange']) => void;\n}\n\nfunction InlinePopoverRootComponent(props: InlinePopoverRootProps, forwardedRef: ForwardedRef<InlinePopoverRootElement>) {\n  registerInlinePopoverRootElement();\n\n  const elementRef = useRef<InlinePopoverRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p3Fallback = useEditorContext();\n\n  const { defaultOpen: p0, disabled: p1, dismissOnEscape: p2, editor: p3, open: p4, onOpenChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { defaultOpen: p0, disabled: p1, dismissOnEscape: p2, editor: p3 ?? p3Fallback, open: p4 });\n    handlersRef.current = [e0] as Array<((event: Event) => void) | undefined>;\n  });\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event: Event) => {\n          handlersRef.current[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  }, []);\n\n  const mergedRef = useCallback(\n    (element: InlinePopoverRootElement | null) => {\n      elementRef.current = element;\n      if (typeof forwardedRef === 'function') {\n        forwardedRef(element);\n      } else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n    },\n    [forwardedRef],\n  );\n\n  return createElement('prosekit-inline-popover-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-inline-popover-root` custom element.\n *\n * @public\n */\nexport const InlinePopoverRoot: ForwardRefExoticComponent<InlinePopoverRootProps & RefAttributes<InlinePopoverRootElement>> = /* @__PURE__ */ forwardRef(InlinePopoverRootComponent);\n\nexport type { InlinePopoverRootEvents };\n"],"mappings":";;;;;;;AAcA,SAAS,4BAA4B,OAAgC,cAAuD;AAC1H,oCAAmC;CAEnC,MAAM,aAAa,OAAkC,KAAK;CAE1D,MAAM,EAAE,GAAG,cAAc;CAEzB,MAAM,YAAY,aACf,YAA8C;AAC7C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,iCAAiC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQzH,MAAa,qBAAoI,2BAAW,4BAA4B;;;;;;ACoGxL,SAAS,iCAAiC,OAAqC,cAA4D;AACzI,yCAAwC;CAExC,MAAM,aAAa,OAAuC,KAAK;CAE/D,MAAM,EAAE,aAAa,IAAI,YAAY,IAAI,UAAU,IAAI,gBAAgB,IAAI,aAAa,IAAI,MAAM,IAAI,MAAM,IAAI,OAAO,IAAI,QAAQ,IAAI,QAAQ,IAAI,iBAAiB,KAAK,SAAS,KAAK,WAAW,KAAK,cAAc,KAAK,YAAY,KAAK,WAAW,KAAK,OAAO,KAAK,UAAU,KAAK,GAAG,cAAc;AAEvS,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,YAAY;GAAI,UAAU;GAAI,gBAAgB;GAAI,aAAa;GAAI,MAAM;GAAI,MAAM;GAAI,OAAO;GAAI,QAAQ;GAAI,QAAQ;GAAI,iBAAiB;GAAK,SAAS;GAAK,WAAW;GAAK,cAAc;GAAK,YAAY;GAAK,WAAW;GAAK,OAAO;GAAK,UAAU;GAAK,CAAC;GACxS;CAEF,MAAM,YAAY,aACf,YAAmD;AAClD,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,sCAAsC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQ9H,MAAa,0BAAmJ,2BAAW,iCAAiC;;;;;;AC5H5M,SAAS,2BAA2B,OAA+B,cAAsD;AACvH,mCAAkC;CAElC,MAAM,aAAa,OAAiC,KAAK;CACzD,MAAM,cAAc,OAAoD,EAAE,CAAC;CAE3E,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,aAAa,IAAI,UAAU,IAAI,iBAAiB,IAAI,QAAQ,IAAI,MAAM,IAAI,cAAc,IAAI,GAAG,cAAc;AAErH,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,aAAa;GAAI,UAAU;GAAI,iBAAiB;GAAI,QAAQ,MAAM;GAAY,MAAM;GAAI,CAAC;AAClH,cAAY,UAAU,CAAC,GAAG;GAC1B;AAEF,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;EACd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,aAAa,CAAC,SAAS,CACvD,SAAQ,iBACN,YACC,UAAiB;AAChB,eAAY,QAAQ,SAAS,MAAM;KAErC,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;IACtB,EAAE,CAAC;CAEN,MAAM,YAAY,aACf,YAA6C;AAC5C,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,gCAAgC;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQxH,MAAa,oBAAiI,2BAAW,2BAA2B"}

package/dist/prosekit-react-menu.d.ts

@@ -0,0 +1,287 @@
+import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
+import { MenuItemElement, MenuItemEvents, MenuItemProps as MenuItemProps$1, MenuPopupElement, MenuPopupProps as MenuPopupProps$1, MenuPositionerElement, MenuPositionerProps as MenuPositionerProps$1, MenuRootElement, MenuRootEvents, MenuRootProps as MenuRootProps$1, MenuSubmenuRootElement, MenuSubmenuTriggerElement, MenuTriggerElement, MenuTriggerEvents, MenuTriggerProps as MenuTriggerProps$1, OpenChangeEvent, SelectEvent } from "@prosekit/web/menu";
+
+//#region src/components/menu/menu-item.gen.d.ts
+/**
+ * Props for the {@link MenuItem} React component.
+ *
+ * @public
+ */
+interface MenuItemProps extends Omit<HTMLAttributes<MenuItemElement>, 'onSelect'> {
+  /**
+   * The unique value for this menu item.
+   *
+   * @default ""
+   */
+  value?: MenuItemProps$1['value'];
+  /**
+   * Whether this menu item is disabled.
+   *
+   * @default false
+   */
+  disabled?: MenuItemProps$1['disabled'];
+  /**
+   * Whether to close the menu when the item is pressed.
+   *
+   * @default true
+   */
+  closeOnSelect?: MenuItemProps$1['closeOnSelect'];
+  /** Emitted when the the item is selected. */
+  onSelect?: (event: MenuItemEvents['select']) => void;
+}
+/**
+ * A React component that renders an `prosekit-menu-item` custom element.
+ *
+ * @public
+ */
+declare const MenuItem: ForwardRefExoticComponent<MenuItemProps & RefAttributes<MenuItemElement>>;
+//#endregion
+//#region src/components/menu/menu-popup.gen.d.ts
+/**
+ * Props for the {@link MenuPopup} React component.
+ *
+ * @public
+ */
+interface MenuPopupProps extends HTMLAttributes<MenuPopupElement> {
+  /**
+   * By default, the MenuPopup element will listen for keydown events.
+   * You can pass a different element to listen for keydown events.
+   *
+   * @default null
+   */
+  eventTarget?: MenuPopupProps$1['eventTarget'];
+}
+/**
+ * A React component that renders an `prosekit-menu-popup` custom element.
+ *
+ * @public
+ */
+declare const MenuPopup: ForwardRefExoticComponent<MenuPopupProps & RefAttributes<MenuPopupElement>>;
+//#endregion
+//#region src/components/menu/menu-positioner.gen.d.ts
+/**
+ * Props for the {@link MenuPositioner} React component.
+ *
+ * @public
+ */
+interface MenuPositionerProps extends HTMLAttributes<MenuPositionerElement> {
+  /**
+   * The initial placement of the floating element
+   *
+   * @default "bottom-start"
+   */
+  placement?: MenuPositionerProps$1['placement'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: MenuPositionerProps$1['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: MenuPositionerProps$1['autoUpdate'];
+  /**
+   * Whether to use the browser Popover API to place the floating element on
+   * top of other page content.
+   *
+   * @default true
+   */
+  hoist?: MenuPositionerProps$1['hoist'];
+  /**
+   * The distance between the reference and floating element.
+   *
+   * @default 6
+   */
+  offset?: MenuPositionerProps$1['offset'];
+  /**
+   * Whether to flip the `placement` in order to keep it in view when the
+   * preferred placement(s) will overflow the clipping boundary. You can also
+   * provide an array of placements to try sequentially if the preferred
+   * `placement` does not fit.
+   *
+   * @default true
+   */
+  flip?: MenuPositionerProps$1['flip'];
+  /**
+   * Whether the floating element should shift to keep it in view.
+   *
+   * @default true
+   */
+  shift?: MenuPositionerProps$1['shift'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: MenuPositionerProps$1['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: MenuPositionerProps$1['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: MenuPositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: MenuPositionerProps$1['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: MenuPositionerProps$1['inline'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default false
+   */
+  hide?: MenuPositionerProps$1['hide'];
+  /**
+   * Describes the clipping element(s) or area that overflow will be checked relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.
+   *
+   * @default 'clippingAncestors'
+   */
+  boundary?: MenuPositionerProps$1['boundary'];
+  /**
+   * Describes the root boundary that the element will be checked for overflow relative to.
+   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.
+   *
+   * @default 'viewport'
+   */
+  rootBoundary?: MenuPositionerProps$1['rootBoundary'];
+  /**
+   * Describes the virtual padding around the boundary to check for overflow.
+   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.
+   *
+   * @default 4
+   */
+  overflowPadding?: MenuPositionerProps$1['overflowPadding'];
+  /**
+   * The element that will be used to check for overflow. Please see
+   * https://floating-ui.com/docs/detectoverflow#elementcontext for more
+   * information.
+   *
+   * @default 'floating'
+   */
+  elementContext?: MenuPositionerProps$1['elementContext'];
+  /**
+   * Whether to check the alternate elementContext's boundary. Please see
+   * https://floating-ui.com/docs/detectoverflow#altboundary for more
+   * information.
+   *
+   * @default false
+   */
+  altBoundary?: MenuPositionerProps$1['altBoundary'];
+}
+/**
+ * A React component that renders an `prosekit-menu-positioner` custom element.
+ *
+ * @public
+ */
+declare const MenuPositioner: ForwardRefExoticComponent<MenuPositionerProps & RefAttributes<MenuPositionerElement>>;
+//#endregion
+//#region src/components/menu/menu-root.gen.d.ts
+/**
+ * Props for the {@link MenuRoot} React component.
+ *
+ * @public
+ */
+interface MenuRootProps extends HTMLAttributes<MenuRootElement> {
+  /**
+   * Whether the overlay is initially open.
+   * @default false
+   */
+  defaultOpen?: MenuRootProps$1['defaultOpen'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: MenuRootProps$1['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: MenuRootProps$1['disabled'];
+  /** Emitted when the menu is opened or closed. */
+  onOpenChange?: (event: MenuRootEvents['openChange']) => void;
+}
+/**
+ * A React component that renders an `prosekit-menu-root` custom element.
+ *
+ * @public
+ */
+declare const MenuRoot: ForwardRefExoticComponent<MenuRootProps & RefAttributes<MenuRootElement>>;
+//#endregion
+//#region src/components/menu/menu-submenu-root.gen.d.ts
+/**
+ * Props for the {@link MenuSubmenuRoot} React component.
+ *
+ * @public
+ */
+interface MenuSubmenuRootProps extends HTMLAttributes<MenuSubmenuRootElement> {}
+/**
+ * A React component that renders an `prosekit-menu-submenu-root` custom element.
+ *
+ * @public
+ */
+declare const MenuSubmenuRoot: ForwardRefExoticComponent<MenuSubmenuRootProps & RefAttributes<MenuSubmenuRootElement>>;
+//#endregion
+//#region src/components/menu/menu-submenu-trigger.gen.d.ts
+/**
+ * Props for the {@link MenuSubmenuTrigger} React component.
+ *
+ * @public
+ */
+interface MenuSubmenuTriggerProps extends HTMLAttributes<MenuSubmenuTriggerElement> {}
+/**
+ * A React component that renders an `prosekit-menu-submenu-trigger` custom element.
+ *
+ * @public
+ */
+declare const MenuSubmenuTrigger: ForwardRefExoticComponent<MenuSubmenuTriggerProps & RefAttributes<MenuSubmenuTriggerElement>>;
+//#endregion
+//#region src/components/menu/menu-trigger.gen.d.ts
+/**
+ * Props for the {@link MenuTrigger} React component.
+ *
+ * @public
+ */
+interface MenuTriggerProps extends HTMLAttributes<MenuTriggerElement> {
+  /**
+   * Whether the component should ignore user interaction.
+   *
+   * @default false
+   */
+  disabled?: MenuTriggerProps$1['disabled'];
+  /** Emitted when the menu is opened or closed. */
+  onOpenChange?: (event: MenuTriggerEvents['openChange']) => void;
+}
+/**
+ * A React component that renders an `prosekit-menu-trigger` custom element.
+ *
+ * @public
+ */
+declare const MenuTrigger: ForwardRefExoticComponent<MenuTriggerProps & RefAttributes<MenuTriggerElement>>;
+//#endregion
+export { MenuItem, type MenuItemEvents, type MenuItemProps, MenuPopup, type MenuPopupProps, MenuPositioner, type MenuPositionerProps, MenuRoot, type MenuRootEvents, type MenuRootProps, MenuSubmenuRoot, type MenuSubmenuRootProps, MenuSubmenuTrigger, type MenuSubmenuTriggerProps, MenuTrigger, type MenuTriggerEvents, type MenuTriggerProps, OpenChangeEvent, SelectEvent };
+//# sourceMappingURL=prosekit-react-menu.d.ts.map