@prosekit/solid 0.7.0-beta.1 → 0.7.0-beta.2

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

@@ -1,28 +1,222 @@
-import { i as PropsWithElement } from "./types.js";
-import { t as CreateProps } from "./create-props.js";
-import { Component } from "solid-js";
-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 { Component, JSX } from "solid-js";
+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} Solid component.
+ *
+ * @public
  */
-interface BlockHandleAddProps extends Partial<CreateProps<BlockHandleAddProps$1, BlockHandleAddEvents>> {}
-declare const BlockHandleAdd: Component<PropsWithElement<BlockHandleAddProps, BlockHandleAddElement>>;
+interface BlockHandleAddProps extends JSX.HTMLAttributes<BlockHandleAddElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleAddProps$1['editor'];
+}
+/**
+ * A Solid component that renders an `prosekit-block-handle-add` custom element.
+ *
+ * @public
+ */
+declare const BlockHandleAdd: Component<BlockHandleAddProps>;
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.d.ts
 /**
- * Props for the {@link BlockHandleDraggable} component.
+ * Props for the {@link BlockHandleDraggable} Solid component.
+ *
+ * @public
+ */
+interface BlockHandleDraggableProps extends JSX.HTMLAttributes<BlockHandleDraggableElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: BlockHandleDraggableProps$1['editor'];
+}
+/**
+ * A Solid component that renders an `prosekit-block-handle-draggable` custom element.
+ *
+ * @public
+ */
+declare const BlockHandleDraggable: Component<BlockHandleDraggableProps>;
+//#endregion
+//#region src/components/block-handle/block-handle-popup.gen.d.ts
+/**
+ * Props for the {@link BlockHandlePopup} Solid component.
+ *
+ * @public
+ */
+interface BlockHandlePopupProps extends JSX.HTMLAttributes<BlockHandlePopupElement> {}
+/**
+ * A Solid component that renders an `prosekit-block-handle-popup` custom element.
+ *
+ * @public
+ */
+declare const BlockHandlePopup: Component<BlockHandlePopupProps>;
+//#endregion
+//#region src/components/block-handle/block-handle-positioner.gen.d.ts
+/**
+ * Props for the {@link BlockHandlePositioner} Solid component.
+ *
+ * @public
  */
-interface BlockHandleDraggableProps extends Partial<CreateProps<BlockHandleDraggableProps$1, BlockHandleDraggableEvents>> {}
-declare const BlockHandleDraggable: Component<PropsWithElement<BlockHandleDraggableProps, BlockHandleDraggableElement>>;
+interface BlockHandlePositionerProps extends JSX.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 Solid component that renders an `prosekit-block-handle-positioner` custom element.
+ *
+ * @public
+ */
+declare const BlockHandlePositioner: Component<BlockHandlePositionerProps>;
 //#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} Solid component.
+ *
+ * @public
+ */
+interface BlockHandleRootProps extends JSX.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 Solid component that renders an `prosekit-block-handle-root` custom element.
+ *
+ * @public
  */
-interface BlockHandlePopoverProps extends Partial<CreateProps<BlockHandlePopoverProps$1, BlockHandlePopoverEvents>> {}
-declare const BlockHandlePopover: Component<PropsWithElement<BlockHandlePopoverProps, BlockHandlePopoverElement>>;
+declare const BlockHandleRoot: Component<BlockHandleRootProps>;
 //#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-solid-block-handle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-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":";;;;;;;;AAgBA;UAAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,SAAA,CAAU,gBAAA,CACrC,mBAAA,EACA,qBAAA;;;;;AAJF;UCAiB,yBAAA,SAAkC,OAAA,CAAQ,WAAA,CAAY,2BAAA,EAAO,0BAAA;AAAA,cAEjE,oBAAA,EAAsB,SAAA,CAAU,gBAAA,CAC3C,yBAAA,EACA,2BAAA;;;;;ADJF;UEAiB,uBAAA,SAAgC,OAAA,CAAQ,WAAA,CAAY,yBAAA,EAAO,wBAAA;AAAA,cAE/D,kBAAA,EAAoB,SAAA,CAAU,gBAAA,CACzC,uBAAA,EACA,yBAAA"}
