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

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

@@ -1,34 +1,241 @@
-import { t as CreateProps } from "./create-props.js";
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
-import { AutocompleteEmptyElement, AutocompleteEmptyEvents, AutocompleteEmptyProps as AutocompleteEmptyProps$1, AutocompleteItemElement, AutocompleteItemEvents, AutocompleteItemProps as AutocompleteItemProps$1, AutocompleteListElement, AutocompleteListEvents, AutocompleteListProps as AutocompleteListProps$1, AutocompletePopoverElement, AutocompletePopoverEvents, AutocompletePopoverProps as AutocompletePopoverProps$1 } from "@prosekit/web/autocomplete";
+import { AutocompleteEmptyElement, AutocompleteItemElement, AutocompleteItemEvents, AutocompleteItemProps as AutocompleteItemProps$1, AutocompletePopupElement, AutocompletePopupEvents, AutocompletePositionerElement, AutocompletePositionerProps as AutocompletePositionerProps$1, AutocompleteRootElement, AutocompleteRootEvents, AutocompleteRootProps as AutocompleteRootProps$1, OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent } from "@prosekit/web/autocomplete";
 
 //#region src/components/autocomplete/autocomplete-empty.gen.d.ts
 /**
- * Props for the {@link AutocompleteEmpty} component.
+ * Props for the {@link AutocompleteEmpty} React component.
+ *
+ * @public
  */
-interface AutocompleteEmptyProps extends Partial<CreateProps<AutocompleteEmptyProps$1, AutocompleteEmptyEvents>> {}
-declare const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement> & HTMLAttributes<AutocompleteEmptyElement>>;
+interface AutocompleteEmptyProps extends HTMLAttributes<AutocompleteEmptyElement> {}
+/**
+ * A React component that renders an `prosekit-autocomplete-empty` custom element.
+ *
+ * @public
+ */
+declare const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement>>;
 //#endregion
 //#region src/components/autocomplete/autocomplete-item.gen.d.ts
 /**
- * Props for the {@link AutocompleteItem} component.
+ * Props for the {@link AutocompleteItem} React component.
+ *
+ * @public
+ */
+interface AutocompleteItemProps extends Omit<HTMLAttributes<AutocompleteItemElement>, 'onSelect'> {
+  /**
+   * The value of the item, which will be matched against the query.
+   *
+   * If not provided, the value is the item's text content.
+   *
+   * @default ""
+   */
+  value?: AutocompleteItemProps$1['value'];
+  /**
+   * Whether this option is disabled.
+   *
+   * @default false
+   */
+  disabled?: AutocompleteItemProps$1['disabled'];
+  /** Emitted when the the item is selected. */
+  onSelect?: (event: AutocompleteItemEvents['select']) => void;
+}
+/**
+ * A React component that renders an `prosekit-autocomplete-item` custom element.
+ *
+ * @public
  */
-interface AutocompleteItemProps extends Partial<CreateProps<AutocompleteItemProps$1, AutocompleteItemEvents>> {}
-declare const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & RefAttributes<AutocompleteItemElement> & HTMLAttributes<AutocompleteItemElement>>;
+declare const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & RefAttributes<AutocompleteItemElement>>;
 //#endregion
-//#region src/components/autocomplete/autocomplete-list.gen.d.ts
+//#region src/components/autocomplete/autocomplete-popup.gen.d.ts
 /**
- * Props for the {@link AutocompleteList} component.
+ * Props for the {@link AutocompletePopup} React component.
+ *
+ * @public
  */
-interface AutocompleteListProps extends Partial<CreateProps<AutocompleteListProps$1, AutocompleteListEvents>> {}
-declare const AutocompleteList: ForwardRefExoticComponent<AutocompleteListProps & RefAttributes<AutocompleteListElement> & HTMLAttributes<AutocompleteListElement>>;
+interface AutocompletePopupProps extends HTMLAttributes<AutocompletePopupElement> {
+  /**
+   * Emitted when the selected value changes. Only available when multiple is
+   * false.
+   */
+  onValueChange?: (event: AutocompletePopupEvents['valueChange']) => void;
+  /**
+   * Emitted when the selected values change. Only available when multiple is
+   * true.
+   */
+  onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;
+}
+/**
+ * A React component that renders an `prosekit-autocomplete-popup` custom element.
+ *
+ * @public
+ */
+declare const AutocompletePopup: ForwardRefExoticComponent<AutocompletePopupProps & RefAttributes<AutocompletePopupElement>>;
 //#endregion
