@prosekit/preact 0.7.0-beta.0 → 0.7.0-beta.1

package/dist/prosekit-preact-block-handle.d.ts

@@ -1,27 +1,223 @@
-import { t as CreateProps } from "./create-props.js";
-import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "preact/compat";
-import { BlockHandleAddElement, BlockHandleAddEvents, BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableElement, BlockHandleDraggableEvents, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePopoverElement, BlockHandlePopoverEvents, BlockHandlePopoverProps as BlockHandlePopoverProps$1 } from "@prosekit/web/block-handle";
+import { HTMLAttributes } from "preact";
+import { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+import { BlockHandleAddElement, BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableElement, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePopupElement, BlockHandlePositionerElement, BlockHandlePositionerProps as BlockHandlePositionerProps$1, BlockHandleRootElement, BlockHandleRootEvents, BlockHandleRootProps as BlockHandleRootProps$1, BlockHandleStateChangeEvent } from "@prosekit/web/block-handle";
 
 //#region src/components/block-handle/block-handle-add.gen.d.ts
 /**
- * Props for the {@link BlockHandleAdd} component.
+ * Props for the {@link BlockHandleAdd} Preact component.
+ *
+ * @public
  */
-interface BlockHandleAddProps extends Partial<CreateProps<BlockHandleAddProps$1, BlockHandleAddEvents>> {}
-declare const BlockHandleAdd: ForwardRefExoticComponent<Partial<BlockHandleAddProps> & RefAttributes<BlockHandleAddElement> & HTMLAttributes<BlockHandleAddElement>>;
+interface BlockHandleAddProps extends HTMLAttributes<BlockHandleAddElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleAddProps$1['editor'];
+}
+/**
+ * A Preact component that renders an `prosekit-block-handle-add` custom element.
+ *
+ * @public
+ */
+declare const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & RefAttributes<BlockHandleAddElement>>;
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.d.ts
 /**
- * Props for the {@link BlockHandleDraggable} component.
+ * Props for the {@link BlockHandleDraggable} Preact component.
+ *
+ * @public
+ */
+interface BlockHandleDraggableProps extends HTMLAttributes<BlockHandleDraggableElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleDraggableProps$1['editor'];
+}
+/**
+ * A Preact component that renders an `prosekit-block-handle-draggable` custom element.
+ *
+ * @public
+ */
+declare const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & RefAttributes<BlockHandleDraggableElement>>;
+//#endregion
+//#region src/components/block-handle/block-handle-popup.gen.d.ts
+/**
+ * Props for the {@link BlockHandlePopup} Preact component.
+ *
+ * @public
+ */
+interface BlockHandlePopupProps extends HTMLAttributes<BlockHandlePopupElement> {}
+/**
+ * A Preact component that renders an `prosekit-block-handle-popup` custom element.
+ *
+ * @public
+ */
+declare const BlockHandlePopup: ForwardRefExoticComponent<BlockHandlePopupProps & RefAttributes<BlockHandlePopupElement>>;
+//#endregion
+//#region src/components/block-handle/block-handle-positioner.gen.d.ts
+/**
+ * Props for the {@link BlockHandlePositioner} Preact component.
+ *
+ * @public
  */