+{"version":3,"file":"prosekit-solid-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,GAAA,CAAI,cAAA,CAAe,qBAAA;EAAD;;;;;;EAO7D,MAAA,GAAS,qBAAA;AAAA;AAQX;;;;;AAAA,cAAa,cAAA,EAAgB,SAAA,CAAU,mBAAA;;;;;;;;UCftB,yBAAA,SAAkC,GAAA,CAAI,cAAA,CAAe,2BAAA;EDAP;;;;;;ECO7D,MAAA,GAAS,2BAAA;AAAA;ADQX;;;;;AAAA,cCAa,oBAAA,EAAsB,SAAA,CAAU,yBAAA;;;;;;;;UClB5B,qBAAA,SAA8B,GAAA,CAAI,cAAA,CAAe,uBAAA;;;;;;cAOrD,gBAAA,EAAkB,SAAA,CAAU,qBAAA;;;;;;;;UCNxB,0BAAA,SAAmC,GAAA,CAAI,cAAA,CAAe,4BAAA;EHER;;;;;EGI7D,SAAA,GAAY,4BAAA;EHGuB;;AAQrC;;;;EGJE,KAAA,GAAQ,4BAAA;;;;AFXV;EEgBE,IAAA,GAAO,4BAAA;;;;;EAKP,KAAA,GAAQ,4BAAA;EFrB2D;;;;EE0BnE,IAAA,GAAO,4BAAA;EFnBE;;;AAQX;;EEiBE,QAAA,GAAW,4BAAA;EFjBsB;;;;;AClBnC;;EC2CE,UAAA,GAAa,4BAAA;ED3CkD;;;;;ECiD/D,MAAA,GAAS,4BAAA;ED1CE;;;;;;ECiDX,OAAA,GAAU,4BAAA;;AAvDZ;;;;;EA8DE,WAAA,GAAc,4BAAA;EA5CP;;;;;;EAmDP,SAAA,GAAY,4BAAA;EAPE;;;;;;EAcd,UAAA,GAAa,4BAAA;EAoCI;;;;;;EA7BjB,MAAA,GAAS,4BAAA;EAnF4D;;;;;;EA0FrE,QAAA,GAAW,4BAAA;EAnEX;;;;;;EA0EA,YAAA,GAAe,4BAAA;EAvDF;;;;;;EA8Db,eAAA,GAAkB,4BAAA;EAnClB;;;;;;;EA2CA,cAAA,GAAiB,4BAAA;EAfjB;;;;;;;EAuBA,WAAA,GAAc,4BAAA;AAAA;;AAQhB;;;;cAAa,qBAAA,EAAuB,SAAA,CAAU,0BAAA;;;;;;;;UC9H7B,oBAAA,SAA6B,GAAA,CAAI,cAAA,CAAe,sBAAA;EJAF;;;;;;EIO7D,MAAA,GAAS,sBAAA;EJA0B;EIEnC,aAAA,IAAiB,KAAA,EAAO,qBAAA;AAAA;;;;;;cAQb,eAAA,EAAiB,SAAA,CAAU,oBAAA"}

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