-//#region src/components/autocomplete/autocomplete-popover.gen.d.ts
+//#region src/components/autocomplete/autocomplete-positioner.gen.d.ts
+/**
+ * Props for the {@link AutocompletePositioner} React component.
+ *
+ * @public
+ */
+interface AutocompletePositionerProps extends HTMLAttributes<AutocompletePositionerElement> {
+  /**
+   * The placement of the popover, relative to the text cursor.
+   *
+   * @default "bottom-start"
+   */
+  placement?: AutocompletePositionerProps$1['placement'];
+  /**
+   * The distance between the popover and the hovered block.
+   *
+   * @default 4
+   */
+  offset?: AutocompletePositionerProps$1['offset'];
+  /** @default true */
+  inline?: AutocompletePositionerProps$1['inline'];
+  /** @default true */
+  hoist?: AutocompletePositionerProps$1['hoist'];
+  /** @default true */
+  fitViewport?: AutocompletePositionerProps$1['fitViewport'];
+  /** @default "The body element" */
+  boundary?: AutocompletePositionerProps$1['boundary'];
+  /** @default 8 */
+  overflowPadding?: AutocompletePositionerProps$1['overflowPadding'];
+  /**
+   * The strategy to use for positioning
+   *
+   * @default "absolute"
+   */
+  strategy?: AutocompletePositionerProps$1['strategy'];
+  /**
+   * Options to activate auto-update listeners
+   *
+   * @see https://floating-ui.com/docs/autoUpdate
+   *
+   * @default true
+   */
+  autoUpdate?: AutocompletePositionerProps$1['autoUpdate'];
+  /**
+   * 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?: AutocompletePositionerProps$1['flip'];
+  /**
+   * Whether the floating element should shift to keep it in view.
+   *
+   * @default true
+   */
+  shift?: AutocompletePositionerProps$1['shift'];
+  /**
+   * Whether the floating element can overlap the reference element to keep it
+   * in view.
+   *
+   * @default false
+   */
+  overlap?: AutocompletePositionerProps$1['overlap'];
+  /**
+   * Whether to constrain the floating element's width so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameWidth?: AutocompletePositionerProps$1['sameWidth'];
+  /**
+   * Whether to constrain the floating element's height so that it matches the
+   * reference element.
+   *
+   * @default false
+   */
+  sameHeight?: AutocompletePositionerProps$1['sameHeight'];
+  /**
+   * Whether to hide the floating element when the reference element or the
+   * floating element is fully clipped.
+   *
+   * @default false
+   */
+  hide?: AutocompletePositionerProps$1['hide'];
+  /**
+   * 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?: AutocompletePositionerProps$1['rootBoundary'];
+  /**
+   * The element that will be used to check for overflow. Please see
+   * https://floating-ui.com/docs/detectoverflow#elementcontext for more
+   * information.
+   *
+   * @default 'floating'
+   */
+  elementContext?: AutocompletePositionerProps$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?: AutocompletePositionerProps$1['altBoundary'];
+}
+/**
+ * A React component that renders an `prosekit-autocomplete-positioner` custom element.
+ *
+ * @public
+ */
+declare const AutocompletePositioner: ForwardRefExoticComponent<AutocompletePositionerProps & RefAttributes<AutocompletePositionerElement>>;
+//#endregion
+//#region src/components/autocomplete/autocomplete-root.gen.d.ts
+/**
+ * Props for the {@link AutocompleteRoot} React component.
+ *
+ * @public
+ */
+interface AutocompleteRootProps extends HTMLAttributes<AutocompleteRootElement> {
+  /**
+   * The ProseKit editor instance.
+   *
+   * @default null
+   * @hidden
+   */
+  editor?: AutocompleteRootProps$1['editor'];
+  /**
+   * The regular expression to match the query text to autocomplete.
+   *
+   * @default null
+   */
+  regex?: AutocompleteRootProps$1['regex'];
+  /**
+   * The filter function to determine if an item should be shown in the
+   * listbox.
+   *
+   * @default defaultItemFilter
+   */
+  filter?: AutocompleteRootProps$1['filter'];
+  /** Fired when the open state changes. */
+  onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;
+  /** Fired when the query changes. */
+  onQueryChange?: (event: AutocompleteRootEvents['queryChange']) => void;
+  /**
+   * Emitted when the selected value changes. Only available when multiple is
+   * false.
+   */
+  onValueChange?: (event: AutocompleteRootEvents['valueChange']) => void;
+  /**
+   * Emitted when the selected values change. Only available when multiple is
+   * true.
+   */
+  onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;
+}
 /**
- * Props for the {@link AutocompletePopover} component.
+ * A React component that renders an `prosekit-autocomplete-root` custom element.
+ *
+ * @public
  */
