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

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

@@ -1,35 +1,241 @@
-import { i as PropsWithElement } from "./types.js";
-import { t as CreateProps } from "./create-props.js";
-import { Component } from "solid-js";
-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 { Component, JSX } from "solid-js";
+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} Solid component.
+ *
+ * @public
  */
-interface AutocompleteEmptyProps extends Partial<CreateProps<AutocompleteEmptyProps$1, AutocompleteEmptyEvents>> {}
-declare const AutocompleteEmpty: Component<PropsWithElement<AutocompleteEmptyProps, AutocompleteEmptyElement>>;
+interface AutocompleteEmptyProps extends JSX.HTMLAttributes<AutocompleteEmptyElement> {}
+/**
+ * A Solid component that renders an `prosekit-autocomplete-empty` custom element.
+ *
+ * @public
+ */
+declare const AutocompleteEmpty: Component<AutocompleteEmptyProps>;
 //#endregion
 //#region src/components/autocomplete/autocomplete-item.gen.d.ts
 /**
- * Props for the {@link AutocompleteItem} component.
+ * Props for the {@link AutocompleteItem} Solid component.
+ *
+ * @public
+ */
+interface AutocompleteItemProps extends JSX.HTMLAttributes<AutocompleteItemElement> {
+  /**
+   * 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 Solid component that renders an `prosekit-autocomplete-item` custom element.
+ *
+ * @public
  */
-interface AutocompleteItemProps extends Partial<CreateProps<AutocompleteItemProps$1, AutocompleteItemEvents>> {}
-declare const AutocompleteItem: Component<PropsWithElement<AutocompleteItemProps, AutocompleteItemElement>>;
+declare const AutocompleteItem: Component<AutocompleteItemProps>;
 //#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} Solid component.
+ *
+ * @public
  */
-interface AutocompleteListProps extends Partial<CreateProps<AutocompleteListProps$1, AutocompleteListEvents>> {}
-declare const AutocompleteList: Component<PropsWithElement<AutocompleteListProps, AutocompleteListElement>>;
+interface AutocompletePopupProps extends JSX.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 Solid component that renders an `prosekit-autocomplete-popup` custom element.
+ *
+ * @public
+ */
+declare const AutocompletePopup: Component<AutocompletePopupProps>;
 //#endregion
-//#region src/components/autocomplete/autocomplete-popover.gen.d.ts
+//#region src/components/autocomplete/autocomplete-positioner.gen.d.ts
+/**
+ * Props for the {@link AutocompletePositioner} Solid component.
+ *
+ * @public
+ */
+interface AutocompletePositionerProps extends JSX.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 Solid component that renders an `prosekit-autocomplete-positioner` custom element.
+ *
+ * @public
+ */
+declare const AutocompletePositioner: Component<AutocompletePositionerProps>;
+//#endregion
+//#region src/components/autocomplete/autocomplete-root.gen.d.ts
+/**
+ * Props for the {@link AutocompleteRoot} Solid component.
+ *
+ * @public
+ */
+interface AutocompleteRootProps extends JSX.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 Solid component that renders an `prosekit-autocomplete-root` custom element.
+ *
+ * @public
  */
-interface AutocompletePopoverProps extends Partial<CreateProps<AutocompletePopoverProps$1, AutocompletePopoverEvents>> {}
-declare const AutocompletePopover: Component<PropsWithElement<AutocompletePopoverProps, AutocompletePopoverElement>>;
+declare const AutocompleteRoot: Component<AutocompleteRootProps>;
 //#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-solid-autocomplete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-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":";;;;;;;;AAgBA;UAAiB,sBAAA,SAA+B,OAAA,CAAQ,WAAA,CAAY,wBAAA,EAAO,uBAAA;AAAA,cAE9D,iBAAA,EAAmB,SAAA,CAAU,gBAAA,CACxC,sBAAA,EACA,wBAAA;;;;;AAJF;UCAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,SAAA,CAAU,gBAAA,CACvC,qBAAA,EACA,uBAAA;;;;;ADJF;UEAiB,qBAAA,SAA8B,OAAA,CAAQ,WAAA,CAAY,uBAAA,EAAO,sBAAA;AAAA,cAE7D,gBAAA,EAAkB,SAAA,CAAU,gBAAA,CACvC,qBAAA,EACA,uBAAA;;;;;AFJF;UGAiB,wBAAA,SAAiC,OAAA,CAAQ,WAAA,CAAY,0BAAA,EAAO,yBAAA;AAAA,cAEhE,mBAAA,EAAqB,SAAA,CAAU,gBAAA,CAC1C,wBAAA,EACA,0BAAA"}
+{"version":3,"file":"prosekit-solid-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":";;;;;;;;;UAaiB,sBAAA,SAA+B,GAAA,CAAI,cAAA,CAAe,wBAAA;;AAOnE;;;;cAAa,iBAAA,EAAmB,SAAA,CAAU,sBAAA;;;;;;;;UCNzB,qBAAA,SAA8B,GAAA,CAAI,cAAA,CAAe,uBAAA;EDDyB;;AAO3F;;;;;ECEE,KAAA,GAAQ,uBAAA;;;AARV;;;EAcE,QAAA,GAAW,uBAAA;EANH;EAQR,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;;;;;;cAQR,gBAAA,EAAkB,SAAA,CAAU,qBAAA;;;;;;;;UCxBxB,sBAAA,SAA+B,GAAA,CAAI,cAAA,CAAe,wBAAA;EFDwB;;AAO3F;;EEDE,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFCM;;;;EEI9B,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;;;;;cAQd,iBAAA,EAAmB,SAAA,CAAU,sBAAA;;;;;;;;UClBzB,2BAAA,SAAoC,GAAA,CAAI,cAAA,CAAe,6BAAA;EHDmB;;AAO3F;;;EGAE,SAAA,GAAY,6BAAA;EHAkD;;;;ACNhE;EEYE,MAAA,GAAS,6BAAA;;EAET,MAAA,GAAS,6BAAA;EFND;EEQR,KAAA,GAAQ,6BAAA;EFAW;EEEnB,WAAA,GAAc,6BAAA;EFlBiD;EEoB/D,QAAA,GAAW,6BAAA;EFpBkC;EEsB7C,eAAA,GAAkB,6BAAA;EFtB8C;;;;;EE4BhE,QAAA,GAAW,6BAAA;EFZQ;;;;AAQrB;;;EEYE,UAAA,GAAa,6BAAA;EFZ+C;;;;ACxB9D;;;;EC6CE,IAAA,GAAO,6BAAA;EDnCkB;;;;;ECyCzB,KAAA,GAAQ,6BAAA;EDnDyD;;;;;;EC0DjE,OAAA,GAAU,6BAAA;EDhDsD;;AAQlE;;;;EC+CE,SAAA,GAAY,6BAAA;;;;AAjEd;;;EAwEE,UAAA,GAAa,6BAAA;EAlED;;;;;;EAyEZ,IAAA,GAAO,6BAAA;EAnDI;;;;;;EA0DX,YAAA,GAAe,6BAAA;EAPR;;;;;;;EAeP,cAAA,GAAiB,6BAAA;EA9FsC;;;;;;;EAsGvD,WAAA,GAAc,6BAAA;AAAA;;;;;;cAQH,sBAAA,EAAwB,SAAA,CAAU,2BAAA;;;;;;;;UC5G9B,qBAAA,SAA8B,GAAA,CAAI,cAAA,CAAe,uBAAA;EJHyB;;AAO3F;;;;EIGE,MAAA,GAAS,uBAAA;;;;AHTX;;EGeE,KAAA,GAAQ,uBAAA;EHfwD;;;;;;EGsBhE,MAAA,GAAS,uBAAA;EHtBoC;EGwB7C,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHxByC;EG0BhE,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHlBhB;;;;EGuBR,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHfZ;;;AAQd;EGYE,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;;;;;cAQd,gBAAA,EAAkB,SAAA,CAAU,qBAAA"}

package/dist/prosekit-solid-autocomplete.js

@@ -1,17 +1,212 @@
-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 { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
+import { OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent, registerAutocompleteEmptyElement, registerAutocompleteItemElement, registerAutocompletePopupElement, registerAutocompletePositionerElement, registerAutocompleteRootElement } from "@prosekit/web/autocomplete";
+import h from "solid-js/h";
 //#region src/components/autocomplete/autocomplete-empty.gen.ts
-const AutocompleteEmpty = createComponent("prosekit-autocomplete-empty", Object.keys(autocompleteEmptyProps), Object.keys(autocompleteEmptyEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-autocomplete-empty` custom element.
+*
+* @public
+*/
+const AutocompleteEmpty = (props) => {
+	registerAutocompleteEmptyElement();
+	const restProps = props;
+	return () => h("prosekit-autocomplete-empty", restProps);
+};
 //#endregion
 //#region src/components/autocomplete/autocomplete-item.gen.ts
-const AutocompleteItem = createComponent("prosekit-autocomplete-item", Object.keys(autocompleteItemProps), Object.keys(autocompleteItemEvents));
+/**
+* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
+*/
+/**
+* A Solid component that renders an `prosekit-autocomplete-item` custom element.
+*
+* @public
+*/
+const AutocompleteItem = (props) => {
+	registerAutocompleteItemElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, ["disabled", "value"], ["onSelect"]);
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			disabled: elementProps.disabled,
+			value: elementProps.value
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onSelect);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["select"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-autocomplete-item", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-//#region src/components/autocomplete/autocomplete-list.gen.ts
-const AutocompleteList = createComponent("prosekit-autocomplete-list", 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.
+*/
+/**
+* A Solid component that renders an `prosekit-autocomplete-popup` custom element.
+*
+* @public
+*/
+const AutocompletePopup = (props) => {
+	registerAutocompletePopupElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [eventHandlers, restProps] = splitProps(props, ["onValueChange", "onValuesChange"]);
+	createEffect(() => {
+		if (!getElement()) return;
+		handlers.length = 0;
+		handlers.push(eventHandlers.onValueChange);
+		handlers.push(eventHandlers.onValuesChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of ["valueChange", "valuesChange"].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-autocomplete-popup", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#endregion
-//#region src/components/autocomplete/autocomplete-popover.gen.ts
-const AutocompletePopover = createComponent("prosekit-autocomplete-popover", 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.
+*/
+/**
+* A Solid component that renders an `prosekit-autocomplete-positioner` custom element.
+*
+* @public
+*/
+const AutocompletePositioner = (props) => {
+	registerAutocompletePositionerElement();
+	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-autocomplete-positioner", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
 //#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.
+*/
+/**
+* A Solid component that renders an `prosekit-autocomplete-root` custom element.
+*
+* @public
+*/
+const AutocompleteRoot = (props) => {
+	registerAutocompleteRootElement();
+	const [getElement, setElement] = createSignal(null);
+	const handlers = [];
+	const [elementProps, eventHandlers, restProps] = splitProps(props, [
+		"editor",
+		"filter",
+		"regex"
+	], [
+		"onOpenChange",
+		"onQueryChange",
+		"onValueChange",
+		"onValuesChange"
+	]);
+	const p0Fallback = useEditorContext();
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		Object.assign(element, {
+			editor: elementProps.editor ?? p0Fallback,
+			filter: elementProps.filter,
+			regex: elementProps.regex
+		});
+		handlers.length = 0;
+		handlers.push(eventHandlers.onOpenChange);
+		handlers.push(eventHandlers.onQueryChange);
+		handlers.push(eventHandlers.onValueChange);
+		handlers.push(eventHandlers.onValuesChange);
+	});
+	createEffect(() => {
+		const element = getElement();
+		if (!element) return;
+		const ac = new AbortController();
+		for (const [index, eventName] of [
+			"openChange",
+			"queryChange",
+			"valueChange",
+			"valuesChange"
+		].entries()) element.addEventListener(eventName, (event) => {
+			handlers[index]?.(event);
+		}, { signal: ac.signal });
+		return () => ac.abort();
+	});
+	return () => h("prosekit-autocomplete-root", mergeProps(restProps, { ref: (el) => {
+		setElement(el);
+	} }));
+};
+//#endregion
+export { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot, OpenChangeEvent, QueryChangeEvent, SelectEvent, ValueChangeEvent, ValuesChangeEvent };
 
 //# sourceMappingURL=prosekit-solid-autocomplete.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-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 { 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 AutocompleteEmpty} component.\n */\nexport interface AutocompleteEmptyProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteEmpty: Component<PropsWithElement<\n  AutocompleteEmptyProps,\n  AutocompleteEmptyElement\n>> = createComponent<\n  AutocompleteEmptyProps,\n  AutocompleteEmptyElement\n>(\n  'prosekit-autocomplete-empty', \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 { 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 AutocompleteItem} component.\n */\nexport interface AutocompleteItemProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteItem: Component<PropsWithElement<\n  AutocompleteItemProps,\n  AutocompleteItemElement\n>> = createComponent<\n  AutocompleteItemProps,\n  AutocompleteItemElement\n>(\n  'prosekit-autocomplete-item', \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 { 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 AutocompleteList} component.\n */\nexport interface AutocompleteListProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompleteList: Component<PropsWithElement<\n  AutocompleteListProps,\n  AutocompleteListElement\n>> = createComponent<\n  AutocompleteListProps,\n  AutocompleteListElement\n>(\n  'prosekit-autocomplete-list', \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 { 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 AutocompletePopover} component.\n */\nexport interface AutocompletePopoverProps extends Partial<CreateProps<Props, Events>> {}\n\nexport const AutocompletePopover: Component<PropsWithElement<\n  AutocompletePopoverProps,\n  AutocompletePopoverElement\n>> = createComponent<\n  AutocompletePopoverProps,\n  AutocompletePopoverElement\n>(\n  'prosekit-autocomplete-popover', \n  Object.keys(autocompletePopoverProps),\n  Object.keys(autocompletePopoverEvents),\n)\n"],"mappings":";;;AAkBA,MAAa,oBAGR,gBAIH,+BACA,OAAO,KAAK,uBAAuB,EACnC,OAAO,KAAK,wBAAwB,CACrC;;;ACVD,MAAa,mBAGR,gBAIH,8BACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;ACVD,MAAa,mBAGR,gBAIH,8BACA,OAAO,KAAK,sBAAsB,EAClC,OAAO,KAAK,uBAAuB,CACpC;;;ACVD,MAAa,sBAGR,gBAIH,iCACA,OAAO,KAAK,yBAAyB,EACrC,OAAO,KAAK,0BAA0B,CACvC"}
+{"version":3,"file":"prosekit-solid-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 type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link AutocompleteEmpty} Solid component.\n *\n * @public\n */\nexport interface AutocompleteEmptyProps extends JSX.HTMLAttributes<AutocompleteEmptyElement> {}\n\n/**\n * A Solid component that renders an `prosekit-autocomplete-empty` custom element.\n *\n * @public\n */\nexport const AutocompleteEmpty: Component<AutocompleteEmptyProps> = (props): any => {\n  registerAutocompleteEmptyElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-autocomplete-empty', restProps);\n};\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 AutocompleteItemEvents, type AutocompleteItemProps as AutocompleteItemElementProps } from '@prosekit/web/autocomplete';\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 AutocompleteItem} Solid component.\n *\n * @public\n */\nexport interface AutocompleteItemProps extends JSX.HTMLAttributes<AutocompleteItemElement> {\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\n/**\n * A Solid component that renders an `prosekit-autocomplete-item` custom element.\n *\n * @public\n */\nexport const AutocompleteItem: Component<AutocompleteItemProps> = (props): any => {\n  registerAutocompleteItemElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteItemElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['disabled', 'value'], ['onSelect']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { disabled: elementProps.disabled, value: elementProps.value });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onSelect);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['select'].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-autocomplete-item',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteItemElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\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 { 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 AutocompletePopup} Solid component.\n *\n * @public\n */\nexport interface AutocompletePopupProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-autocomplete-popup` custom element.\n *\n * @public\n */\nexport const AutocompletePopup: Component<AutocompletePopupProps> = (props): any => {\n  registerAutocompletePopupElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePopupElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [eventHandlers, restProps] = splitProps(props, ['onValueChange', 'onValuesChange']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['valueChange', 'valuesChange'].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-autocomplete-popup',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePopupElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\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 { 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 AutocompletePositioner} Solid component.\n *\n * @public\n */\nexport interface AutocompletePositionerProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-autocomplete-positioner` custom element.\n *\n * @public\n */\nexport const AutocompletePositioner: Component<AutocompletePositionerProps> = (props): any => {\n  registerAutocompletePositionerElement();\n\n  const [getElement, setElement] = createSignal<AutocompletePositionerElement | 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-autocomplete-positioner',\n      mergeProps(restProps, {\n        ref: (el: AutocompletePositionerElement | 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 { registerAutocompleteRootElement, type AutocompleteRootElement, type AutocompleteRootEvents, type AutocompleteRootProps as AutocompleteRootElementProps } from '@prosekit/web/autocomplete';\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 AutocompleteRoot} Solid component.\n *\n * @public\n */\nexport interface AutocompleteRootProps extends JSX.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\n/**\n * A Solid component that renders an `prosekit-autocomplete-root` custom element.\n *\n * @public\n */\nexport const AutocompleteRoot: Component<AutocompleteRootProps> = (props): any => {\n  registerAutocompleteRootElement();\n\n  const [getElement, setElement] = createSignal<AutocompleteRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor', 'filter', 'regex'], ['onOpenChange', 'onQueryChange', 'onValueChange', 'onValuesChange']);\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, filter: elementProps.filter, regex: elementProps.regex });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onOpenChange);\n    handlers.push(eventHandlers.onQueryChange);\n    handlers.push(eventHandlers.onValueChange);\n    handlers.push(eventHandlers.onValuesChange);\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', 'queryChange', 'valueChange', 'valuesChange'].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-autocomplete-root',\n      mergeProps(restProps, {\n        ref: (el: AutocompleteRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n\nexport type { AutocompleteRootEvents };\n"],"mappings":"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"}