@@ -1,14 +1,167 @@
-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 { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import h from "solid-js/h";
+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", Object.keys(blockHandleAddProps), Object.keys(blockHandleAddEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-block-handle-add` custom element.
+*
+* @public
+*/
+const BlockHandleAdd = (props) => {
+	registerBlockHandleAddElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, ["editor"]);
+	const p0Fallback = useEditorContext();
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, { editor: elementProps.editor ?? p0Fallback });
+	});
+	return () => h("prosekit-block-handle-add", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 //#region src/components/block-handle/block-handle-draggable.gen.ts
-const BlockHandleDraggable = createComponent("prosekit-block-handle-draggable", Object.keys(blockHandleDraggableProps), Object.keys(blockHandleDraggableEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-block-handle-draggable` custom element.
+*
+* @public
+*/
+const BlockHandleDraggable = (props) => {
+	registerBlockHandleDraggableElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, ["editor"]);
+	const p0Fallback = useEditorContext();
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, { editor: elementProps.editor ?? p0Fallback });
+	});
+	return () => h("prosekit-block-handle-draggable", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-//#region src/components/block-handle/block-handle-popover.gen.ts
-const BlockHandlePopover = createComponent("prosekit-block-handle-popover", 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.
+*/
+/**
+* A Solid component that renders an `prosekit-block-handle-popup` custom element.
+*
+* @public
+*/
+const BlockHandlePopup = (props) => {
+	registerBlockHandlePopupElement();
+	const restProps = props;
+	return () => h("prosekit-block-handle-popup", restProps);
+};
 //#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.
+*/
+/**
+* A Solid component that renders an `prosekit-block-handle-positioner` custom element.
+*
+* @public
+*/
+const BlockHandlePositioner = (props) => {
+	registerBlockHandlePositionerElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, [
+		"altBoundary",
+		"autoUpdate",
+		"boundary",
+		"elementContext",
+		"fitViewport",
+		"flip",
+		"hide",
+		"hoist",
+		"inline",
+		"offset",
+		"overflowPadding",
+		"overlap",
+		"placement",
+		"rootBoundary",
+		"sameHeight",
+		"sameWidth",
+		"shift",
+		"strategy"
+	]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			altBoundary: elementProps.altBoundary,
+			autoUpdate: elementProps.autoUpdate,
+			boundary: elementProps.boundary,
+			elementContext: elementProps.elementContext,
+			fitViewport: elementProps.fitViewport,
+			flip: elementProps.flip,
+			hide: elementProps.hide,
+			hoist: elementProps.hoist,
+			inline: elementProps.inline,
+			offset: elementProps.offset,
+			overflowPadding: elementProps.overflowPadding,
+			overlap: elementProps.overlap,
+			placement: elementProps.placement,
+			rootBoundary: elementProps.rootBoundary,
+			sameHeight: elementProps.sameHeight,
+			sameWidth: elementProps.sameWidth,
+			shift: elementProps.shift,
+			strategy: elementProps.strategy
+		});
+	});
+	return () => h("prosekit-block-handle-positioner", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
+//#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.
+*/
+/**
+* A Solid component that renders an `prosekit-block-handle-root` custom element.
+*
+* @public
+*/
+const BlockHandleRoot = (props) => {
+	registerBlockHandleRootElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, ["editor"], ["onStateChange"]);
+	const p0Fallback = useEditorContext();
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, { editor: elementProps.editor ?? p0Fallback });
+		handlers.length = 0;
+		handlers.push(eventHandlers.onStateChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["stateChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-block-handle-root", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
+//#endregion
+export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot, BlockHandleStateChangeEvent };
 
 //# sourceMappingURL=prosekit-solid-block-handle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\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: Component<PropsWithElement<\n  BlockHandleAddProps,\n  BlockHandleAddElement\n>> = createComponent<\n  BlockHandleAddProps,\n  BlockHandleAddElement\n>(\n  'prosekit-block-handle-add', \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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\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: Component<PropsWithElement<\n  BlockHandleDraggableProps,\n  BlockHandleDraggableElement\n>> = createComponent<\n  BlockHandleDraggableProps,\n  BlockHandleDraggableElement\n>(\n  'prosekit-block-handle-draggable', \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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\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: Component<PropsWithElement<\n  BlockHandlePopoverProps,\n  BlockHandlePopoverElement\n>> = createComponent<\n  BlockHandlePopoverProps,\n  BlockHandlePopoverElement\n>(\n  'prosekit-block-handle-popover', \n  Object.keys(blockHandlePopoverProps),\n  Object.keys(blockHandlePopoverEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,iBAGR,gBAIH,6BACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACVD,MAAa,uBAGR,gBAIH,mCACA,OAAO,KAAK,0BAA0B,EACtC,OAAO,KAAK,2BAA2B,CACxC;;;ACVD,MAAa,qBAGR,gBAIH,iCACA,OAAO,KAAK,wBAAwB,EACpC,OAAO,KAAK,yBAAyB,CACtC"}
+{"version":3,"file":"prosekit-solid-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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleAdd} Solid component.\n *\n * @public\n */\nexport interface BlockHandleAddProps extends JSX.HTMLAttributes<BlockHandleAddElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-add` custom element.\n *\n * @public\n */\nexport const BlockHandleAdd: Component<BlockHandleAddProps> = (props): any => {\n  registerBlockHandleAddElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleAddElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-add',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleAddElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleDraggable} Solid component.\n *\n * @public\n */\nexport interface BlockHandleDraggableProps extends JSX.HTMLAttributes<BlockHandleDraggableElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-draggable` custom element.\n *\n * @public\n */\nexport const BlockHandleDraggable: Component<BlockHandleDraggableProps> = (props): any => {\n  registerBlockHandleDraggableElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleDraggableElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-draggable',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleDraggableElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\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 type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link BlockHandlePopup} Solid component.\n *\n * @public\n */\nexport interface BlockHandlePopupProps extends JSX.HTMLAttributes<BlockHandlePopupElement> {}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-popup` custom element.\n *\n * @public\n */\nexport const BlockHandlePopup: Component<BlockHandlePopupProps> = (props): any => {\n  registerBlockHandlePopupElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-block-handle-popup', restProps);\n};\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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link BlockHandlePositioner} Solid component.\n *\n * @public\n */\nexport interface BlockHandlePositionerProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-block-handle-positioner` custom element.\n *\n * @public\n */\nexport const BlockHandlePositioner: Component<BlockHandlePositionerProps> = (props): any => {\n  registerBlockHandlePositionerElement();\n\n  const [getElement, setElement] = createSignal<BlockHandlePositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-positioner',\n      mergeProps(restProps, {\n        ref: (el: BlockHandlePositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\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 BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleRoot} Solid component.\n *\n * @public\n */\nexport interface BlockHandleRootProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-block-handle-root` custom element.\n *\n * @public\n */\nexport const BlockHandleRoot: Component<BlockHandleRootProps> = (props): any => {\n  registerBlockHandleRootElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor'], ['onStateChange']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onStateChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['stateChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-root',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { BlockHandleRootEvents };\n"],"mappings":"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"}

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

@@ -1,14 +1,33 @@
-import { i as PropsWithElement } from "./types.js";
-import { t as CreateProps } from "./create-props.js";
-import { Component } from "solid-js";
-import { DropIndicatorElement, DropIndicatorEvents, DropIndicatorProps as DropIndicatorProps$1 } from "@prosekit/web/drop-indicator";
+import { Component, JSX } from "solid-js";
+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} Solid component.
+ *
+ * @public
  */
-interface DropIndicatorProps extends Partial<CreateProps<DropIndicatorProps$1, DropIndicatorEvents>> {}
-declare const DropIndicator: Component<PropsWithElement<DropIndicatorProps, DropIndicatorElement>>;
+interface DropIndicatorProps extends JSX.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 Solid component that renders an `prosekit-drop-indicator` custom element.
+ *
+ * @public
+ */
+declare const DropIndicator: Component<DropIndicatorProps>;
 //#endregion
 export { DropIndicator, type DropIndicatorProps };
 //# sourceMappingURL=prosekit-solid-drop-indicator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;;AAgBA;UAAiB,kBAAA,SAA2B,OAAA,CAAQ,WAAA,CAAY,oBAAA,EAAO,mBAAA;AAAA,cAE1D,aAAA,EAAe,SAAA,CAAU,gBAAA,CACpC,kBAAA,EACA,oBAAA"}
+{"version":3,"file":"prosekit-solid-drop-indicator.d.ts","names":[],"sources":["../src/components/drop-indicator/drop-indicator.gen.ts"],"mappings":";;;;;;;;;UAgBiB,kBAAA,SAA2B,GAAA,CAAI,cAAA,CAAe,oBAAA;EAAD;;;;;;EAO5D,MAAA,GAAS,oBAAA;EAMT;;;;AAQF;EARE,KAAA,GAAQ,oBAAA;AAAA;;;;;;cAQG,aAAA,EAAe,SAAA,CAAU,kBAAA"}

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

@@ -1,7 +1,33 @@
-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 { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import h from "solid-js/h";
+import { registerDropIndicatorElement } from "@prosekit/web/drop-indicator";
 //#region src/components/drop-indicator/drop-indicator.gen.ts
-const DropIndicator = createComponent("prosekit-drop-indicator", Object.keys(dropIndicatorProps), Object.keys(dropIndicatorEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-drop-indicator` custom element.
+*
+* @public
+*/
+const DropIndicator = (props) => {
+	registerDropIndicatorElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, ["editor", "width"]);
+	const p0Fallback = useEditorContext();
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			editor: elementProps.editor ?? p0Fallback,
+			width: elementProps.width
+		});
+	});
+	return () => h("prosekit-drop-indicator", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 export { DropIndicator };
 

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-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 { Component } from 'solid-js'\n\nimport type { PropsWithElement } from '../../types.ts'\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: Component<PropsWithElement<\n  DropIndicatorProps,\n  DropIndicatorElement\n>> = createComponent<\n  DropIndicatorProps,\n  DropIndicatorElement\n>(\n  'prosekit-drop-indicator', \n  Object.keys(dropIndicatorProps),\n  Object.keys(dropIndicatorEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,gBAGR,gBAIH,2BACA,OAAO,KAAK,mBAAmB,EAC/B,OAAO,KAAK,oBAAoB,CACjC"}
+{"version":3,"file":"prosekit-solid-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 { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link DropIndicator} Solid component.\n *\n * @public\n */\nexport interface DropIndicatorProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-drop-indicator` custom element.\n *\n * @public\n */\nexport const DropIndicator: Component<DropIndicatorProps> = (props): any => {\n  registerDropIndicatorElement();\n\n  const [getElement, setElement] = createSignal<DropIndicatorElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor', 'width']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback, width: elementProps.width });\n  });\n\n  return () =>\n    h(\n      'prosekit-drop-indicator',\n      mergeProps(restProps, {\n        ref: (el: DropIndicatorElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAqCA,MAAa,iBAAgD,UAAe;AAC1E,+BAA8B;CAE9B,MAAM,CAAC,YAAY,cAAc,aAA0C,KAAK;CAEhF,MAAM,CAAC,cAAc,aAAa,WAAW,OAAO,CAAC,UAAU,QAAQ,CAAC;CAExE,MAAM,aAAa,kBAAkB;AAErC,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,QAAQ,aAAa,UAAU;GAAY,OAAO,aAAa;GAAO,CAAC;GAChG;AAEF,cACE,EACE,2BACA,WAAW,WAAW,EACpB,MAAM,OAAoC;AACxC,aAAW,GAAG;IAEjB,CAAC,CACH"}