-interface AutocompletePopoverProps extends Partial<CreateProps<AutocompletePopoverProps$1, AutocompletePopoverEvents>> {}
-declare const AutocompletePopover: ForwardRefExoticComponent<AutocompletePopoverProps & RefAttributes<AutocompletePopoverElement> & HTMLAttributes<AutocompletePopoverElement>>;
+declare const AutocompleteRoot: ForwardRefExoticComponent<AutocompleteRootProps & RefAttributes<AutocompleteRootElement>>;
 //#endregion
-export { AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteItem, type AutocompleteItemProps, AutocompleteList, type AutocompleteListProps, AutocompletePopover, type AutocompletePopoverProps };
+export { AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteItem, type AutocompleteItemEvents, type AutocompleteItemProps, AutocompletePopup, type AutocompletePopupEvents, type AutocompletePopupProps, AutocompletePositioner, type AutocompletePositionerProps, AutocompleteRoot, type AutocompleteRootEvents, type AutocompleteRootProps, OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent };
 //# sourceMappingURL=prosekit-react-autocomplete.d.ts.map

package/dist/prosekit-react-autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"mappings":";;;;;;;AAmBA;UAAiB,sBAAA,SAA+B,OAAA,CAAQ,WAAA,CAAY,wBAAA,EAAO,uBAAA;AAAA,cAE9D,iBAAA,EAAmB,yBAAA,CAC9B,sBAAA,GACA,aAAA,CAAc,wBAAA,IACd,cAAA,CAAe,wBAAA;;;;;AALjB;UCAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,yBAAA,CAC7B,qBAAA,GACA,aAAA,CAAc,uBAAA,IACd,cAAA,CAAe,uBAAA;;;;;ADLjB;UEAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,yBAAA,CAC7B,qBAAA,GACA,aAAA,CAAc,uBAAA,IACd,cAAA,CAAe,uBAAA;;;;;AFLjB;UGAiB,wBAAA,SAAiC,OAAA,CAAQ,WAAA,CAAY,0BAAA,EAAO,yBAAA;AAAA,cAEhE,mBAAA,EAAqB,yBAAA,CAChC,wBAAA,GACA,aAAA,CAAc,0BAAA,IACd,cAAA,CAAe,0BAAA"}
+{"version":3,"file":"prosekit-react-autocomplete.d.ts","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"mappings":";;;;;;;;AAyCA;UA7BiB,sBAAA,SAA+B,cAAA,CAAe,wBAAA;;;;;;cA6BlD,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,aAAA,CAAc,wBAAA;;;;;;;AAAjG;UC7BiB,qBAAA,SAA8B,IAAA,CAAK,cAAA,CAAe,uBAAA;;;;;;;;EAQjE,KAAA,GAAQ,uBAAA;EDqBgD;;;;;ECfxD,QAAA,GAAW,uBAAA;;EAEX,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;;;;;;cAsDR,gBAAA,EAAkB,yBAAA,CAA0B,qBAAA,GAAwB,aAAA,CAAc,uBAAA;;;;;;;ADzC/F;UE7BiB,sBAAA,SAA+B,cAAA,CAAe,wBAAA;;;;;EAK7D,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFwB+B;;;;EEnBvD,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;;;;;cAqDd,iBAAA,EAAmB,yBAAA,CAA0B,sBAAA,GAAyB,aAAA,CAAc,wBAAA;;;;;;;AFlCjG;UG7BiB,2BAAA,SAAoC,cAAA,CAAe,6BAAA;;;;;;EAMlE,SAAA,GAAY,6BAAA;EHuB2C;;;;;EGjBvD,MAAA,GAAS,6BAAA;EHiB8G;EGfvH,MAAA,GAAS,6BAAA;;EAET,KAAA,GAAQ,6BAAA;EFhBO;EEkBf,WAAA,GAAc,6BAAA;;EAEd,QAAA,GAAW,6BAAA;EFpBuC;EEsBlD,eAAA,GAAkB,6BAAA;EFRP;;;;;EEcX,QAAA,GAAW,6BAAA;EF5BuC;;;;;;;EEoClD,UAAA,GAAa,6BAAA;EFpBD;;;AAsDd;;;;;EEzBE,IAAA,GAAO,6BAAA;EFyBsB;;;;;EEnB7B,KAAA,GAAQ,6BAAA;EFmBqF;;;;;;EEZ7F,OAAA,GAAU,6BAAA;ED1D4B;;;;;;ECiEtC,SAAA,GAAY,6BAAA;EDjEgD;;;;;;ECwE5D,UAAA,GAAa,6BAAA;ED9DY;;;;AAqD3B;;ECgBE,IAAA,GAAO,6BAAA;EDhBiD;;;;;;ECuBxD,YAAA,GAAe,6BAAA;EDvByC;;;;;;;EC+BxD,cAAA,GAAiB,6BAAA;EA9FF;;;;;;;EAsGf,WAAA,GAAc,6BAAA;AAAA;;;;;;cAoCH,sBAAA,EAAwB,yBAAA,CAA0B,2BAAA,GAA8B,aAAA,CAAc,6BAAA;;;;;;;AH7G3G;UI3BiB,qBAAA,SAA8B,cAAA,CAAe,uBAAA;;;;;;;EAO5D,MAAA,GAAS,uBAAA;EJoBqB;;;;;EId9B,KAAA,GAAQ,uBAAA;;;;AHfV;;;EGsBE,MAAA,GAAS,uBAAA;EHtByC;EGwBlD,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHVZ;EGYX,aAAA,IAAiB,KAAA,EAAO,sBAAA;EH1BqB;;;;EG+B7C,aAAA,IAAiB,KAAA,EAAO,sBAAA;EH/ByC;;;;EGoCjE,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;;;;AHkC3B;cGsBa,gBAAA,EAAkB,yBAAA,CAA0B,qBAAA,GAAwB,aAAA,CAAc,uBAAA"}

package/dist/prosekit-react-autocomplete.js

@@ -1,17 +1,224 @@
-import { t as createComponent } from "./create-component.js";
-import { autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps } from "@prosekit/web/autocomplete";
+import { n as useEditorContext } from "./editor-context.js";
+import { createElement, forwardRef, useCallback, useLayoutEffect, useRef } from "react";
+import { OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent, registerAutocompleteEmptyElement, registerAutocompleteItemElement, registerAutocompletePopupElement, registerAutocompletePositionerElement, registerAutocompleteRootElement } from "@prosekit/web/autocomplete";
 //#region src/components/autocomplete/autocomplete-empty.gen.ts
-const AutocompleteEmpty = createComponent("prosekit-autocomplete-empty", "AutocompleteEmpty", Object.keys(autocompleteEmptyProps), Object.keys(autocompleteEmptyEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function AutocompleteEmptyComponent(props, forwardedRef) {
+	registerAutocompleteEmptyElement();
+	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-autocomplete-empty", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-autocomplete-empty` custom element.
+*
+* @public
+*/
+const AutocompleteEmpty = /* @__PURE__ */ forwardRef(AutocompleteEmptyComponent);
 //#endregion
 //#region src/components/autocomplete/autocomplete-item.gen.ts
-const AutocompleteItem = createComponent("prosekit-autocomplete-item", "AutocompleteItem", Object.keys(autocompleteItemProps), Object.keys(autocompleteItemEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function AutocompleteItemComponent(props, forwardedRef) {
+	registerAutocompleteItemElement();
+	const elementRef = useRef(null);
+	const handlersRef = useRef([]);
+	const { disabled: p0, value: p1, onSelect: e0, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, {
+			disabled: p0,
+			value: p1
+		});
+		handlersRef.current = [e0];
+	});
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["select"].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-autocomplete-item", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-autocomplete-item` custom element.
+*
+* @public
+*/
+const AutocompleteItem = /* @__PURE__ */ forwardRef(AutocompleteItemComponent);
 //#endregion
-//#region src/components/autocomplete/autocomplete-list.gen.ts
-const AutocompleteList = createComponent("prosekit-autocomplete-list", "AutocompleteList", Object.keys(autocompleteListProps), Object.keys(autocompleteListEvents));
+//#region src/components/autocomplete/autocomplete-popup.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function AutocompletePopupComponent(props, forwardedRef) {
+	registerAutocompletePopupElement();
+	const elementRef = useRef(null);
+	const handlersRef = useRef([]);
+	const { onValueChange: e0, onValuesChange: e1, ...restProps } = props;
+	useLayoutEffect(() => {
+		if (!elementRef.current) return;
+		handlersRef.current = [e0, e1];
+	});
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["valueChange", "valuesChange"].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-autocomplete-popup", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-autocomplete-popup` custom element.
+*
+* @public
+*/
+const AutocompletePopup = /* @__PURE__ */ forwardRef(AutocompletePopupComponent);
 //#endregion
-//#region src/components/autocomplete/autocomplete-popover.gen.ts
-const AutocompletePopover = createComponent("prosekit-autocomplete-popover", "AutocompletePopover", Object.keys(autocompletePopoverProps), Object.keys(autocompletePopoverEvents));
+//#region src/components/autocomplete/autocomplete-positioner.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function AutocompletePositionerComponent(props, forwardedRef) {
+	registerAutocompletePositionerElement();
+	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-autocomplete-positioner", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-autocomplete-positioner` custom element.
+*
+* @public
+*/
+const AutocompletePositioner = /* @__PURE__ */ forwardRef(AutocompletePositionerComponent);
 //#endregion
-export { AutocompleteEmpty, AutocompleteItem, AutocompleteList, AutocompletePopover };
+//#region src/components/autocomplete/autocomplete-root.gen.ts
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+function AutocompleteRootComponent(props, forwardedRef) {
+	registerAutocompleteRootElement();
+	const elementRef = useRef(null);
+	const handlersRef = useRef([]);
+	const p0Fallback = useEditorContext();
+	const { editor: p0, filter: p1, regex: p2, onOpenChange: e0, onQueryChange: e1, onValueChange: e2, onValuesChange: e3, ...restProps } = props;
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		Object.assign(element, {
+			editor: p0 ?? p0Fallback,
+			filter: p1,
+			regex: p2
+		});
+		handlersRef.current = [
+			e0,
+			e1,
+			e2,
+			e3
+		];
+	});
+	useLayoutEffect(() => {
+		const element = elementRef.current;
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of [
+			"openChange",
+			"queryChange",
+			"valueChange",
+			"valuesChange"
+		].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-autocomplete-root", {
+		...restProps,
+		ref: mergedRef,
+		suppressHydrationWarning: true
+	});
+}
+/**
+* A React component that renders an `prosekit-autocomplete-root` custom element.
+*
+* @public
+*/
+const AutocompleteRoot = /* @__PURE__ */ forwardRef(AutocompleteRootComponent);
+//#endregion
+export { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot, OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent };
 
 //# sourceMappingURL=prosekit-react-autocomplete.js.map

package/dist/prosekit-react-autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"prosekit-react-autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-list.gen.ts","../src/components/autocomplete/autocomplete-popover.gen.ts"],"sourcesContent":["import {\n  type AutocompleteEmptyElement,\n  type AutocompleteEmptyProps as Props,\n  type AutocompleteEmptyEvents as Events,\n  autocompleteEmptyProps,\n  autocompleteEmptyEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteEmpty: ForwardRefExoticComponent<\n  AutocompleteEmptyProps &\n  RefAttributes<AutocompleteEmptyElement> &\n  HTMLAttributes<AutocompleteEmptyElement>\n> = createComponent<\n  AutocompleteEmptyProps,\n  AutocompleteEmptyElement\n>(\n  'prosekit-autocomplete-empty',\n  'AutocompleteEmpty',\n  Object.keys(autocompleteEmptyProps),\n  Object.keys(autocompleteEmptyEvents),\n)\n","import {\n  type AutocompleteItemElement,\n  type AutocompleteItemProps as Props,\n  type AutocompleteItemEvents as Events,\n  autocompleteItemProps,\n  autocompleteItemEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteItem: ForwardRefExoticComponent<\n  AutocompleteItemProps &\n  RefAttributes<AutocompleteItemElement> &\n  HTMLAttributes<AutocompleteItemElement>\n> = createComponent<\n  AutocompleteItemProps,\n  AutocompleteItemElement\n>(\n  'prosekit-autocomplete-item',\n  'AutocompleteItem',\n  Object.keys(autocompleteItemProps),\n  Object.keys(autocompleteItemEvents),\n)\n","import {\n  type AutocompleteListElement,\n  type AutocompleteListProps as Props,\n  type AutocompleteListEvents as Events,\n  autocompleteListProps,\n  autocompleteListEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteList: ForwardRefExoticComponent<\n  AutocompleteListProps &\n  RefAttributes<AutocompleteListElement> &\n  HTMLAttributes<AutocompleteListElement>\n> = createComponent<\n  AutocompleteListProps,\n  AutocompleteListElement\n>(\n  'prosekit-autocomplete-list',\n  'AutocompleteList',\n  Object.keys(autocompleteListProps),\n  Object.keys(autocompleteListEvents),\n)\n","import {\n  type AutocompletePopoverElement,\n  type AutocompletePopoverProps as Props,\n  type AutocompletePopoverEvents as Events,\n  autocompletePopoverProps,\n  autocompletePopoverEvents,\n} from '@prosekit/web/autocomplete'\nimport type {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  RefAttributes,\n} from 'react'\n\nimport { createComponent } from '../create-component.ts'\nimport type { CreateProps } from '../create-props.ts'\n\n/**\n * Props for the {@link AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompletePopover: ForwardRefExoticComponent<\n  AutocompletePopoverProps &\n  RefAttributes<AutocompletePopoverElement> &\n  HTMLAttributes<AutocompletePopoverElement>\n> = createComponent<\n  AutocompletePopoverProps,\n  AutocompletePopoverElement\n>(\n  'prosekit-autocomplete-popover',\n  'AutocompletePopover',\n  Object.keys(autocompletePopoverProps),\n  Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;AAqBA,MAAa,oBAIT,gBAIF,+BACA,qBACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;ACZD,MAAa,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;ACZD,MAAa,mBAIT,gBAIF,8BACA,oBACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;ACZD,MAAa,sBAIT,gBAIF,iCACA,uBACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
+{"version":3,"file":"prosekit-react-autocomplete.js","names":[],"sources":["../src/components/autocomplete/autocomplete-empty.gen.ts","../src/components/autocomplete/autocomplete-item.gen.ts","../src/components/autocomplete/autocomplete-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-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 { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from 'react';\n\n/**\n * Props for the {@link AutocompleteEmpty} React component.\n *\n * @public\n */\nexport interface AutocompleteEmptyProps extends HTMLAttributes<AutocompleteEmptyElement> {}\n\nfunction AutocompleteEmptyComponent(props: AutocompleteEmptyProps, forwardedRef: ForwardedRef<AutocompleteEmptyElement>) {\n  registerAutocompleteEmptyElement();\n\n  const elementRef = useRef<AutocompleteEmptyElement>(null);\n\n  const { ...restProps } = props;\n\n  const mergedRef = useCallback(\n    (element: AutocompleteEmptyElement | 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-autocomplete-empty', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-autocomplete-empty` custom element.\n *\n * @public\n */\nexport const AutocompleteEmpty: ForwardRefExoticComponent<AutocompleteEmptyProps & RefAttributes<AutocompleteEmptyElement>> = /* @__PURE__ */ forwardRef(AutocompleteEmptyComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerAutocompleteItemElement, type AutocompleteItemElement, type AutocompleteItemProps as AutocompleteItemElementProps, type AutocompleteItemEvents } from '@prosekit/web/autocomplete';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link AutocompleteItem} React component.\n *\n * @public\n */\nexport interface AutocompleteItemProps extends Omit<HTMLAttributes<AutocompleteItemElement>, 'onSelect'> {\n  /**\n   * The value of the item, which will be matched against the query.\n   *\n   * If not provided, the value is the item's text content.\n   *\n   * @default \"\"\n   */\n  value?: AutocompleteItemElementProps['value'];\n  /**\n   * Whether this option is disabled.\n   *\n   * @default false\n   */\n  disabled?: AutocompleteItemElementProps['disabled'];\n  /** Emitted when the the item is selected. */\n  onSelect?: (event: AutocompleteItemEvents['select']) => void;\n}\n\nfunction AutocompleteItemComponent(props: AutocompleteItemProps, forwardedRef: ForwardedRef<AutocompleteItemElement>) {\n  registerAutocompleteItemElement();\n\n  const elementRef = useRef<AutocompleteItemElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const { disabled: p0, value: p1, onSelect: e0, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    Object.assign(element, { disabled: p0, value: p1 });\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 ['select'].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: AutocompleteItemElement | 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-autocomplete-item', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-autocomplete-item` custom element.\n *\n * @public\n */\nexport const AutocompleteItem: ForwardRefExoticComponent<AutocompleteItemProps & RefAttributes<AutocompleteItemElement>> = /* @__PURE__ */ forwardRef(AutocompleteItemComponent);\n\nexport type { AutocompleteItemEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerAutocompletePopupElement, type AutocompletePopupElement, type AutocompletePopupEvents } from '@prosekit/web/autocomplete';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link AutocompletePopup} React component.\n *\n * @public\n */\nexport interface AutocompletePopupProps extends HTMLAttributes<AutocompletePopupElement> {\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompletePopupEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;\n}\n\nfunction AutocompletePopupComponent(props: AutocompletePopupProps, forwardedRef: ForwardedRef<AutocompletePopupElement>) {\n  registerAutocompletePopupElement();\n\n  const elementRef = useRef<AutocompletePopupElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const { onValueChange: e0, onValuesChange: e1, ...restProps } = props;\n\n  useLayoutEffect(() => {\n    const element = elementRef.current as Record<string, unknown> | null;\n    if (!element) return;\n    handlersRef.current = [e0, e1] 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 ['valueChange', 'valuesChange'].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: AutocompletePopupElement | 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-autocomplete-popup', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-autocomplete-popup` custom element.\n *\n * @public\n */\nexport const AutocompletePopup: ForwardRefExoticComponent<AutocompletePopupProps & RefAttributes<AutocompletePopupElement>> = /* @__PURE__ */ forwardRef(AutocompletePopupComponent);\n\nexport type { AutocompletePopupEvents };\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerAutocompletePositionerElement, type AutocompletePositionerElement, type AutocompletePositionerProps as AutocompletePositionerElementProps } from '@prosekit/web/autocomplete';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\n/**\n * Props for the {@link AutocompletePositioner} React component.\n *\n * @public\n */\nexport interface AutocompletePositionerProps extends HTMLAttributes<AutocompletePositionerElement> {\n  /**\n   * The placement of the popover, relative to the text cursor.\n   *\n   * @default \"bottom-start\"\n   */\n  placement?: AutocompletePositionerElementProps['placement'];\n  /**\n   * The distance between the popover and the hovered block.\n   *\n   * @default 4\n   */\n  offset?: AutocompletePositionerElementProps['offset'];\n  /** @default true */\n  inline?: AutocompletePositionerElementProps['inline'];\n  /** @default true */\n  hoist?: AutocompletePositionerElementProps['hoist'];\n  /** @default true */\n  fitViewport?: AutocompletePositionerElementProps['fitViewport'];\n  /** @default \"The body element\" */\n  boundary?: AutocompletePositionerElementProps['boundary'];\n  /** @default 8 */\n  overflowPadding?: AutocompletePositionerElementProps['overflowPadding'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: AutocompletePositionerElementProps['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?: AutocompletePositionerElementProps['autoUpdate'];\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?: AutocompletePositionerElementProps['flip'];\n  /**\n   * Whether the floating element should shift to keep it in view.\n   *\n   * @default true\n   */\n  shift?: AutocompletePositionerElementProps['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?: AutocompletePositionerElementProps['overlap'];\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?: AutocompletePositionerElementProps['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?: AutocompletePositionerElementProps['sameHeight'];\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?: AutocompletePositionerElementProps['hide'];\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?: AutocompletePositionerElementProps['rootBoundary'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: AutocompletePositionerElementProps['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?: AutocompletePositionerElementProps['altBoundary'];\n}\n\nfunction AutocompletePositionerComponent(props: AutocompletePositionerProps, forwardedRef: ForwardedRef<AutocompletePositionerElement>) {\n  registerAutocompletePositionerElement();\n\n  const elementRef = useRef<AutocompletePositionerElement>(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: AutocompletePositionerElement | 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-autocomplete-positioner', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-autocomplete-positioner` custom element.\n *\n * @public\n */\nexport const AutocompletePositioner: ForwardRefExoticComponent<AutocompletePositionerProps & RefAttributes<AutocompletePositionerElement>> = /* @__PURE__ */ forwardRef(AutocompletePositionerComponent);\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootProps as AutocompleteRootElementProps, type AutocompleteRootEvents } from '@prosekit/web/autocomplete';\nimport { createElement, forwardRef, useCallback, useRef, type ForwardedRef, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes, useLayoutEffect } from 'react';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link AutocompleteRoot} React component.\n *\n * @public\n */\nexport interface AutocompleteRootProps extends HTMLAttributes<AutocompleteRootElement> {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: AutocompleteRootElementProps['editor'];\n  /**\n   * The regular expression to match the query text to autocomplete.\n   *\n   * @default null\n   */\n  regex?: AutocompleteRootElementProps['regex'];\n  /**\n   * The filter function to determine if an item should be shown in the\n   * listbox.\n   *\n   * @default defaultItemFilter\n   */\n  filter?: AutocompleteRootElementProps['filter'];\n  /** Fired when the open state changes. */\n  onOpenChange?: (event: AutocompleteRootEvents['openChange']) => void;\n  /** Fired when the query changes. */\n  onQueryChange?: (event: AutocompleteRootEvents['queryChange']) => void;\n  /**\n   * Emitted when the selected value changes. Only available when multiple is\n   * false.\n   */\n  onValueChange?: (event: AutocompleteRootEvents['valueChange']) => void;\n  /**\n   * Emitted when the selected values change. Only available when multiple is\n   * true.\n   */\n  onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;\n}\n\nfunction AutocompleteRootComponent(props: AutocompleteRootProps, forwardedRef: ForwardedRef<AutocompleteRootElement>) {\n  registerAutocompleteRootElement();\n\n  const elementRef = useRef<AutocompleteRootElement>(null);\n  const handlersRef = useRef<Array<((event: Event) => void) | undefined>>([]);\n\n  const p0Fallback = useEditorContext();\n\n  const { editor: p0, filter: p1, regex: p2, onOpenChange: e0, onQueryChange: e1, onValueChange: e2, onValuesChange: e3, ...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, filter: p1, regex: p2 });\n    handlersRef.current = [e0, e1, e2, e3] as Array<((event: Event) => void) | undefined>;\n  });\n\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    if (!element) return;\n    const ac = new AbortController();\n    for (const [index, eventName] of ['openChange', 'queryChange', 'valueChange', 'valuesChange'].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: AutocompleteRootElement | 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-autocomplete-root', { ...restProps, ref: mergedRef, suppressHydrationWarning: true });\n}\n\n/**\n * A React component that renders an `prosekit-autocomplete-root` custom element.\n *\n * @public\n */\nexport const AutocompleteRoot: ForwardRefExoticComponent<AutocompleteRootProps & RefAttributes<AutocompleteRootElement>> = /* @__PURE__ */ forwardRef(AutocompleteRootComponent);\n\nexport type { AutocompleteRootEvents };\n"],"mappings":"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"}