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

package/dist/prosekit-solid-tooltip.d.ts

@@ -1,28 +1,223 @@
-import { i as PropsWithElement } from "./types.js";
-import { t as CreateProps } from "./create-props.js";
-import { Component } from "solid-js";
-import { TooltipContentElement, TooltipContentEvents, TooltipContentProps as TooltipContentProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerEvents, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
+import { Component, JSX } from "solid-js";
+import { OpenChangeEvent, TooltipPopupElement, TooltipPositionerElement, TooltipPositionerProps as TooltipPositionerProps$1, TooltipRootElement, TooltipRootEvents, TooltipRootProps as TooltipRootProps$1, TooltipTriggerElement, TooltipTriggerProps as TooltipTriggerProps$1 } from "@prosekit/web/tooltip";
 
-//#region src/components/tooltip/tooltip-content.gen.d.ts
+//#region src/components/tooltip/tooltip-popup.gen.d.ts
 /**
- * Props for the {@link TooltipContent} component.
+ * Props for the {@link TooltipPopup} Solid component.
+ *
+ * @public
  */
-interface TooltipContentProps extends Partial<CreateProps<TooltipContentProps$1, TooltipContentEvents>> {}
-declare const TooltipContent: Component<PropsWithElement<TooltipContentProps, TooltipContentElement>>;
+interface TooltipPopupProps extends JSX.HTMLAttributes<TooltipPopupElement> {}
+/**
+ * A Solid component that renders an `prosekit-tooltip-popup` custom element.
+ *
+ * @public
+ */
+declare const TooltipPopup: Component<TooltipPopupProps>;
+//#endregion
+//#region src/components/tooltip/tooltip-positioner.gen.d.ts
+/**
+ * Props for the {@link TooltipPositioner} Solid component.
+ *
+ * @public
+ */
+interface TooltipPositionerProps extends JSX.HTMLAttributes<TooltipPositionerElement> {
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: TooltipPositionerProps$1['strategy'];
+  /**
+   * The initial placement of the floating element
+   *
+   * @default "top"
+   */
+  placement?: TooltipPositionerProps$1['placement'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: TooltipPositionerProps$1['autoUpdate'];
+  /**
+   * Whether to use the browser Popover API to place the floating element on
+   * top of other page content.
+   *
+   * @default true
+   */
+  hoist?: TooltipPositionerProps$1['hoist'];
+  /**
+   * The distance between the reference and floating element.
+   *
+   * @default 6
+   */
+  offset?: TooltipPositionerProps$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?: TooltipPositionerProps$1['flip'];
+  /**
+   * Whether the floating element should shift to keep it in view.
+   *
+   * @default true
+   */
+  shift?: TooltipPositionerProps$1['shift'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: TooltipPositionerProps$1['overlap'];
+  /**
+   * Whether to constrain the floating element's width and height to not exceed
+   * the viewport.
+   *
+   * @default false
+   */
+  fitViewport?: TooltipPositionerProps$1['fitViewport'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: TooltipPositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: TooltipPositionerProps$1['sameHeight'];
+  /**
+   * Whether to improve positioning for inline reference elements that span over
+   * multiple lines.
+   *
+   * @default false
+   */
+  inline?: TooltipPositionerProps$1['inline'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default false
+   */
+  hide?: TooltipPositionerProps$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?: TooltipPositionerProps$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?: TooltipPositionerProps$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?: TooltipPositionerProps$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?: TooltipPositionerProps$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?: TooltipPositionerProps$1['altBoundary'];
+}
+/**
+ * A Solid component that renders an `prosekit-tooltip-positioner` custom element.
+ *
+ * @public
+ */
+declare const TooltipPositioner: Component<TooltipPositionerProps>;
 //#endregion
 //#region src/components/tooltip/tooltip-root.gen.d.ts
 /**
- * Props for the {@link TooltipRoot} component.
+ * Props for the {@link TooltipRoot} Solid component.
+ *
+ * @public
+ */
+interface TooltipRootProps extends JSX.HTMLAttributes<TooltipRootElement> {
+  /**
+   * Whether the overlay is initially open.
+   * @default false
+   */
+  defaultOpen?: TooltipRootProps$1['defaultOpen'];
+  /**
+   * Whether the overlay is currently open.
+   * @default null
+   */
+  open?: TooltipRootProps$1['open'];
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: TooltipRootProps$1['disabled'];
+  /** Emitted when the tooltip is opened or closed. */
+  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;
+}
+/**
+ * A Solid component that renders an `prosekit-tooltip-root` custom element.
+ *
+ * @public
  */
-interface TooltipRootProps extends Partial<CreateProps<TooltipRootProps$1, TooltipRootEvents>> {}
-declare const TooltipRoot: Component<PropsWithElement<TooltipRootProps, TooltipRootElement>>;
+declare const TooltipRoot: Component<TooltipRootProps>;
 //#endregion
 //#region src/components/tooltip/tooltip-trigger.gen.d.ts
 /**
- * Props for the {@link TooltipTrigger} component.
+ * Props for the {@link TooltipTrigger} Solid component.
+ *
+ * @public
+ */
+interface TooltipTriggerProps extends JSX.HTMLAttributes<TooltipTriggerElement> {
+  /**
+   * Whether the component should ignore user interaction.
+   * @default false
+   */
+  disabled?: TooltipTriggerProps$1['disabled'];
+  /**
+   * The delay in milliseconds before opening the tooltip on hover.
+   * @default 600
+   */
+  openDelay?: TooltipTriggerProps$1['openDelay'];
+  /**
+   * The delay in milliseconds before closing the tooltip when hover/focus ends.
+   * @default 0
+   */
+  closeDelay?: TooltipTriggerProps$1['closeDelay'];
+}
+/**
+ * A Solid component that renders an `prosekit-tooltip-trigger` custom element.
+ *
+ * @public
  */
-interface TooltipTriggerProps extends Partial<CreateProps<TooltipTriggerProps$1, TooltipTriggerEvents>> {}
-declare const TooltipTrigger: Component<PropsWithElement<TooltipTriggerProps, TooltipTriggerElement>>;
+declare const TooltipTrigger: Component<TooltipTriggerProps>;
 //#endregion
-export { TooltipContent, type TooltipContentProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
+export { OpenChangeEvent, TooltipPopup, type TooltipPopupProps, TooltipPositioner, type TooltipPositionerProps, TooltipRoot, type TooltipRootEvents, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
 //# sourceMappingURL=prosekit-solid-tooltip.d.ts.map

package/dist/prosekit-solid-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.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,gBAAA,SAAyB,OAAA,CAAQ,WAAA,CAAY,kBAAA,EAAO,iBAAA;AAAA,cAExD,WAAA,EAAa,SAAA,CAAU,gBAAA,CAClC,gBAAA,EACA,kBAAA;;;;;ADJF;UEAiB,mBAAA,SAA4B,OAAA,CAAQ,WAAA,CAAY,qBAAA,EAAO,oBAAA;AAAA,cAE3D,cAAA,EAAgB,SAAA,CAAU,gBAAA,CACrC,mBAAA,EACA,qBAAA"}
+{"version":3,"file":"prosekit-solid-tooltip.d.ts","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"mappings":";;;;;;;;;UAaiB,iBAAA,SAA0B,GAAA,CAAI,cAAA,CAAe,mBAAA;;AAO9D;;;;cAAa,YAAA,EAAc,SAAA,CAAU,iBAAA;;;;;;;;UCNpB,sBAAA,SAA+B,GAAA,CAAI,cAAA,CAAe,wBAAA;EDDc;;AAOjF;;;ECAE,QAAA,GAAW,wBAAA;EDAyC;;;;ACNtD;EAYE,SAAA,GAAY,wBAAA;;;;;;;;EAQZ,UAAA,GAAa,wBAAA;EA4BL;;;;;;EArBR,KAAA,GAAQ,wBAAA;EAsEG;;;;;EAhEX,MAAA,GAAS,wBAAA;EAjCuD;;;;;;;;EA0ChE,IAAA,GAAO,wBAAA;EAtBP;;;;;EA4BA,KAAA,GAAQ,wBAAA;EANR;;;;;;EAaA,OAAA,GAAU,wBAAA;EAOI;;;;;;EAAd,WAAA,GAAc,wBAAA;EA4Bd;;;;;;EArBA,SAAA,GAAY,wBAAA;EA0CM;;;;;;EAnClB,UAAA,GAAa,wBAAA;EA2DF;;;;;;EApDX,MAAA,GAAS,wBAAA;;ACnFX;;;;;ED0FE,IAAA,GAAO,wBAAA;EC3EI;;;;;;EDkFX,QAAA,GAAW,wBAAA;ECjGgD;;;;;;EDwG3D,YAAA,GAAe,wBAAA;ECvFf;;;;;AAQF;EDsFE,eAAA,GAAkB,wBAAA;;;;;;;AE/GpB;EFuHE,cAAA,GAAiB,wBAAA;;;;;;;;EAQjB,WAAA,GAAc,wBAAA;AAAA;;;;;;cAQH,iBAAA,EAAmB,SAAA,CAAU,sBAAA;;;;;;;;UCvIzB,gBAAA,SAAyB,GAAA,CAAI,cAAA,CAAe,kBAAA;EFDoB;;AAOjF;;EEDE,WAAA,GAAc,kBAAA;EFCW;;;;EEIzB,IAAA,GAAO,kBAAA;EDVQ;;;;ECef,QAAA,GAAW,kBAAA;EDHC;ECKZ,YAAA,IAAgB,KAAA,EAAO,iBAAA;AAAA;;;;;;cAQZ,WAAA,EAAa,SAAA,CAAU,gBAAA;;;;;;;;UCzBnB,mBAAA,SAA4B,GAAA,CAAI,cAAA,CAAe,qBAAA;EHDiB;;AAOjF;;EGDE,QAAA,GAAW,qBAAA;EHCc;;;;EGIzB,SAAA,GAAY,qBAAA;EFVG;;;;EEef,UAAA,GAAa,qBAAA;AAAA;;;;;;cAQF,cAAA,EAAgB,SAAA,CAAU,mBAAA"}

package/dist/prosekit-solid-tooltip.js

@@ -1,14 +1,156 @@
-import { t as createComponent } from "./create-component.js";
-import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
-//#region src/components/tooltip/tooltip-content.gen.ts
-const TooltipContent = createComponent("prosekit-tooltip-content", Object.keys(tooltipContentProps), Object.keys(tooltipContentEvents));
+import { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import h from "solid-js/h";
+import { OpenChangeEvent, registerTooltipPopupElement, registerTooltipPositionerElement, registerTooltipRootElement, registerTooltipTriggerElement } from "@prosekit/web/tooltip";
+//#region src/components/tooltip/tooltip-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-tooltip-popup` custom element.
+*
+* @public
+*/
+const TooltipPopup = (props) => {
+	registerTooltipPopupElement();
+	const restProps = props;
+	return () => h("prosekit-tooltip-popup", restProps);
+};
+//#endregion
+//#region src/components/tooltip/tooltip-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-tooltip-positioner` custom element.
+*
+* @public
+*/
+const TooltipPositioner = (props) => {
+	registerTooltipPositionerElement();
+	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-tooltip-positioner", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 //#region src/components/tooltip/tooltip-root.gen.ts
-const TooltipRoot = createComponent("prosekit-tooltip-root", Object.keys(tooltipRootProps), Object.keys(tooltipRootEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-tooltip-root` custom element.
+*
+* @public
+*/
+const TooltipRoot = (props) => {
+	registerTooltipRootElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, [
+		"defaultOpen",
+		"disabled",
+		"open"
+	], ["onOpenChange"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			defaultOpen: elementProps.defaultOpen,
+			disabled: elementProps.disabled,
+			open: elementProps.open
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onOpenChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["openChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-tooltip-root", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
 //#region src/components/tooltip/tooltip-trigger.gen.ts
-const TooltipTrigger = createComponent("prosekit-tooltip-trigger", Object.keys(tooltipTriggerProps), Object.keys(tooltipTriggerEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-tooltip-trigger` custom element.
+*
+* @public
+*/
+const TooltipTrigger = (props) => {
+	registerTooltipTriggerElement();
+	const [getElement, setElement] = createSignal(null);
+	const [elementProps, restProps] = splitProps(props, [
+		"closeDelay",
+		"disabled",
+		"openDelay"
+	]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			closeDelay: elementProps.closeDelay,
+			disabled: elementProps.disabled,
+			openDelay: elementProps.openDelay
+		});
+	});
+	return () => h("prosekit-tooltip-trigger", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-export { TooltipContent, TooltipRoot, TooltipTrigger };
+export { OpenChangeEvent, TooltipPopup, TooltipPositioner, TooltipRoot, TooltipTrigger };
 
 //# sourceMappingURL=prosekit-solid-tooltip.js.map

package/dist/prosekit-solid-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-content.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["import { \n  type TooltipContentElement,\n  type TooltipContentProps as Props,\n  type TooltipContentEvents as Events,\n  tooltipContentProps,\n  tooltipContentEvents,\n} from '@prosekit/web/tooltip'\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 TooltipContent} component.\n */\nexport interface TooltipContentProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipContent: Component<PropsWithElement<\n  TooltipContentProps,\n  TooltipContentElement\n>> = createComponent<\n  TooltipContentProps,\n  TooltipContentElement\n>(\n  'prosekit-tooltip-content', \n  Object.keys(tooltipContentProps),\n  Object.keys(tooltipContentEvents),\n)\n","import { \n  type TooltipRootElement,\n  type TooltipRootProps as Props,\n  type TooltipRootEvents as Events,\n  tooltipRootProps,\n  tooltipRootEvents,\n} from '@prosekit/web/tooltip'\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 TooltipRoot} component.\n */\nexport interface TooltipRootProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipRoot: Component<PropsWithElement<\n  TooltipRootProps,\n  TooltipRootElement\n>> = createComponent<\n  TooltipRootProps,\n  TooltipRootElement\n>(\n  'prosekit-tooltip-root', \n  Object.keys(tooltipRootProps),\n  Object.keys(tooltipRootEvents),\n)\n","import { \n  type TooltipTriggerElement,\n  type TooltipTriggerProps as Props,\n  type TooltipTriggerEvents as Events,\n  tooltipTriggerProps,\n  tooltipTriggerEvents,\n} from '@prosekit/web/tooltip'\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 TooltipTrigger} component.\n */\nexport interface TooltipTriggerProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const TooltipTrigger: Component<PropsWithElement<\n  TooltipTriggerProps,\n  TooltipTriggerElement\n>> = createComponent<\n  TooltipTriggerProps,\n  TooltipTriggerElement\n>(\n  'prosekit-tooltip-trigger', \n  Object.keys(tooltipTriggerProps),\n  Object.keys(tooltipTriggerEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,iBAGR,gBAIH,4BACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC;;;ACVD,MAAa,cAGR,gBAIH,yBACA,OAAO,KAAK,iBAAiB,EAC7B,OAAO,KAAK,kBAAkB,CAC/B;;;ACVD,MAAa,iBAGR,gBAIH,4BACA,OAAO,KAAK,oBAAoB,EAChC,OAAO,KAAK,qBAAqB,CAClC"}
+{"version":3,"file":"prosekit-solid-tooltip.js","names":[],"sources":["../src/components/tooltip/tooltip-popup.gen.ts","../src/components/tooltip/tooltip-positioner.gen.ts","../src/components/tooltip/tooltip-root.gen.ts","../src/components/tooltip/tooltip-trigger.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipPopupElement, type TooltipPopupElement } from '@prosekit/web/tooltip';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link TooltipPopup} Solid component.\n *\n * @public\n */\nexport interface TooltipPopupProps extends JSX.HTMLAttributes<TooltipPopupElement> {}\n\n/**\n * A Solid component that renders an `prosekit-tooltip-popup` custom element.\n *\n * @public\n */\nexport const TooltipPopup: Component<TooltipPopupProps> = (props): any => {\n  registerTooltipPopupElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-tooltip-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 { registerTooltipPositionerElement, type TooltipPositionerElement, type TooltipPositionerProps as TooltipPositionerElementProps } from '@prosekit/web/tooltip';\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 TooltipPositioner} Solid component.\n *\n * @public\n */\nexport interface TooltipPositionerProps extends JSX.HTMLAttributes<TooltipPositionerElement> {\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: TooltipPositionerElementProps['strategy'];\n  /**\n   * The initial placement of the floating element\n   *\n   * @default \"top\"\n   */\n  placement?: TooltipPositionerElementProps['placement'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['hoist'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: TooltipPositionerElementProps['offset'];\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?: TooltipPositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: TooltipPositionerElementProps['shift'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: TooltipPositionerElementProps['inline'];\n  /**\n   * Whether to hide the floating element when the reference element or the\n   * floating element is fully clipped.\n   *\n   * @default false\n   */\n  hide?: TooltipPositionerElementProps['hide'];\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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['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?: TooltipPositionerElementProps['altBoundary'];\n}\n\n/**\n * A Solid component that renders an `prosekit-tooltip-positioner` custom element.\n *\n * @public\n */\nexport const TooltipPositioner: Component<TooltipPositionerProps> = (props): any => {\n  registerTooltipPositionerElement();\n\n  const [getElement, setElement] = createSignal<TooltipPositionerElement | 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-tooltip-positioner',\n      mergeProps(restProps, {\n        ref: (el: TooltipPositionerElement | 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 { registerTooltipRootElement, type TooltipRootElement, type TooltipRootEvents, type TooltipRootProps as TooltipRootElementProps } from '@prosekit/web/tooltip';\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 TooltipRoot} Solid component.\n *\n * @public\n */\nexport interface TooltipRootProps extends JSX.HTMLAttributes<TooltipRootElement> {\n  /**\n   * Whether the overlay is initially open.\n   * @default false\n   */\n  defaultOpen?: TooltipRootElementProps['defaultOpen'];\n  /**\n   * Whether the overlay is currently open.\n   * @default null\n   */\n  open?: TooltipRootElementProps['open'];\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipRootElementProps['disabled'];\n  /** Emitted when the tooltip is opened or closed. */\n  onOpenChange?: (event: TooltipRootEvents['openChange']) => void;\n}\n\n/**\n * A Solid component that renders an `prosekit-tooltip-root` custom element.\n *\n * @public\n */\nexport const TooltipRoot: Component<TooltipRootProps> = (props): any => {\n  registerTooltipRootElement();\n\n  const [getElement, setElement] = createSignal<TooltipRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['defaultOpen', 'disabled', 'open'], ['onOpenChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { defaultOpen: elementProps.defaultOpen, disabled: elementProps.disabled, open: elementProps.open });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange'].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-tooltip-root',\n      mergeProps(restProps, {\n        ref: (el: TooltipRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { TooltipRootEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerTooltipTriggerElement, type TooltipTriggerElement, type TooltipTriggerProps as TooltipTriggerElementProps } from '@prosekit/web/tooltip';\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 TooltipTrigger} Solid component.\n *\n * @public\n */\nexport interface TooltipTriggerProps extends JSX.HTMLAttributes<TooltipTriggerElement> {\n  /**\n   * Whether the component should ignore user interaction.\n   * @default false\n   */\n  disabled?: TooltipTriggerElementProps['disabled'];\n  /**\n   * The delay in milliseconds before opening the tooltip on hover.\n   * @default 600\n   */\n  openDelay?: TooltipTriggerElementProps['openDelay'];\n  /**\n   * The delay in milliseconds before closing the tooltip when hover/focus ends.\n   * @default 0\n   */\n  closeDelay?: TooltipTriggerElementProps['closeDelay'];\n}\n\n/**\n * A Solid component that renders an `prosekit-tooltip-trigger` custom element.\n *\n * @public\n */\nexport const TooltipTrigger: Component<TooltipTriggerProps> = (props): any => {\n  registerTooltipTriggerElement();\n\n  const [getElement, setElement] = createSignal<TooltipTriggerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['closeDelay', 'disabled', 'openDelay']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { closeDelay: elementProps.closeDelay, disabled: elementProps.disabled, openDelay: elementProps.openDelay });\n  });\n\n  return () =>\n    h(\n      'prosekit-tooltip-trigger',\n      mergeProps(restProps, {\n        ref: (el: TooltipTriggerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAa,gBAA8C,UAAe;AACxE,8BAA6B;CAE7B,MAAM,YAAY;AAElB,cAAa,EAAE,0BAA0B,UAAU;;;;;;;;;;;;AC4HrD,MAAa,qBAAwD,UAAe;AAClF,mCAAkC;CAElC,MAAM,CAAC,YAAY,cAAc,aAA8C,KAAK;CAEpF,MAAM,CAAC,cAAc,aAAa,WAAW,OAAO;EAAC;EAAe;EAAc;EAAY;EAAkB;EAAe;EAAQ;EAAQ;EAAS;EAAU;EAAU;EAAmB;EAAW;EAAa;EAAgB;EAAc;EAAa;EAAS;EAAW,CAAC;AAEvR,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GACrB,aAAa,aAAa;GAC1B,YAAY,aAAa;GACzB,UAAU,aAAa;GACvB,gBAAgB,aAAa;GAC7B,aAAa,aAAa;GAC1B,MAAM,aAAa;GACnB,MAAM,aAAa;GACnB,OAAO,aAAa;GACpB,QAAQ,aAAa;GACrB,QAAQ,aAAa;GACrB,iBAAiB,aAAa;GAC9B,SAAS,aAAa;GACtB,WAAW,aAAa;GACxB,cAAc,aAAa;GAC3B,YAAY,aAAa;GACzB,WAAW,aAAa;GACxB,OAAO,aAAa;GACpB,UAAU,aAAa;GACxB,CAAC;GACF;AAEF,cACE,EACE,+BACA,WAAW,WAAW,EACpB,MAAM,OAAwC;AAC5C,aAAW,GAAG;IAEjB,CAAC,CACH;;;;;;;;;;;;ACvJL,MAAa,eAA4C,UAAe;AACtE,6BAA4B;CAE5B,MAAM,CAAC,YAAY,cAAc,aAAwC,KAAK;CAC9E,MAAM,WAAsD,EAAE;CAE9D,MAAM,CAAC,cAAc,eAAe,aAAa,WAAW,OAAO;EAAC;EAAe;EAAY;EAAO,EAAE,CAAC,eAAe,CAAC;AAEzH,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,aAAa,aAAa;GAAa,UAAU,aAAa;GAAU,MAAM,aAAa;GAAM,CAAC;AAE3H,WAAS,SAAS;AAClB,WAAS,KAAK,cAAc,aAAa;GACzC;AAEF,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;EAEd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,aAAa,CAAC,SAAS,CACvD,SAAQ,iBACN,YACC,UAAU;AACT,YAAS,SAAS,MAAM;KAE1B,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;GACvB;AAEF,cACE,EACE,yBACA,WAAW,WAAW,EACpB,MAAM,OAAkC;AACtC,aAAW,GAAG;IAEjB,CAAC,CACH;;;;;;;;;;;;AC7CL,MAAa,kBAAkD,UAAe;AAC5E,gCAA+B;CAE/B,MAAM,CAAC,YAAY,cAAc,aAA2C,KAAK;CAEjF,MAAM,CAAC,cAAc,aAAa,WAAW,OAAO;EAAC;EAAc;EAAY;EAAY,CAAC;AAE5F,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,YAAY,aAAa;GAAY,UAAU,aAAa;GAAU,WAAW,aAAa;GAAW,CAAC;GACnI;AAEF,cACE,EACE,4BACA,WAAW,WAAW,EACpB,MAAM,OAAqC;AACzC,aAAW,GAAG;IAEjB,CAAC,CACH"}

package/dist/prosekit-solid.d.ts

@@ -1,5 +1,4 @@
-import { i as PropsWithElement, n as PropsWithChildren, r as PropsWithClass, t as MaybeAccessor } from "./types.js";
-import { Accessor, Component, ParentProps } from "solid-js";
+import { Accessor, Component, JSX, JSXElement, ParentProps } from "solid-js";
 import { Editor, Extension, Keymap, Priority } from "@prosekit/core";
 import { MarkViewContextProps, NodeViewContextProps } from "@prosemirror-adapter/solid";
 import { CoreMarkViewUserOptions, CoreNodeViewUserOptions } from "@prosemirror-adapter/core";
@@ -71,6 +70,28 @@ interface SolidNodeViewOptions extends CoreNodeViewUserOptions<SolidNodeViewComp
  */
 declare function defineSolidNodeView(options: SolidNodeViewOptions): Extension;
 //#endregion
+//#region src/types.d.ts
+/**
+ * @internal
+ */
+type PropsWithClass<P = unknown> = P & {
+  class?: string | undefined;
+};
+/**
+ * @internal
+ */
+type PropsWithChildren<P = unknown> = P & {
+  children?: JSXElement | undefined;
+};
+/**
+ * @internal
+ */
+type PropsWithElement<Props extends object, CustomElement extends HTMLElement> = Props & JSX.HTMLAttributes<CustomElement>;
+/**
+ * T or a reactive/non-reactive function returning T
+ */
+type MaybeAccessor<T> = T | Accessor<T>;
+//#endregion
 //#region src/hooks/use-extension.d.ts
 interface UseExtensionOptions {
   /**

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"mappings":";;;;;;;;;KAOY,aAAA,GAAgB,WAAA;EAC1B,MAAA,EAAQ,MAAA;AAAA;;;;;AADV;cASa,QAAA,EAAU,SAAA,CAAU,aAAA;;;;;;UCAhB,kBAAA,SAA2B,oBAAA;ADT5C;;;AAAA,KCcY,sBAAA,GAAyB,SAAA,CAAU,kBAAA;;;;;;UAO9B,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;EDIrE;;;ECAC,IAAA;AAAA;;;;AAXF;;iBAwDgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;;;;UC7DnD,kBAAA,SAA2B,oBAAA;AFT5C;;;AAAA,KEcY,sBAAA,GAAyB,SAAA,CAAU,kBAAA;;;;;;UAO9B,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;EFIrE;;;EEAC,IAAA;AAAA;;;;ADXF;;iBCuEgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;UCpFnD,mBAAA;;;;;EAKf,MAAA,GAAS,aAAA,CAAc,MAAA;EHNb;;;EGWV,QAAA,GAAW,QAAA;AAAA;;;;iBAMG,YAAA;AHRhB;;;;;AGaE,SAAA,EAAW,QAAA,CAAS,SAAA,UACpB,OAAA,GAAU,mBAAA;;;;;;;;iBCpBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;;;UCJK,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,aAAA,CAAc,MAAA,CAAO,CAAA;AAAA;;;;;;;;;ALGhC;;;;iBKYgB,qBAAA,WAAgC,SAAA,UAAA;;;;AJZhD;;;;AImBE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,QAAA,CAAS,OAAA;;;;;;;;iBC3BI,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;;;ANHrD;;;;EMUE,MAAA;AAAA,UACQ,MAAA,CAAO,CAAA;;;iBCdD,SAAA,CAAU,MAAA,QAAc,MAAA,EAAQ,OAAA,GAAU,mBAAA;;;;;;;;iBCM1C,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA"}
+{"version":3,"file":"prosekit-solid.d.ts","names":[],"sources":["../src/components/prosekit.ts","../src/extensions/solid-mark-view.ts","../src/extensions/solid-node-view.ts","../src/types.ts","../src/hooks/use-extension.ts","../src/hooks/use-doc-change.ts","../src/hooks/use-editor-derived-value.ts","../src/hooks/use-editor.ts","../src/hooks/use-keymap.ts","../src/hooks/use-state-update.ts"],"mappings":";;;;;;;;KAOY,aAAA,GAAgB,WAAA;EAC1B,MAAA,EAAQ,MAAA;AAAA;;;;AADV;;cASa,QAAA,EAAU,SAAA,CAAU,aAAA;;;;;;UCAhB,kBAAA,SAA2B,oBAAA;;;;KAKhC,sBAAA,GAAyB,SAAA,CAAU,kBAAA;;;;;ADL/C;UCYiB,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;;;;EAIpE,IAAA;AAAA;;;AAXF;;;iBAwDgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;;;;UC7DnD,kBAAA,SAA2B,oBAAA;;;;KAKhC,sBAAA,GAAyB,SAAA,CAAU,kBAAA;;;;;AFL/C;UEYiB,oBAAA,SAA6B,uBAAA,CAAwB,sBAAA;;;;EAIpE,IAAA;AAAA;;;ADXF;;;iBCuEgB,mBAAA,CAAoB,OAAA,EAAS,oBAAA,GAAuB,SAAA;;;;;;KCvFxD,cAAA,gBAA8B,CAAA;EACxC,KAAA;AAAA;;AHCF;;KGKY,iBAAA,gBAAiC,CAAA;EAC3C,QAAA,GAAW,UAAA;AAAA;;;;KAMD,gBAAA,6CAA6D,WAAA,IAAe,KAAA,GAAQ,GAAA,CAAI,cAAA,CAAe,aAAA;AHHnH;;;AAAA,KGQY,aAAA,MAAmB,CAAA,GAAI,QAAA,CAAS,CAAA;;;UChB3B,mBAAA;;;;;EAKf,MAAA,GAAS,aAAA,CAAc,MAAA;EJNA;;;EIWvB,QAAA,GAAW,QAAA;AAAA;;;;iBAMG,YAAA;;;;;;AAKd,SAAA,EAAW,QAAA,CAAS,SAAA,UACpB,OAAA,GAAU,mBAAA;;;;;;;;iBCpBI,YAAA,CACd,OAAA,GAAU,GAAA,EAAK,eAAA,WACf,OAAA,GAAU,mBAAA;;;UCJK,uBAAA,WAAkC,SAAA;;;;;EAKjD,MAAA,GAAS,aAAA,CAAc,MAAA,CAAO,CAAA;AAAA;;;;;;;;ANGhC;;;;;iBMYgB,qBAAA,WAAgC,SAAA,UAAA;;;ALZhD;;;;;AKmBE,MAAA,GAAS,MAAA,EAAQ,MAAA,CAAO,CAAA,MAAO,OAAA,EAC/B,OAAA,GAAU,uBAAA,CAAwB,CAAA,IACjC,QAAA,CAAS,OAAA;;;;;;;;iBC3BI,SAAA,WAAoB,SAAA,OAAA,CAAiB,OAAA;;APHrD;;;;;EOUE,MAAA;AAAA,UACQ,MAAA,CAAO,CAAA;;;iBCdD,SAAA,CAAU,MAAA,QAAc,MAAA,EAAQ,OAAA,GAAU,mBAAA;;;;;;;;iBCM1C,cAAA,CACd,OAAA,GAAU,KAAA,EAAO,WAAA,WACjB,OAAA,GAAU,mBAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/solid",
   "type": "module",
-  "version": "0.7.0-beta.1",
+  "version": "0.7.0-beta.2",
   "private": false,
   "description": "Solid components and utilities for ProseKit",
   "author": {
@@ -46,6 +46,10 @@
       "types": "./dist/prosekit-solid-inline-popover.d.ts",
       "default": "./dist/prosekit-solid-inline-popover.js"
     },
+    "./menu": {
+      "types": "./dist/prosekit-solid-menu.d.ts",
+      "default": "./dist/prosekit-solid-menu.js"
+    },
     "./popover": {
       "types": "./dist/prosekit-solid-popover.d.ts",
       "default": "./dist/prosekit-solid-popover.js"
@@ -70,9 +74,9 @@
   "dependencies": {
     "@prosemirror-adapter/core": "^0.5.3",
     "@prosemirror-adapter/solid": "^0.5.3",
+    "@prosekit/core": "^0.12.0-beta.0",
     "@prosekit/pm": "^0.1.15",
-    "@prosekit/web": "^0.8.0-beta.0",
-    "@prosekit/core": "^0.12.0-beta.0"
+    "@prosekit/web": "^0.8.0-beta.1"
   },
   "peerDependencies": {
     "solid-js": ">= 1.7.0"
@@ -83,16 +87,16 @@
     }
   },
   "devDependencies": {
-    "solid-js": "^1.9.11",
-    "tsdown": "^0.21.4",
+    "solid-js": "^1.9.12",
+    "tsdown": "^0.21.7",
     "typescript": "~5.9.3",
-    "vite-plugin-solid": "^2.11.11",
-    "vitest": "^4.1.1",
+    "vite-plugin-solid": "^2.11.12",
+    "vitest": "^4.1.4",
     "vitest-browser-solid": "^1.0.1",
-    "@prosekit/config-tsdown": "0.0.0",
     "@prosekit/config-ts": "0.0.0",
-    "@prosekit/config-vitest": "0.0.0",
-    "@prosekit/testing": "0.0.0"
+    "@prosekit/config-tsdown": "0.0.0",
+    "@prosekit/testing": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
   },
   "publishConfig": {
     "dev": {}
@@ -100,14 +104,15 @@
   "dev": {
     "entry": {
       "prosekit-solid": "./src/index.ts",
-      "prosekit-solid-autocomplete": "./src/components/autocomplete/index.gen.ts",
-      "prosekit-solid-block-handle": "./src/components/block-handle/index.gen.ts",
-      "prosekit-solid-drop-indicator": "./src/components/drop-indicator/index.gen.ts",
-      "prosekit-solid-inline-popover": "./src/components/inline-popover/index.gen.ts",
-      "prosekit-solid-popover": "./src/components/popover/index.gen.ts",
-      "prosekit-solid-resizable": "./src/components/resizable/index.gen.ts",
-      "prosekit-solid-table-handle": "./src/components/table-handle/index.gen.ts",
-      "prosekit-solid-tooltip": "./src/components/tooltip/index.gen.ts"
+      "prosekit-solid-autocomplete": "./src/components/autocomplete/index.ts",
+      "prosekit-solid-block-handle": "./src/components/block-handle/index.ts",
+      "prosekit-solid-drop-indicator": "./src/components/drop-indicator/index.ts",
+      "prosekit-solid-inline-popover": "./src/components/inline-popover/index.ts",
+      "prosekit-solid-menu": "./src/components/menu/index.ts",
+      "prosekit-solid-popover": "./src/components/popover/index.ts",
+      "prosekit-solid-resizable": "./src/components/resizable/index.ts",
+      "prosekit-solid-table-handle": "./src/components/table-handle/index.ts",
+      "prosekit-solid-tooltip": "./src/components/tooltip/index.ts"
     }
   },
   "scripts": {
@@ -132,6 +137,9 @@
       "inline-popover": [
         "./dist/prosekit-solid-inline-popover.d.ts"
       ],
+      "menu": [
+        "./dist/prosekit-solid-menu.d.ts"
+      ],
       "popover": [
         "./dist/prosekit-solid-popover.d.ts"
       ],

package/src/components/autocomplete/autocomplete-empty.gen.ts

@@ -1,29 +1,27 @@
-import { 
-  type AutocompleteEmptyElement,
-  type AutocompleteEmptyProps as Props,
-  type AutocompleteEmptyEvents as Events,
-  autocompleteEmptyProps,
-  autocompleteEmptyEvents,
-} from '@prosekit/web/autocomplete'
-import type { Component } from 'solid-js'
+/**
+ * This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+ */
+
+import { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';
+import type { Component, JSX } from 'solid-js';
+import h from 'solid-js/h';
 
-import type { PropsWithElement } from '../../types.ts'
-import { createComponent } from '../create-component.ts'
-import type { CreateProps } from '../create-props.ts'
+/**
+ * Props for the {@link AutocompleteEmpty} Solid component.
+ *
+ * @public
+ */
+export interface AutocompleteEmptyProps extends JSX.HTMLAttributes<AutocompleteEmptyElement> {}
 
 /**
- * Props for the {@link AutocompleteEmpty} component.
+ * A Solid component that renders an `prosekit-autocomplete-empty` custom element.
+ *
+ * @public
  */
-export interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}
+export const AutocompleteEmpty: Component<AutocompleteEmptyProps> = (props): any => {
+  registerAutocompleteEmptyElement();
+
+  const restProps = props;
 
-export const AutocompleteEmpty: Component<PropsWithElement<
-  AutocompleteEmptyProps,
-  AutocompleteEmptyElement
->> = createComponent<
-  AutocompleteEmptyProps,
-  AutocompleteEmptyElement
->(
-  'prosekit-autocomplete-empty', 
-  Object.keys(autocompleteEmptyProps),
-  Object.keys(autocompleteEmptyEvents),
-)
+  return () => h('prosekit-autocomplete-empty', restProps);
+};