-interface BlockHandleDraggableProps extends Partial<CreateProps<BlockHandleDraggableProps$1, BlockHandleDraggableEvents>> {}
-declare const BlockHandleDraggable: ForwardRefExoticComponent<Partial<BlockHandleDraggableProps> & RefAttributes<BlockHandleDraggableElement> & HTMLAttributes<BlockHandleDraggableElement>>;
+interface BlockHandlePositionerProps extends HTMLAttributes<BlockHandlePositionerElement> {
+  /**
+   * The placement of the popover, relative to the hovered block.
+   *
+   * @default "left"
+   */
+  placement?: BlockHandlePositionerProps$1['placement'];
+  /**
+   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+   * to place the floating element on top of other page content.
+   *
+   * @default false
+   */
+  hoist?: BlockHandlePositionerProps$1['hoist'];
+  /**
+   * @default false
+   * @hidden
+   */
+  flip?: BlockHandlePositionerProps$1['flip'];
+  /**
+   * @default false
+   * @hidden
+   */
+  shift?: BlockHandlePositionerProps$1['shift'];
+  /**
+   * @default true
+   * @hidden
+   */
+  hide?: BlockHandlePositionerProps$1['hide'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: BlockHandlePositionerProps$1['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: BlockHandlePositionerProps$1['autoUpdate'];
+  /**
+   * The distance between the reference and floating element.
+   *
+   * @default 6
+   */
+  offset?: BlockHandlePositionerProps$1['offset'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: BlockHandlePositionerProps$1['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: BlockHandlePositionerProps$1['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: BlockHandlePositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: BlockHandlePositionerProps$1['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: BlockHandlePositionerProps$1['inline'];
+  /**
+   * 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?: BlockHandlePositionerProps$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?: BlockHandlePositionerProps$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?: BlockHandlePositionerProps$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?: BlockHandlePositionerProps$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?: BlockHandlePositionerProps$1['altBoundary'];
+}
+/**
+ * A Preact component that renders an `prosekit-block-handle-positioner` custom element.
+ *
+ * @public
+ */
+declare const BlockHandlePositioner: ForwardRefExoticComponent<BlockHandlePositionerProps & RefAttributes<BlockHandlePositionerElement>>;
 //#endregion
-//#region src/components/block-handle/block-handle-popover.gen.d.ts
+//#region src/components/block-handle/block-handle-root.gen.d.ts
+/**
+ * Props for the {@link BlockHandleRoot} Preact component.
+ *
+ * @public
+ */
+interface BlockHandleRootProps extends HTMLAttributes<BlockHandleRootElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleRootProps$1['editor'];
+  /** Fired when the hovered block changes. */
+  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
+}
 /**
- * Props for the {@link BlockHandlePopover} component.
+ * A Preact component that renders an `prosekit-block-handle-root` custom element.
+ *
+ * @public
  */
-interface BlockHandlePopoverProps extends Partial<CreateProps<BlockHandlePopoverProps$1, BlockHandlePopoverEvents>> {}
-declare const BlockHandlePopover: ForwardRefExoticComponent<Partial<BlockHandlePopoverProps> & RefAttributes<BlockHandlePopoverElement> & HTMLAttributes<BlockHandlePopoverElement>>;
+declare const BlockHandleRoot: ForwardRefExoticComponent<BlockHandleRootProps & RefAttributes<BlockHandleRootElement>>;
 //#endregion
-export { BlockHandleAdd, type BlockHandleAddProps, BlockHandleDraggable, type BlockHandleDraggableProps, BlockHandlePopover, type BlockHandlePopoverProps };
+export { BlockHandleAdd, type BlockHandleAddProps, BlockHandleDraggable, type BlockHandleDraggableProps, BlockHandlePopup, type BlockHandlePopupProps, BlockHandlePositioner, type BlockHandlePositionerProps, BlockHandleRoot, type BlockHandleRootEvents, type BlockHandleRootProps, BlockHandleStateChangeEvent };
 //# sourceMappingURL=prosekit-preact-block-handle.d.ts.map

package/dist/prosekit-preact-block-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,yBAAA,CAC3B,OAAA,CAAQ,mBAAA,IACR,aAAA,CAAc,qBAAA,IACd,cAAA,CAAe,qBAAA;;;;;AALjB;UCAiB,yBAAA,SAAkC,OAAA,CAAQ,WAAA,CAAY,2BAAA,EAAO,0BAAA;AAAA,cAEjE,oBAAA,EAAsB,yBAAA,CACjC,OAAA,CAAQ,yBAAA,IACR,aAAA,CAAc,2BAAA,IACd,cAAA,CAAe,2BAAA;;;;;ADLjB;UEAiB,uBAAA,SAAgC,OAAA,CAAQ,WAAA,CAAY,yBAAA,EAAO,wBAAA;AAAA,cAE/D,kBAAA,EAAoB,yBAAA,CAC/B,OAAA,CAAQ,uBAAA,IACR,aAAA,CAAc,yBAAA,IACd,cAAA,CAAe,yBAAA"}
+{"version":3,"file":"prosekit-preact-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"mappings":";;;;;;;;;;UAgBiB,mBAAA,SAA4B,cAAA,CAAe,qBAAA;EAAD;;;;;;EAOzD,MAAA,GAAS,qBAAA;AAAA;;;;;;cAsCE,cAAA,EAAgB,yBAAA,CAA0B,mBAAA,GAAsB,aAAA,CAAc,qBAAA;;;;;;;;UC7C1E,yBAAA,SAAkC,cAAA,CAAe,2BAAA;EDAP;;;;;;ECOzD,MAAA,GAAS,2BAAA;AAAA;;;;;;cAsCE,oBAAA,EAAsB,yBAAA,CAA0B,yBAAA,GAA4B,aAAA,CAAc,2BAAA;;;;;;;;UC/CtF,qBAAA,SAA8B,cAAA,CAAe,uBAAA;;;;;;cA6BjD,gBAAA,EAAkB,yBAAA,CAA0B,qBAAA,GAAwB,aAAA,CAAc,uBAAA;;;;;;;;UC7B9E,0BAAA,SAAmC,cAAA,CAAe,4BAAA;EHER;;;;;EGIzD,SAAA,GAAY,4BAAA;EHGuB;AAsCrC;;;;;EGlCE,KAAA,GAAQ,4BAAA;EHkCmB;;;;EG7B3B,IAAA,GAAO,4BAAA;EH6BoE;;;;EGxB3E,KAAA,GAAQ,4BAAA;;;AFrBV;;EE0BE,IAAA,GAAO,4BAAA;EF1ByD;;;;;EEgChE,QAAA,GAAW,4BAAA;EFhCqD;;;;;AA6ClE;;EELE,UAAA,GAAa,4BAAA;EFK8C;;;;;EEC3D,MAAA,GAAS,4BAAA;EFDwB;;;;;;EEQjC,OAAA,GAAU,4BAAA;;;ADvDZ;;;;EC8DE,WAAA,GAAc,4BAAA;EDjCH;;;;;;ECwCX,SAAA,GAAY,4BAAA;EDxC0C;;;;;;EC+CtD,UAAA,GAAa,4BAAA;ED/CuG;;;;AC7BtH;;EAmFE,MAAA,GAAS,4BAAA;EAnFwD;;;;;;EA0FjE,QAAA,GAAW,4BAAA;EAhDE;;;;;;EAuDb,YAAA,GAAe,4BAAA;EAPJ;;;;;;EAcX,eAAA,GAAkB,4BAAA;EAxG8C;;;;;;;EAgHhE,cAAA,GAAiB,4BAAA;EA9FV;;;;;;;EAsGP,WAAA,GAAc,4BAAA;AAAA;;;;;;cAoCH,qBAAA,EAAuB,yBAAA,CAA0B,0BAAA,GAA6B,aAAA,CAAc,4BAAA;;;;;;;;UC1JxF,oBAAA,SAA6B,cAAA,CAAe,sBAAA;EJAF;;;;;;EIOzD,MAAA,GAAS,sBAAA;EJsCE;EIpCX,aAAA,IAAiB,KAAA,EAAO,qBAAA;AAAA;;;;;;cAwDb,eAAA,EAAiB,yBAAA,CAA0B,oBAAA,GAAuB,aAAA,CAAc,sBAAA"}

package/dist/prosekit-preact-block-handle.js

@@ -1,14 +1,191 @@
-import { t as createComponent } from "./create-component.js";
-import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
+import { n as useEditorContext } from "./editor-context.js";
+import { createElement } from "preact";
+import { useCallback, useLayoutEffect, useRef } from "preact/hooks";
+import { forwardRef } from "preact/compat";
+import { BlockHandleStateChangeEvent, registerBlockHandleAddElement, registerBlockHandleDraggableElement, registerBlockHandlePopupElement, registerBlockHandlePositionerElement, registerBlockHandleRootElement } from "@prosekit/web/block-handle";
 //#region src/components/block-handle/block-handle-add.gen.ts
-const BlockHandleAdd = createComponent("prosekit-block-handle-add", "BlockHandleAdd", Object.keys(blockHandleAddProps), Object.keys(blockHandleAddEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function BlockHandleAddComponent(props, forwardedRef) {
+	registerBlockHandleAddElement();
+	const elementRef = useRef(null);
+	const p0Fallback = useEditorContext();
+	const { editor: p0, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+	});
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-block-handle-add", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-block-handle-add` custom element.
+*
+* @public
+*/
+const BlockHandleAdd = /* @__PURE__ */ forwardRef(BlockHandleAddComponent);
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.ts
-const BlockHandleDraggable = createComponent("prosekit-block-handle-draggable", "BlockHandleDraggable", Object.keys(blockHandleDraggableProps), Object.keys(blockHandleDraggableEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function BlockHandleDraggableComponent(props, forwardedRef) {
+	registerBlockHandleDraggableElement();
+	const elementRef = useRef(null);
+	const p0Fallback = useEditorContext();
+	const { editor: p0, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+	});
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-block-handle-draggable", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-block-handle-draggable` custom element.
+*
+* @public
+*/
+const BlockHandleDraggable = /* @__PURE__ */ forwardRef(BlockHandleDraggableComponent);
 //#endregion
-//#region src/components/block-handle/block-handle-popover.gen.ts
-const BlockHandlePopover = createComponent("prosekit-block-handle-popover", "BlockHandlePopover", Object.keys(blockHandlePopoverProps), Object.keys(blockHandlePopoverEvents));
+//#region src/components/block-handle/block-handle-popup.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function BlockHandlePopupComponent(props, forwardedRef) {
+	registerBlockHandlePopupElement();
+	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-block-handle-popup", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-block-handle-popup` custom element.
+*
+* @public
+*/
+const BlockHandlePopup = /* @__PURE__ */ forwardRef(BlockHandlePopupComponent);
 //#endregion
-export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopover };
+//#region src/components/block-handle/block-handle-positioner.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function BlockHandlePositionerComponent(props, forwardedRef) {
+	registerBlockHandlePositionerElement();
+	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-block-handle-positioner", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-block-handle-positioner` custom element.
+*
+* @public
+*/
+const BlockHandlePositioner = /* @__PURE__ */ forwardRef(BlockHandlePositionerComponent);
+//#endregion
+//#region src/components/block-handle/block-handle-root.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function BlockHandleRootComponent(props, forwardedRef) {
+	registerBlockHandleRootElement();
+	const elementRef = useRef(null);
+	const handlersRef = useRef([]);
+	const p0Fallback = useEditorContext();
+	const { editor: p0, onStateChange: e0, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, { editor: p0 ?? p0Fallback });
+		handlersRef.current = [e0];
+	});
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["stateChange"].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-block-handle-root", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-block-handle-root` custom element.
+*
+* @public
+*/
+const BlockHandleRoot = /* @__PURE__ */ forwardRef(BlockHandleRootComponent);
+//#endregion
+export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot, BlockHandleStateChangeEvent };
 
 //# sourceMappingURL=prosekit-preact-block-handle.js.map

package/dist/prosekit-preact-block-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popover.gen.ts"],"sourcesContent":["import {\n  type BlockHandleAddElement,\n  type BlockHandleAddProps as Props,\n  type BlockHandleAddEvents as Events,\n  blockHandleAddProps,\n  blockHandleAddEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link BlockHandleAdd} component.\n */\nexport interface BlockHandleAddProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const BlockHandleAdd: ForwardRefExoticComponent<\n  Partial<BlockHandleAddProps> &\n  RefAttributes<BlockHandleAddElement> &\n  HTMLAttributes<BlockHandleAddElement>\n> = createComponent<\n  BlockHandleAddProps,\n  BlockHandleAddElement\n>(\n  'prosekit-block-handle-add',\n  'BlockHandleAdd',\n  Object.keys(blockHandleAddProps),\n  Object.keys(blockHandleAddEvents),\n)\n","import {\n  type BlockHandleDraggableElement,\n  type BlockHandleDraggableProps as Props,\n  type BlockHandleDraggableEvents as Events,\n  blockHandleDraggableProps,\n  blockHandleDraggableEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link BlockHandleDraggable} component.\n */\nexport interface BlockHandleDraggableProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const BlockHandleDraggable: ForwardRefExoticComponent<\n  Partial<BlockHandleDraggableProps> &\n  RefAttributes<BlockHandleDraggableElement> &\n  HTMLAttributes<BlockHandleDraggableElement>\n> = createComponent<\n  BlockHandleDraggableProps,\n  BlockHandleDraggableElement\n>(\n  'prosekit-block-handle-draggable',\n  'BlockHandleDraggable',\n  Object.keys(blockHandleDraggableProps),\n  Object.keys(blockHandleDraggableEvents),\n)\n","import {\n  type BlockHandlePopoverElement,\n  type BlockHandlePopoverProps as Props,\n  type BlockHandlePopoverEvents as Events,\n  blockHandlePopoverProps,\n  blockHandlePopoverEvents,\n} from '@prosekit/web/block-handle'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link BlockHandlePopover} component.\n */\nexport interface BlockHandlePopoverProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const BlockHandlePopover: ForwardRefExoticComponent<\n  Partial<BlockHandlePopoverProps> &\n  RefAttributes<BlockHandlePopoverElement> &\n  HTMLAttributes<BlockHandlePopoverElement>\n> = createComponent<\n  BlockHandlePopoverProps,\n  BlockHandlePopoverElement\n>(\n  'prosekit-block-handle-popover',\n  'BlockHandlePopover',\n  Object.keys(blockHandlePopoverProps),\n  Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,iBAIT,gBAIF,6BACA,kBACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACZD,MAAa,uBAIT,gBAIF,mCACA,wBACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;ACZD,MAAa,qBAIT,gBAIF,iCACA,sBACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
+{"version":3,"file":"prosekit-preact-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-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 { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleAdd} Preact component.\n *\n * @public\n */\nexport interface BlockHandleAddProps extends HTMLAttributes<BlockHandleAddElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\nfunction BlockHandleAddComponent(props: BlockHandleAddProps, forwardedRef: Ref<BlockHandleAddElement>) {\n  registerBlockHandleAddElement();\n\n  const elementRef = useRef<BlockHandleAddElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleAddElement | 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-block-handle-add', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-block-handle-add` custom element.\n *\n * @public\n */\nexport const BlockHandleAdd: ForwardRefExoticComponent<BlockHandleAddProps & RefAttributes<BlockHandleAddElement>> = /* @__PURE__ */ forwardRef(BlockHandleAddComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleDraggable} Preact component.\n *\n * @public\n */\nexport interface BlockHandleDraggableProps extends HTMLAttributes<BlockHandleDraggableElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\nfunction BlockHandleDraggableComponent(props: BlockHandleDraggableProps, forwardedRef: Ref<BlockHandleDraggableElement>) {\n  registerBlockHandleDraggableElement();\n\n  const elementRef = useRef<BlockHandleDraggableElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\n  });\n\n  const mergedRef = useCallback(\n    (element: BlockHandleDraggableElement | 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-block-handle-draggable', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-block-handle-draggable` custom element.\n *\n * @public\n */\nexport const BlockHandleDraggable: ForwardRefExoticComponent<BlockHandleDraggableProps & RefAttributes<BlockHandleDraggableElement>> = /* @__PURE__ */ forwardRef(BlockHandleDraggableComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef } from 'preact/hooks';\n\n/**\n * Props for the {@link BlockHandlePopup} Preact component.\n *\n * @public\n */\nexport interface BlockHandlePopupProps extends HTMLAttributes<BlockHandlePopupElement> {}\n\nfunction BlockHandlePopupComponent(props: BlockHandlePopupProps, forwardedRef: Ref<BlockHandlePopupElement>) {\n  registerBlockHandlePopupElement();\n\n  const elementRef = useRef<BlockHandlePopupElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: BlockHandlePopupElement | 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-block-handle-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-block-handle-popup` custom element.\n *\n * @public\n */\nexport const BlockHandlePopup: ForwardRefExoticComponent<BlockHandlePopupProps & RefAttributes<BlockHandlePopupElement>> = /* @__PURE__ */ forwardRef(BlockHandlePopupComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\n/**\n * Props for the {@link BlockHandlePositioner} Preact component.\n *\n * @public\n */\nexport interface BlockHandlePositionerProps extends HTMLAttributes<BlockHandlePositionerElement> {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['overlap'];\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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: BlockHandlePositionerElementProps['overflowPadding'];\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?: BlockHandlePositionerElementProps['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?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\nfunction BlockHandlePositionerComponent(props: BlockHandlePositionerProps, forwardedRef: Ref<BlockHandlePositionerElement>) {\n  registerBlockHandlePositionerElement();\n\n  const elementRef = useRef<BlockHandlePositionerElement>(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: BlockHandlePositionerElement | 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-block-handle-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-block-handle-positioner` custom element.\n *\n * @public\n */\nexport const BlockHandlePositioner: ForwardRefExoticComponent<BlockHandlePositionerProps & RefAttributes<BlockHandlePositionerElement>> = /* @__PURE__ */ forwardRef(BlockHandlePositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootProps as BlockHandleRootElementProps, type BlockHandleRootEvents } from '@prosekit/web/block-handle';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleRoot} Preact component.\n *\n * @public\n */\nexport interface BlockHandleRootProps extends HTMLAttributes<BlockHandleRootElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\nfunction BlockHandleRootComponent(props: BlockHandleRootProps, forwardedRef: Ref<BlockHandleRootElement>) {\n  registerBlockHandleRootElement();\n\n  const elementRef = useRef<BlockHandleRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, onStateChange: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback });\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 ['stateChange'].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: BlockHandleRootElement | 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-block-handle-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-block-handle-root` custom element.\n *\n * @public\n */\nexport const BlockHandleRoot: ForwardRefExoticComponent<BlockHandleRootProps & RefAttributes<BlockHandleRootElement>> = /* @__PURE__ */ forwardRef(BlockHandleRootComponent);\n\nexport type { BlockHandleRootEvents };\n"],"mappings":"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"}

package/dist/prosekit-preact-drop-indicator.d.ts

@@ -1,13 +1,34 @@
-import { t as CreateProps } from "./create-props.js";
-import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "preact/compat";
-import { DropIndicatorElement, DropIndicatorEvents, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
+import { HTMLAttributes } from "preact";
+import { ForwardRefExoticComponent, RefAttributes } from "preact/compat";
+import { DropIndicatorElement, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
 
 //#region src/components/drop-indicator/drop-indicator.gen.d.ts
 /**
- * Props for the {@link DropIndicator} component.
+ * Props for the {@link DropIndicator} Preact component.
+ *
+ * @public
  */
-interface DropIndicatorProps extends Partial<CreateProps<DropIndicatorProps$1, DropIndicatorEvents>> {}
-declare const DropIndicator: ForwardRefExoticComponent<Partial<DropIndicatorProps> & RefAttributes<DropIndicatorElement> & HTMLAttributes<DropIndicatorElement>>;
+interface DropIndicatorProps extends HTMLAttributes<DropIndicatorElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: DropIndicatorProps$1['editor'];
+  /**
+   * The line width in pixels.
+   *
+   * @default 2
+   */
+  width?: DropIndicatorProps$1['width'];
+}
+/**
+ * A Preact component that renders an `prosekit-drop-indicator` custom element.
+ *
+ * @public
+ */
+declare const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & RefAttributes<DropIndicatorElement>>;
 //#endregion
 export { DropIndicator, type DropIndicatorProps };
 //# sourceMappingURL=prosekit-preact-drop-indicator.d.ts.map

package/dist/prosekit-preact-drop-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,yBAAA,CAC1B,OAAA,CAAQ,kBAAA,IACR,aAAA,CAAc,oBAAA,IACd,cAAA,CAAe,oBAAA"}
+{"version":3,"file":"prosekit-preact-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;;;;UAgBiB,kBAAA,SAA2B,cAAA,CAAe,oBAAA;EAAD;;;;;;EAOxD,MAAA,GAAS,oBAAA;EAMD;;;AAsCV;;EAtCE,KAAA,GAAQ,oBAAA;AAAA;;;;;;cAsCG,aAAA,EAAe,yBAAA,CAA0B,kBAAA,GAAqB,aAAA,CAAc,oBAAA"}

package/dist/prosekit-preact-drop-indicator.js

@@ -1,7 +1,42 @@
-import { t as createComponent } from "./create-component.js";
-import { dropIndicatorEvents, dropIndicatorProps } from "@prosekit/web/drop-indicator";
+import { n as useEditorContext } from "./editor-context.js";
+import { createElement } from "preact";
+import { useCallback, useLayoutEffect, useRef } from "preact/hooks";
+import { forwardRef } from "preact/compat";
+import { registerDropIndicatorElement } from "@prosekit/web/drop-indicator";
 //#region src/components/drop-indicator/drop-indicator.gen.ts
-const DropIndicator = createComponent("prosekit-drop-indicator", "DropIndicator", Object.keys(dropIndicatorProps), Object.keys(dropIndicatorEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function DropIndicatorComponent(props, forwardedRef) {
+	registerDropIndicatorElement();
+	const elementRef = useRef(null);
+	const p0Fallback = useEditorContext();
+	const { editor: p0, width: p1, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, {
+			editor: p0 ?? p0Fallback,
+			width: p1
+		});
+	});
+	const mergedRef = useCallback((element) => {
+		elementRef.current = element;
+		if (typeof forwardedRef === "function") forwardedRef(element);
+		else if (forwardedRef) forwardedRef.current = element;
+	}, [forwardedRef]);
+	return createElement("prosekit-drop-indicator", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A Preact component that renders an `prosekit-drop-indicator` custom element.
+*
+* @public
+*/
+const DropIndicator = /* @__PURE__ */ forwardRef(DropIndicatorComponent);
 //#endregion
 export { DropIndicator };
 

package/dist/prosekit-preact-drop-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-preact-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["import {\n  type DropIndicatorElement,\n  type DropIndicatorProps as Props,\n  type DropIndicatorEvents as Events,\n  dropIndicatorProps,\n  dropIndicatorEvents,\n} from '@prosekit/web/drop-indicator'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'preact/compat'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link DropIndicator} component.\n */\nexport interface DropIndicatorProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const DropIndicator: ForwardRefExoticComponent<\n  Partial<DropIndicatorProps> &\n  RefAttributes<DropIndicatorElement> &\n  HTMLAttributes<DropIndicatorElement>\n> = createComponent<\n  DropIndicatorProps,\n  DropIndicatorElement\n>(\n  'prosekit-drop-indicator',\n  'DropIndicator',\n  Object.keys(dropIndicatorProps),\n  Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,gBAIT,gBAIF,2BACA,iBACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-preact-drop-indicator.js","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerDropIndicatorElement, type DropIndicatorElement, type DropIndicatorProps as DropIndicatorElementProps } from '@prosekit/web/drop-indicator';\nimport { createElement, type HTMLAttributes, type Ref } from 'preact';\nimport { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'preact/compat';\nimport { useCallback, useRef, useLayoutEffect } from 'preact/hooks';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link DropIndicator} Preact component.\n *\n * @public\n */\nexport interface DropIndicatorProps extends HTMLAttributes<DropIndicatorElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: DropIndicatorElementProps['editor'];\n  /**\n   * The line width in pixels.\n   *\n   * @default 2\n   */\n  width?: DropIndicatorElementProps['width'];\n}\n\nfunction DropIndicatorComponent(props: DropIndicatorProps, forwardedRef: Ref<DropIndicatorElement>) {\n  registerDropIndicatorElement();\n\n  const elementRef = useRef<DropIndicatorElement>(null);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, width: p1, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { editor: p0 ?? p0Fallback, width: p1 });\n  });\n\n  const mergedRef = useCallback(\n    (element: DropIndicatorElement | 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-drop-indicator', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A Preact component that renders an `prosekit-drop-indicator` custom element.\n *\n * @public\n */\nexport const DropIndicator: ForwardRefExoticComponent<DropIndicatorProps & RefAttributes<DropIndicatorElement>> = /* @__PURE__ */ forwardRef(DropIndicatorComponent);\n"],"mappings":";;;;;;;;;AAgCA,SAAS,uBAAuB,OAA2B,cAAyC;AAClG,+BAA8B;CAE9B,MAAM,aAAa,OAA6B,KAAK;CAErD,MAAM,aAAa,kBAAkB;CAErC,MAAM,EAAE,QAAQ,IAAI,OAAO,IAAI,GAAG,cAAc;AAEhD,uBAAsB;EACpB,MAAM,UAAU,WAAW;AAC3B,MAAI,CAAC,QAAS;AACd,SAAO,OAAO,SAAS;GAAE,QAAQ,MAAM;GAAY,OAAO;GAAI,CAAC;GAC/D;CAEF,MAAM,YAAY,aACf,YAAyC;AACxC,aAAW,UAAU;AACrB,MAAI,OAAO,iBAAiB,WAC1B,cAAa,QAAQ;WACZ,aACT,cAAa,UAAU;IAG3B,CAAC,aAAa,CACf;AAED,QAAO,cAAc,2BAA2B;EAAE,GAAG;EAAW,KAAK;EAAW,0BAA0B;EAAM,CAAC;;;;;;;AAQnH,MAAa,gBAAqH,2BAAW,uBAAuB"}