@prosekit/solid 0.7.0-beta.4 → 0.7.0-beta.6

package/dist/editor-context.js

@@ -1,5 +1,4 @@
 import { createContext, useContext } from "solid-js";
-//#region src/contexts/editor-context.ts
 const editorContext = createContext(null);
 /**
 * @internal
@@ -11,7 +10,6 @@ function useEditorContext() {
 * @internal
 */
 const EditorContextProvider = editorContext.Provider;
-//#endregion
 export { useEditorContext as n, EditorContextProvider as t };
 
 //# sourceMappingURL=editor-context.js.map

package/dist/editor-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-context.js","names":[],"sources":["../src/contexts/editor-context.ts"],"sourcesContent":["import type { Editor, Extension } from '@prosekit/core'\nimport { createContext, useContext, type ContextProviderComponent } from 'solid-js'\n\nconst editorContext = createContext<Editor | null>(null)\n\n/**\n * @internal\n */\nexport function useEditorContext<E extends Extension>(): Editor<E> | null {\n  return useContext(editorContext)\n}\n\n/**\n * @internal\n */\nexport const EditorContextProvider: ContextProviderComponent<Editor | null> = editorContext.Provider\n"],"mappings":";;AAGA,MAAM,gBAAgB,cAA6B,KAAK;;;;AAKxD,SAAgB,mBAA0D;AACxE,QAAO,WAAW,cAAc;;;;;AAMlC,MAAa,wBAAiE,cAAc"}
+{"version":3,"file":"editor-context.js","names":[],"sources":["../src/contexts/editor-context.ts"],"sourcesContent":["import type { Editor, Extension } from '@prosekit/core'\nimport { createContext, useContext, type ContextProviderComponent } from 'solid-js'\n\nconst editorContext = createContext<Editor | null>(null)\n\n/**\n * @internal\n */\nexport function useEditorContext<E extends Extension>(): Editor<E> | null {\n  return useContext(editorContext)\n}\n\n/**\n * @internal\n */\nexport const EditorContextProvider: ContextProviderComponent<Editor | null> = editorContext.Provider\n"],"mappings":";AAGA,MAAM,gBAAgB,cAA6B,KAAK;;;;AAKxD,SAAgB,mBAA0D;AACxE,QAAO,WAAW,cAAc;;;;;AAMlC,MAAa,wBAAiE,cAAc"}

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

@@ -1,26 +1,10 @@
 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 } from "@prosekit/web/autocomplete";
-
-//#region src/components/autocomplete/autocomplete-empty.gen.d.ts
-/**
- * Props for the {@link AutocompleteEmpty} Solid component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteEmpty} Solid component. */
 interface AutocompleteEmptyProps {}
-/**
- * A Solid component that renders an `prosekit-autocomplete-empty` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */
 declare const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>>;
-//#endregion
-//#region src/components/autocomplete/autocomplete-item.gen.d.ts
-/**
- * Props for the {@link AutocompleteItem} Solid component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteItem} Solid component. */
 interface AutocompleteItemProps {
   /**
    * The value of the item, which will be matched against the query.
@@ -39,19 +23,9 @@ interface AutocompleteItemProps {
   /** Emitted when the the item is selected. */
   onSelect?: (event: AutocompleteItemEvents['select']) => void;
 }
-/**
- * A Solid component that renders an `prosekit-autocomplete-item` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */
 declare const AutocompleteItem: Component<AutocompleteItemProps & JSX.HTMLAttributes<AutocompleteItemElement>>;
-//#endregion
-//#region src/components/autocomplete/autocomplete-popup.gen.d.ts
-/**
- * Props for the {@link AutocompletePopup} Solid component.
- *
- * @public
- */
+/** Props for the {@link AutocompletePopup} Solid component. */
 interface AutocompletePopupProps {
   /**
    * Emitted when the selected value changes. Only available when multiple is
@@ -64,19 +38,9 @@ interface AutocompletePopupProps {
    */
   onValuesChange?: (event: AutocompletePopupEvents['valuesChange']) => void;
 }
-/**
- * A Solid component that renders an `prosekit-autocomplete-popup` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */
 declare const AutocompletePopup: Component<AutocompletePopupProps & JSX.HTMLAttributes<AutocompletePopupElement>>;
-//#endregion
-//#region src/components/autocomplete/autocomplete-positioner.gen.d.ts
-/**
- * Props for the {@link AutocompletePositioner} Solid component.
- *
- * @public
- */
+/** Props for the {@link AutocompletePositioner} Solid component. */
 interface AutocompletePositionerProps {
   /**
    * The placement of the popover, relative to the text cursor.
@@ -181,19 +145,9 @@ interface AutocompletePositionerProps {
    */
   altBoundary?: AutocompletePositionerProps$1['altBoundary'];
 }
-/**
- * A Solid component that renders an `prosekit-autocomplete-positioner` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */
 declare const AutocompletePositioner: Component<AutocompletePositionerProps & JSX.HTMLAttributes<AutocompletePositionerElement>>;
-//#endregion
-//#region src/components/autocomplete/autocomplete-root.gen.d.ts
-/**
- * Props for the {@link AutocompleteRoot} Solid component.
- *
- * @public
- */
+/** Props for the {@link AutocompleteRoot} Solid component. */
 interface AutocompleteRootProps {
   /**
    * The ProseKit editor instance.
@@ -230,12 +184,7 @@ interface AutocompleteRootProps {
    */
   onValuesChange?: (event: AutocompleteRootEvents['valuesChange']) => void;
 }
-/**
- * A Solid component that renders an `prosekit-autocomplete-root` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */
 declare const AutocompleteRoot: Component<AutocompleteRootProps & JSX.HTMLAttributes<AutocompleteRootElement>>;
-//#endregion
 export { AutocompleteEmpty, type AutocompleteEmptyProps, AutocompleteItem, type AutocompleteItemProps, AutocompletePopup, type AutocompletePopupProps, AutocompletePositioner, type AutocompletePositionerProps, AutocompleteRoot, type AutocompleteRootProps };
 //# 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-popup.gen.ts","../src/components/autocomplete/autocomplete-positioner.gen.ts","../src/components/autocomplete/autocomplete-root.gen.ts"],"mappings":";;;;;;;;AAoBA;UAPiB,sBAAA;;;;;;cAOJ,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;;;;;;AAAtF;UCNiB,qBAAA;;;;;;;;EAQf,KAAA,GAAQ,uBAAA;EDFgC;;;;;ECQxC,QAAA,GAAW,uBAAA;;EAEX,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;AAhBrB;;;;;AAAA,cAwBa,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;;;;;;ADlBpF;UENiB,sBAAA;;;;;EAKf,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFCe;;;;EEIvC,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;;;;;cAQd,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;;;;;;AFZtF;UGNiB,2BAAA;;;;;;EAMf,SAAA,GAAY,6BAAA;EHA2B;;;;;EGMvC,MAAA,GAAS,6BAAA;EHNmG;EGQ5G,MAAA,GAAS,6BAAA;;EAET,KAAA,GAAQ,6BAAA;;EAER,WAAA,GAAc,6BAAA;EFlBsB;EEoBpC,QAAA,GAAW,6BAAA;EFZH;EEcR,eAAA,GAAkB,6BAAA;EFNC;;;;;EEYnB,QAAA,GAAW,6BAAA;EFdA;;;;;;AAUb;EEYE,UAAA,GAAa,6BAAA;;;;;;;;;EASb,IAAA,GAAO,6BAAA;EFrBwD;;;;;EE2B/D,KAAA,GAAQ,6BAAA;;;ADnDV;;;;EC0DE,OAAA,GAAU,6BAAA;EDrDc;;;;;;EC4DxB,SAAA,GAAY,6BAAA;ED/CD;;;;;;ECsDX,UAAA,GAAa,6BAAA;EDtD0B;;;;;;EC6DvC,IAAA,GAAO,6BAAA;ED7DqG;;;;;AClB9G;EAsFE,YAAA,GAAe,6BAAA;;;;;;;;EAQf,cAAA,GAAiB,6BAAA;EAlEN;;;;;;;EA0EX,WAAA,GAAc,6BAAA;AAAA;;;;;;cAQH,sBAAA,EAAwB,SAAA,CAAU,2BAAA,GAA8B,GAAA,CAAI,cAAA,CAAe,6BAAA;;;;;;;AHxGhG;UIJiB,qBAAA;;;;;;;EAOf,MAAA,GAAS,uBAAA;EJHqB;;;;;EIS9B,KAAA,GAAQ,uBAAA;EJToG;;;;ACN9G;;EGsBE,MAAA,GAAS,uBAAA;EHdD;EGgBR,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHRJ;EGUnB,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHViB;;;;EGezC,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHfxB;;;;EGoBA,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;;;;;cAQd,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA"}
+{"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":";;;UAOiB,sBAAA;;cAGJ,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCFrE,qBAAA;EDDsB;;;;AAGvC;;;ECME,KAAA,GAAQ,uBAAA;EDN4E;;;;;ECYpF,QAAA,GAAW,uBAAA;EDZ6B;ECcxC,QAAA,IAAY,KAAA,EAAO,sBAAA;AAAA;;cAIR,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;UCpBnE,sBAAA;EFDsB;;;;EEMrC,aAAA,IAAiB,KAAA,EAAO,uBAAA;EFGzB;;;;EEEC,cAAA,IAAkB,KAAA,EAAO,uBAAA;AAAA;;cAId,iBAAA,EAAmB,SAAA,CAAU,sBAAA,GAAyB,GAAA,CAAI,cAAA,CAAe,wBAAA;;UCdrE,2BAAA;EHDsB;;;;AAGvC;EGIE,SAAA,GAAY,6BAAA;;;;;;EAMZ,MAAA,GAAS,6BAAA;EHV8B;EGYvC,MAAA,GAAS,6BAAA;EHZ+B;EGcxC,KAAA,GAAQ,6BAAA;EHd6D;EGgBrE,WAAA,GAAc,6BAAA;EHhB8F;EGkB5G,QAAA,GAAW,6BAAA;;EAEX,eAAA,GAAkB,6BAAA;EFtBkB;;;;;EE4BpC,QAAA,GAAW,6BAAA;EFZ8B;;;;;;;EEoBzC,UAAA,GAAa,6BAAA;EFpBsC;;AAIrD;;;;;;EEyBE,IAAA,GAAO,6BAAA;EFzB+B;;;;;EE+BtC,KAAA,GAAQ,6BAAA;EF/B0E;;;;ACpBpF;;EC0DE,OAAA,GAAU,6BAAA;EDhDsC;;;;;;ECuDhD,SAAA,GAAY,6BAAA;EDvDoD;;AAIlE;;;;EC0DE,UAAA,GAAa,6BAAA;ED1DoD;;;;;;ECiEjE,IAAA,GAAO,6BAAA;EDjE8D;;;;;ACdvE;EAsFE,YAAA,GAAe,6BAAA;;;;;;;;EAQf,cAAA,GAAiB,6BAAA;EAlEN;;;;;;;EA0EX,WAAA,GAAc,6BAAA;AAAA;;cAIH,sBAAA,EAAwB,SAAA,CAAU,2BAAA,GAA8B,GAAA,CAAI,cAAA,CAAe,6BAAA;;UCxG/E,qBAAA;EJHsB;;;;AAGvC;;EIOE,MAAA,GAAS,uBAAA;EJP+B;;;;;EIaxC,KAAA,GAAQ,uBAAA;EJbsB;;;;;;EIoB9B,MAAA,GAAS,uBAAA;;EAET,YAAA,IAAgB,KAAA,EAAO,sBAAA;EHxBa;EG0BpC,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHlBhB;;;;EGuBR,aAAA,IAAiB,KAAA,EAAO,sBAAA;EHvBxB;;;;EG4BA,cAAA,IAAkB,KAAA,EAAO,sBAAA;AAAA;;cAId,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA"}

package/dist/prosekit-solid-autocomplete.js

@@ -2,30 +2,13 @@ import { n as useEditorContext } from "./editor-context.js";
 import { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
 import { registerAutocompleteEmptyElement, registerAutocompleteItemElement, registerAutocompletePopupElement, registerAutocompletePositionerElement, registerAutocompleteRootElement } from "@prosekit/web/autocomplete";
 import h from "solid-js/h";
-//#region src/components/autocomplete/autocomplete-empty.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-empty` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */
 const AutocompleteEmpty = (props) => {
 	registerAutocompleteEmptyElement();
 	const restProps = props;
 	return () => h("prosekit-autocomplete-empty", restProps);
 };
-//#endregion
-//#region src/components/autocomplete/autocomplete-item.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-item` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */
 const AutocompleteItem = (props) => {
 	registerAutocompleteItemElement();
 	const [getElement, setElement] = createSignal(null);
@@ -54,16 +37,7 @@ const AutocompleteItem = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#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
-*/
+/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */
 const AutocompletePopup = (props) => {
 	registerAutocompletePopupElement();
 	const [getElement, setElement] = createSignal(null);
@@ -88,16 +62,7 @@ const AutocompletePopup = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#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
-*/
+/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */
 const AutocompletePositioner = (props) => {
 	registerAutocompletePositionerElement();
 	const [getElement, setElement] = createSignal(null);
@@ -149,16 +114,7 @@ const AutocompletePositioner = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#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
-*/
+/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */
 const AutocompleteRoot = (props) => {
 	registerAutocompleteRootElement();
 	const [getElement, setElement] = createSignal(null);
@@ -206,7 +162,6 @@ const AutocompleteRoot = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
 export { AutocompleteEmpty, AutocompleteItem, AutocompletePopup, AutocompletePositioner, AutocompleteRoot };
 
 //# 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-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 {}\n\n/**\n * A Solid component that renders an `prosekit-autocomplete-empty` custom element.\n *\n * @public\n */\nexport const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>> = (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 {\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 & JSX.HTMLAttributes<AutocompleteItemElement>> = (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","/**\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 {\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 & JSX.HTMLAttributes<AutocompletePopupElement>> = (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","/**\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 {\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 & JSX.HTMLAttributes<AutocompletePositionerElement>> = (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 {\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 & JSX.HTMLAttributes<AutocompleteRootElement>> = (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"],"mappings":"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"}
+{"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":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerAutocompleteEmptyElement, type AutocompleteEmptyElement } from '@prosekit/web/autocomplete';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link AutocompleteEmpty} Solid component. */\nexport interface AutocompleteEmptyProps {}\n\n/** A Solid component that renders an `prosekit-autocomplete-empty` custom element. */\nexport const AutocompleteEmpty: Component<AutocompleteEmptyProps & JSX.HTMLAttributes<AutocompleteEmptyElement>> = (props): any => {\n  registerAutocompleteEmptyElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-autocomplete-empty', restProps);\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\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/** Props for the {@link AutocompleteItem} Solid component. */\nexport interface AutocompleteItemProps {\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/** A Solid component that renders an `prosekit-autocomplete-item` custom element. */\nexport const AutocompleteItem: Component<AutocompleteItemProps & JSX.HTMLAttributes<AutocompleteItemElement>> = (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","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\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/** Props for the {@link AutocompletePopup} Solid component. */\nexport interface AutocompletePopupProps {\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/** A Solid component that renders an `prosekit-autocomplete-popup` custom element. */\nexport const AutocompletePopup: Component<AutocompletePopupProps & JSX.HTMLAttributes<AutocompletePopupElement>> = (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","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\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/** Props for the {@link AutocompletePositioner} Solid component. */\nexport interface AutocompletePositionerProps {\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/** A Solid component that renders an `prosekit-autocomplete-positioner` custom element. */\nexport const AutocompletePositioner: Component<AutocompletePositionerProps & JSX.HTMLAttributes<AutocompletePositionerElement>> = (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","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\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/** Props for the {@link AutocompleteRoot} Solid component. */\nexport interface AutocompleteRootProps {\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/** A Solid component that renders an `prosekit-autocomplete-root` custom element. */\nexport const AutocompleteRoot: Component<AutocompleteRootProps & JSX.HTMLAttributes<AutocompleteRootElement>> = (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"],"mappings":";;;;;AAUA,MAAa,qBAAuG,UAAe;AACjI,mCAAkC;CAElC,MAAM,YAAY;AAElB,cAAa,EAAE,+BAA+B,UAAU;;;ACa1D,MAAa,oBAAoG,UAAe;AAC9H,kCAAiC;CAEjC,MAAM,CAAC,YAAY,cAAc,aAA6C,KAAK;CACnF,MAAM,WAAsD,EAAE;CAE9D,MAAM,CAAC,cAAc,eAAe,aAAa,WAAW,OAAO,CAAC,YAAY,QAAQ,EAAE,CAAC,WAAW,CAAC;AAEvG,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,UAAU,aAAa;GAAU,OAAO,aAAa;GAAO,CAAC;AAEtF,WAAS,SAAS;AAClB,WAAS,KAAK,cAAc,SAAS;GACrC;AAEF,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;EAEd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,SAAS,CACnD,SAAQ,iBACN,YACC,UAAU;AACT,YAAS,SAAS,MAAM;KAE1B,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;GACvB;AAEF,cACE,EACE,8BACA,WAAW,WAAW,EACpB,MAAM,OAAuC;AAC3C,aAAW,GAAG;IAEjB,CAAC,CACH;;;ACjDL,MAAa,qBAAuG,UAAe;AACjI,mCAAkC;CAElC,MAAM,CAAC,YAAY,cAAc,aAA8C,KAAK;CACpF,MAAM,WAAsD,EAAE;CAE9D,MAAM,CAAC,eAAe,aAAa,WAAW,OAAO,CAAC,iBAAiB,iBAAiB,CAAC;AAEzF,oBAAmB;AAEjB,MAAI,CADY,YAAY,CACd;AAEd,WAAS,SAAS;AAClB,WAAS,KAAK,cAAc,cAAc;AAC1C,WAAS,KAAK,cAAc,eAAe;GAC3C;AAEF,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;EAEd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc,CAAC,eAAe,eAAe,CAAC,SAAS,CACxE,SAAQ,iBACN,YACC,UAAU;AACT,YAAS,SAAS,MAAM;KAE1B,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;GACvB;AAEF,cACE,EACE,+BACA,WAAW,WAAW,EACpB,MAAM,OAAwC;AAC5C,aAAW,GAAG;IAEjB,CAAC,CACH;;;ACkDL,MAAa,0BAAsH,UAAe;AAChJ,wCAAuC;CAEvC,MAAM,CAAC,YAAY,cAAc,aAAmD,KAAK;CAEzF,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,oCACA,WAAW,WAAW,EACpB,MAAM,OAA6C;AACjD,aAAW,GAAG;IAEjB,CAAC,CACH;;;AC3GL,MAAa,oBAAoG,UAAe;AAC9H,kCAAiC;CAEjC,MAAM,CAAC,YAAY,cAAc,aAA6C,KAAK;CACnF,MAAM,WAAsD,EAAE;CAE9D,MAAM,CAAC,cAAc,eAAe,aAAa,WAAW,OAAO;EAAC;EAAU;EAAU;EAAQ,EAAE;EAAC;EAAgB;EAAiB;EAAiB;EAAiB,CAAC;CAEvK,MAAM,aAAa,kBAAkB;AAErC,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;AAEd,SAAO,OAAO,SAAS;GAAE,QAAQ,aAAa,UAAU;GAAY,QAAQ,aAAa;GAAQ,OAAO,aAAa;GAAO,CAAC;AAE7H,WAAS,SAAS;AAClB,WAAS,KAAK,cAAc,aAAa;AACzC,WAAS,KAAK,cAAc,cAAc;AAC1C,WAAS,KAAK,cAAc,cAAc;AAC1C,WAAS,KAAK,cAAc,eAAe;GAC3C;AAEF,oBAAmB;EACjB,MAAM,UAAU,YAAY;AAC5B,MAAI,CAAC,QAAS;EAEd,MAAM,KAAK,IAAI,iBAAiB;AAChC,OAAK,MAAM,CAAC,OAAO,cAAc;GAAC;GAAc;GAAe;GAAe;GAAe,CAAC,SAAS,CACrG,SAAQ,iBACN,YACC,UAAU;AACT,YAAS,SAAS,MAAM;KAE1B,EAAE,QAAQ,GAAG,QAAQ,CACtB;AAEH,eAAa,GAAG,OAAO;GACvB;AAEF,cACE,EACE,8BACA,WAAW,WAAW,EACpB,MAAM,OAAuC;AAC3C,aAAW,GAAG;IAEjB,CAAC,CACH"}

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

@@ -1,12 +1,6 @@
 import { Component, JSX } from "solid-js";
 import { BlockHandleAddElement, BlockHandleAddProps as BlockHandleAddProps$1, BlockHandleDraggableElement, BlockHandleDraggableProps as BlockHandleDraggableProps$1, BlockHandlePopupElement, BlockHandlePositionerElement, BlockHandlePositionerProps as BlockHandlePositionerProps$1, BlockHandleRootElement, BlockHandleRootEvents, BlockHandleRootProps as BlockHandleRootProps$1 } from "@prosekit/web/block-handle";
-
-//#region src/components/block-handle/block-handle-add.gen.d.ts
-/**
- * Props for the {@link BlockHandleAdd} Solid component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleAdd} Solid component. */
 interface BlockHandleAddProps {
   /**
    * The ProseKit editor instance.
@@ -16,19 +10,9 @@ interface BlockHandleAddProps {
    */
   editor?: BlockHandleAddProps$1['editor'];
 }
-/**
- * A Solid component that renders an `prosekit-block-handle-add` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-block-handle-add` custom element. */
 declare const BlockHandleAdd: Component<BlockHandleAddProps & JSX.HTMLAttributes<BlockHandleAddElement>>;
-//#endregion
-//#region src/components/block-handle/block-handle-draggable.gen.d.ts
-/**
- * Props for the {@link BlockHandleDraggable} Solid component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleDraggable} Solid component. */
 interface BlockHandleDraggableProps {
   /**
    * The ProseKit editor instance.
@@ -38,33 +22,13 @@ interface BlockHandleDraggableProps {
    */
   editor?: BlockHandleDraggableProps$1['editor'];
 }
-/**
- * A Solid component that renders an `prosekit-block-handle-draggable` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-block-handle-draggable` custom element. */
 declare const BlockHandleDraggable: Component<BlockHandleDraggableProps & JSX.HTMLAttributes<BlockHandleDraggableElement>>;
-//#endregion
-//#region src/components/block-handle/block-handle-popup.gen.d.ts
-/**
- * Props for the {@link BlockHandlePopup} Solid component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePopup} Solid component. */
 interface BlockHandlePopupProps {}
-/**
- * A Solid component that renders an `prosekit-block-handle-popup` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-block-handle-popup` custom element. */
 declare const BlockHandlePopup: Component<BlockHandlePopupProps & JSX.HTMLAttributes<BlockHandlePopupElement>>;
-//#endregion
-//#region src/components/block-handle/block-handle-positioner.gen.d.ts
-/**
- * Props for the {@link BlockHandlePositioner} Solid component.
- *
- * @public
- */
+/** Props for the {@link BlockHandlePositioner} Solid component. */
 interface BlockHandlePositionerProps {
   /**
    * The placement of the popover, relative to the hovered block.
@@ -187,19 +151,9 @@ interface BlockHandlePositionerProps {
    */
   altBoundary?: BlockHandlePositionerProps$1['altBoundary'];
 }
-/**
- * A Solid component that renders an `prosekit-block-handle-positioner` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-block-handle-positioner` custom element. */
 declare const BlockHandlePositioner: Component<BlockHandlePositionerProps & JSX.HTMLAttributes<BlockHandlePositionerElement>>;
-//#endregion
-//#region src/components/block-handle/block-handle-root.gen.d.ts
-/**
- * Props for the {@link BlockHandleRoot} Solid component.
- *
- * @public
- */
+/** Props for the {@link BlockHandleRoot} Solid component. */
 interface BlockHandleRootProps {
   /**
    * The ProseKit editor instance.
@@ -211,12 +165,7 @@ interface BlockHandleRootProps {
   /** Fired when the hovered block changes. */
   onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;
 }
-/**
- * A Solid component that renders an `prosekit-block-handle-root` custom element.
- *
- * @public
- */
+/** A Solid component that renders an `prosekit-block-handle-root` custom element. */
 declare const BlockHandleRoot: Component<BlockHandleRootProps & JSX.HTMLAttributes<BlockHandleRootElement>>;
-//#endregion
 export { BlockHandleAdd, type BlockHandleAddProps, BlockHandleDraggable, type BlockHandleDraggableProps, BlockHandlePopup, type BlockHandlePopupProps, BlockHandlePositioner, type BlockHandlePositionerProps, BlockHandleRoot, type BlockHandleRootProps };
 //# sourceMappingURL=prosekit-solid-block-handle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"mappings":";;;;;;;;AA+BA;UAfiB,mBAAA;;;;;;;EAOf,MAAA,GAAS,qBAAA;AAAA;;;;;;cAQE,cAAA,EAAgB,SAAA,CAAU,mBAAA,GAAsB,GAAA,CAAI,cAAA,CAAe,qBAAA;;;;;;;AAAhF;UCfiB,yBAAA;;;;;;;EAOf,MAAA,GAAS,2BAAA;AAAA;;;;;;cAQE,oBAAA,EAAsB,SAAA,CAAU,yBAAA,GAA4B,GAAA,CAAI,cAAA,CAAe,2BAAA;;;;;;;ADA5F;UElBiB,qBAAA;;;;;;cAOJ,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;;;;;;AFWpF;UGjBiB,0BAAA;;;;;;EAMf,SAAA,GAAY,4BAAA;EHWwB;;;;;;EGJpC,KAAA,GAAQ,4BAAA;EHI2F;;;;EGCnG,IAAA,GAAO,4BAAA;EFhBiC;;;;EEqBxC,KAAA,GAAQ,4BAAA;EFmBT;;;;EEdC,IAAA,GAAO,4BAAA;EFX0B;;;;;EEiBjC,QAAA,GAAW,4BAAA;EFjBgE;;;;;;;EEyB3E,UAAA,GAAa,4BAAA;ED3CuB;;;;AAOtC;EC0CE,MAAA,GAAS,4BAAA;;;;;;;EAOT,OAAA,GAAU,4BAAA;EDjDmB;;;;;;ECwD7B,WAAA,GAAc,4BAAA;;;;AA9DhB;;;EAqEE,SAAA,GAAY,4BAAA;EAxDJ;;;;;;EA+DR,UAAA,GAAa,4BAAA;EArBH;;;;;;EA4BV,MAAA,GAAS,4BAAA;EAqBS;;;;;;EAdlB,QAAA,GAAW,4BAAA;EA7EX;;;;;;EAoFA,YAAA,GAAe,4BAAA;EArER;;;;;;EA4EP,eAAA,GAAkB,4BAAA;EAjDlB;;;;;;;EAyDA,cAAA,GAAiB,4BAAA;EA7BjB;;;;;;;EAqCA,WAAA,GAAc,4BAAA;AAAA;;;;;;cAQH,qBAAA,EAAuB,SAAA,CAAU,0BAAA,GAA6B,GAAA,CAAI,cAAA,CAAe,4BAAA;;;;;;;AH/G9F;UIfiB,oBAAA;;;;;;;EAOf,MAAA,GAAS,sBAAA;EJQkB;EIN3B,aAAA,IAAiB,KAAA,EAAO,qBAAA;AAAA;;;;;;cAQb,eAAA,EAAiB,SAAA,CAAU,oBAAA,GAAuB,GAAA,CAAI,cAAA,CAAe,sBAAA"}
+{"version":3,"file":"prosekit-solid-block-handle.d.ts","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"mappings":";;;UAUiB,mBAAA;EAAmB;;;;AAWpC;;EAJE,MAAA,GAAS,qBAAA;AAAA;;cAIE,cAAA,EAAgB,SAAA,CAAU,mBAAA,GAAsB,GAAA,CAAI,cAAA,CAAe,qBAAA;;UCX/D,yBAAA;EDAmB;;;;AAWpC;;ECJE,MAAA,GAAS,2BAAA;AAAA;;cAIE,oBAAA,EAAsB,SAAA,CAAU,yBAAA,GAA4B,GAAA,CAAI,cAAA,CAAe,2BAAA;;UCd3E,qBAAA;;cAGJ,gBAAA,EAAkB,SAAA,CAAU,qBAAA,GAAwB,GAAA,CAAI,cAAA,CAAe,uBAAA;;UCFnE,0BAAA;EHEmB;;;;AAWpC;EGPE,SAAA,GAAY,4BAAA;;;;;;;EAOZ,KAAA,GAAQ,4BAAA;EHAmB;;;;EGK3B,IAAA,GAAO,4BAAA;EHL4F;;;ACXrG;EEqBE,KAAA,GAAQ,4BAAA;;;;AFVV;EEeE,IAAA,GAAO,4BAAA;;;;;;EAMP,QAAA,GAAW,4BAAA;EFrB+B;;;;;;;EE6B1C,UAAA,GAAa,4BAAA;;AD3Cf;;;;ECiDE,MAAA,GAAS,4BAAA;ED9CE;;;;;;ECqDX,OAAA,GAAU,4BAAA;EDrD4B;;;;;;EC4DtC,WAAA,GAAc,4BAAA;ED5D2F;;;ACF3G;;;EAqEE,SAAA,GAAY,4BAAA;EAxDJ;;;;;;EA+DR,UAAA,GAAa,4BAAA;EArBH;;;;;;EA4BV,MAAA,GAAS,4BAAA;EAqBS;;;;;;EAdlB,QAAA,GAAW,4BAAA;EA7EX;;;;;;EAoFA,YAAA,GAAe,4BAAA;EArER;;;;;;EA4EP,eAAA,GAAkB,4BAAA;EAjDlB;;;;;;;EAyDA,cAAA,GAAiB,4BAAA;EA7BjB;;;;;;;EAqCA,WAAA,GAAc,4BAAA;AAAA;;cAIH,qBAAA,EAAuB,SAAA,CAAU,0BAAA,GAA6B,GAAA,CAAI,cAAA,CAAe,4BAAA;;UC1H7E,oBAAA;EJAmB;;;;AAWpC;;EIJE,MAAA,GAAS,sBAAA;EJI4B;EIFrC,aAAA,IAAiB,KAAA,EAAO,qBAAA;AAAA;;cAIb,eAAA,EAAiB,SAAA,CAAU,oBAAA,GAAuB,GAAA,CAAI,cAAA,CAAe,sBAAA"}

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

@@ -2,15 +2,7 @@ import { n as useEditorContext } from "./editor-context.js";
 import { createEffect, createSignal, mergeProps, splitProps } from "solid-js";
 import h from "solid-js/h";
 import { registerBlockHandleAddElement, registerBlockHandleDraggableElement, registerBlockHandlePopupElement, registerBlockHandlePositionerElement, registerBlockHandleRootElement } from "@prosekit/web/block-handle";
-//#region src/components/block-handle/block-handle-add.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
-/**
-* A Solid component that renders an `prosekit-block-handle-add` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-block-handle-add` custom element. */
 const BlockHandleAdd = (props) => {
 	registerBlockHandleAddElement();
 	const [getElement, setElement] = createSignal(null);
@@ -25,16 +17,7 @@ const BlockHandleAdd = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#region src/components/block-handle/block-handle-draggable.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
-/**
-* A Solid component that renders an `prosekit-block-handle-draggable` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-block-handle-draggable` custom element. */
 const BlockHandleDraggable = (props) => {
 	registerBlockHandleDraggableElement();
 	const [getElement, setElement] = createSignal(null);
@@ -49,31 +32,13 @@ const BlockHandleDraggable = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#region src/components/block-handle/block-handle-popup.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
-/**
-* A Solid component that renders an `prosekit-block-handle-popup` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-block-handle-popup` custom element. */
 const BlockHandlePopup = (props) => {
 	registerBlockHandlePopupElement();
 	const restProps = props;
 	return () => h("prosekit-block-handle-popup", restProps);
 };
-//#endregion
-//#region src/components/block-handle/block-handle-positioner.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
-/**
-* A Solid component that renders an `prosekit-block-handle-positioner` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-block-handle-positioner` custom element. */
 const BlockHandlePositioner = (props) => {
 	registerBlockHandlePositionerElement();
 	const [getElement, setElement] = createSignal(null);
@@ -125,16 +90,7 @@ const BlockHandlePositioner = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
-//#region src/components/block-handle/block-handle-root.gen.ts
-/**
-* This file is auto-generated by the "@aria-ui/cli" tool. Do not edit this file directly.
-*/
-/**
-* A Solid component that renders an `prosekit-block-handle-root` custom element.
-*
-* @public
-*/
+/** A Solid component that renders an `prosekit-block-handle-root` custom element. */
 const BlockHandleRoot = (props) => {
 	registerBlockHandleRootElement();
 	const [getElement, setElement] = createSignal(null);
@@ -161,7 +117,6 @@ const BlockHandleRoot = (props) => {
 		setElement(el);
 	} }));
 };
-//#endregion
 export { BlockHandleAdd, BlockHandleDraggable, BlockHandlePopup, BlockHandlePositioner, BlockHandleRoot };
 
 //# sourceMappingURL=prosekit-solid-block-handle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"prosekit-solid-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"sourcesContent":["/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleAdd} Solid component.\n *\n * @public\n */\nexport interface BlockHandleAddProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-add` custom element.\n *\n * @public\n */\nexport const BlockHandleAdd: Component<BlockHandleAddProps & JSX.HTMLAttributes<BlockHandleAddElement>> = (props): any => {\n  registerBlockHandleAddElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleAddElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-add',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleAddElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleDraggable} Solid component.\n *\n * @public\n */\nexport interface BlockHandleDraggableProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-draggable` custom element.\n *\n * @public\n */\nexport const BlockHandleDraggable: Component<BlockHandleDraggableProps & JSX.HTMLAttributes<BlockHandleDraggableElement>> = (props): any => {\n  registerBlockHandleDraggableElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleDraggableElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-draggable',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleDraggableElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link BlockHandlePopup} Solid component.\n *\n * @public\n */\nexport interface BlockHandlePopupProps {}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-popup` custom element.\n *\n * @public\n */\nexport const BlockHandlePopup: Component<BlockHandlePopupProps & JSX.HTMLAttributes<BlockHandlePopupElement>> = (props): any => {\n  registerBlockHandlePopupElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-block-handle-popup', restProps);\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/**\n * Props for the {@link BlockHandlePositioner} Solid component.\n *\n * @public\n */\nexport interface BlockHandlePositionerProps {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: BlockHandlePositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: BlockHandlePositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: BlockHandlePositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: BlockHandlePositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: BlockHandlePositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: BlockHandlePositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-positioner` custom element.\n *\n * @public\n */\nexport const BlockHandlePositioner: Component<BlockHandlePositionerProps & JSX.HTMLAttributes<BlockHandlePositionerElement>> = (props): any => {\n  registerBlockHandlePositionerElement();\n\n  const [getElement, setElement] = createSignal<BlockHandlePositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-positioner',\n      mergeProps(restProps, {\n        ref: (el: BlockHandlePositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","/**\n * This file is auto-generated by the \"@aria-ui/cli\" tool. Do not edit this file directly.\n */\n\nimport { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/**\n * Props for the {@link BlockHandleRoot} Solid component.\n *\n * @public\n */\nexport interface BlockHandleRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\n/**\n * A Solid component that renders an `prosekit-block-handle-root` custom element.\n *\n * @public\n */\nexport const BlockHandleRoot: Component<BlockHandleRootProps & JSX.HTMLAttributes<BlockHandleRootElement>> = (props): any => {\n  registerBlockHandleRootElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor'], ['onStateChange']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onStateChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['stateChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-root',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":"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"}
+{"version":3,"file":"prosekit-solid-block-handle.js","names":[],"sources":["../src/components/block-handle/block-handle-add.gen.ts","../src/components/block-handle/block-handle-draggable.gen.ts","../src/components/block-handle/block-handle-popup.gen.ts","../src/components/block-handle/block-handle-positioner.gen.ts","../src/components/block-handle/block-handle-root.gen.ts"],"sourcesContent":["// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleAddElement, type BlockHandleAddElement, type BlockHandleAddProps as BlockHandleAddElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleAdd} Solid component. */\nexport interface BlockHandleAddProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleAddElementProps['editor'];\n}\n\n/** A Solid component that renders an `prosekit-block-handle-add` custom element. */\nexport const BlockHandleAdd: Component<BlockHandleAddProps & JSX.HTMLAttributes<BlockHandleAddElement>> = (props): any => {\n  registerBlockHandleAddElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleAddElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-add',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleAddElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleDraggableElement, type BlockHandleDraggableElement, type BlockHandleDraggableProps as BlockHandleDraggableElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleDraggable} Solid component. */\nexport interface BlockHandleDraggableProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleDraggableElementProps['editor'];\n}\n\n/** A Solid component that renders an `prosekit-block-handle-draggable` custom element. */\nexport const BlockHandleDraggable: Component<BlockHandleDraggableProps & JSX.HTMLAttributes<BlockHandleDraggableElement>> = (props): any => {\n  registerBlockHandleDraggableElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleDraggableElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['editor']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-draggable',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleDraggableElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandlePopupElement, type BlockHandlePopupElement } from '@prosekit/web/block-handle';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link BlockHandlePopup} Solid component. */\nexport interface BlockHandlePopupProps {}\n\n/** A Solid component that renders an `prosekit-block-handle-popup` custom element. */\nexport const BlockHandlePopup: Component<BlockHandlePopupProps & JSX.HTMLAttributes<BlockHandlePopupElement>> = (props): any => {\n  registerBlockHandlePopupElement();\n\n  const restProps = props;\n\n  return () => h('prosekit-block-handle-popup', restProps);\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandlePositionerElement, type BlockHandlePositionerElement, type BlockHandlePositionerProps as BlockHandlePositionerElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\n/** Props for the {@link BlockHandlePositioner} Solid component. */\nexport interface BlockHandlePositionerProps {\n  /**\n   * The placement of the popover, relative to the hovered block.\n   *\n   * @default \"left\"\n   */\n  placement?: BlockHandlePositionerElementProps['placement'];\n  /**\n   * Whether to use the browser [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)\n   * to place the floating element on top of other page content.\n   *\n   * @default false\n   */\n  hoist?: BlockHandlePositionerElementProps['hoist'];\n  /**\n   * @default false\n   * @hidden\n   */\n  flip?: BlockHandlePositionerElementProps['flip'];\n  /**\n   * @default false\n   * @hidden\n   */\n  shift?: BlockHandlePositionerElementProps['shift'];\n  /**\n   * @default true\n   * @hidden\n   */\n  hide?: BlockHandlePositionerElementProps['hide'];\n  /**\n   * The strategy to use for positioning\n   *\n   * @default \"absolute\"\n   */\n  strategy?: BlockHandlePositionerElementProps['strategy'];\n  /**\n   * Options to activate auto-update listeners\n   *\n   * @see https://floating-ui.com/docs/autoUpdate\n   *\n   * @default true\n   */\n  autoUpdate?: BlockHandlePositionerElementProps['autoUpdate'];\n  /**\n   * The distance between the reference and floating element.\n   *\n   * @default 6\n   */\n  offset?: BlockHandlePositionerElementProps['offset'];\n  /**\n   * Whether the floating element can overlap the reference element to keep it\n   * in view.\n   *\n   * @default false\n   */\n  overlap?: BlockHandlePositionerElementProps['overlap'];\n  /**\n   * Whether to constrain the floating element's width and height to not exceed\n   * the viewport.\n   *\n   * @default false\n   */\n  fitViewport?: BlockHandlePositionerElementProps['fitViewport'];\n  /**\n   * Whether to constrain the floating element's width so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameWidth?: BlockHandlePositionerElementProps['sameWidth'];\n  /**\n   * Whether to constrain the floating element's height so that it matches the\n   * reference element.\n   *\n   * @default false\n   */\n  sameHeight?: BlockHandlePositionerElementProps['sameHeight'];\n  /**\n   * Whether to improve positioning for inline reference elements that span over\n   * multiple lines.\n   *\n   * @default false\n   */\n  inline?: BlockHandlePositionerElementProps['inline'];\n  /**\n   * Describes the clipping element(s) or area that overflow will be checked relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#boundary for more information.\n   *\n   * @default 'clippingAncestors'\n   */\n  boundary?: BlockHandlePositionerElementProps['boundary'];\n  /**\n   * Describes the root boundary that the element will be checked for overflow relative to.\n   * Please see https://floating-ui.com/docs/detectoverflow#rootboundary for more information.\n   *\n   * @default 'viewport'\n   */\n  rootBoundary?: BlockHandlePositionerElementProps['rootBoundary'];\n  /**\n   * Describes the virtual padding around the boundary to check for overflow.\n   * Please see https://floating-ui.com/docs/detectoverflow#padding for more information.\n   *\n   * @default 4\n   */\n  overflowPadding?: BlockHandlePositionerElementProps['overflowPadding'];\n  /**\n   * The element that will be used to check for overflow. Please see\n   * https://floating-ui.com/docs/detectoverflow#elementcontext for more\n   * information.\n   *\n   * @default 'floating'\n   */\n  elementContext?: BlockHandlePositionerElementProps['elementContext'];\n  /**\n   * Whether to check the alternate elementContext's boundary. Please see\n   * https://floating-ui.com/docs/detectoverflow#altboundary for more\n   * information.\n   *\n   * @default false\n   */\n  altBoundary?: BlockHandlePositionerElementProps['altBoundary'];\n}\n\n/** A Solid component that renders an `prosekit-block-handle-positioner` custom element. */\nexport const BlockHandlePositioner: Component<BlockHandlePositionerProps & JSX.HTMLAttributes<BlockHandlePositionerElement>> = (props): any => {\n  registerBlockHandlePositionerElement();\n\n  const [getElement, setElement] = createSignal<BlockHandlePositionerElement | null>(null);\n\n  const [elementProps, restProps] = splitProps(props, ['altBoundary', 'autoUpdate', 'boundary', 'elementContext', 'fitViewport', 'flip', 'hide', 'hoist', 'inline', 'offset', 'overflowPadding', 'overlap', 'placement', 'rootBoundary', 'sameHeight', 'sameWidth', 'shift', 'strategy']);\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, {\n      altBoundary: elementProps.altBoundary,\n      autoUpdate: elementProps.autoUpdate,\n      boundary: elementProps.boundary,\n      elementContext: elementProps.elementContext,\n      fitViewport: elementProps.fitViewport,\n      flip: elementProps.flip,\n      hide: elementProps.hide,\n      hoist: elementProps.hoist,\n      inline: elementProps.inline,\n      offset: elementProps.offset,\n      overflowPadding: elementProps.overflowPadding,\n      overlap: elementProps.overlap,\n      placement: elementProps.placement,\n      rootBoundary: elementProps.rootBoundary,\n      sameHeight: elementProps.sameHeight,\n      sameWidth: elementProps.sameWidth,\n      shift: elementProps.shift,\n      strategy: elementProps.strategy,\n    });\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-positioner',\n      mergeProps(restProps, {\n        ref: (el: BlockHandlePositionerElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n","// This file is auto-generated by \"@aria-ui/cli\". Do not edit this file directly.\n\nimport { registerBlockHandleRootElement, type BlockHandleRootElement, type BlockHandleRootEvents, type BlockHandleRootProps as BlockHandleRootElementProps } from '@prosekit/web/block-handle';\nimport { createEffect, createSignal, mergeProps, splitProps } from 'solid-js';\nimport type { Component, JSX } from 'solid-js';\nimport h from 'solid-js/h';\n\nimport { useEditorContext } from '../../contexts/editor-context.ts';\n\n/** Props for the {@link BlockHandleRoot} Solid component. */\nexport interface BlockHandleRootProps {\n  /**\n   * The ProseKit editor instance.\n   *\n   * @default null\n   * @hidden\n   */\n  editor?: BlockHandleRootElementProps['editor'];\n  /** Fired when the hovered block changes. */\n  onStateChange?: (event: BlockHandleRootEvents['stateChange']) => void;\n}\n\n/** A Solid component that renders an `prosekit-block-handle-root` custom element. */\nexport const BlockHandleRoot: Component<BlockHandleRootProps & JSX.HTMLAttributes<BlockHandleRootElement>> = (props): any => {\n  registerBlockHandleRootElement();\n\n  const [getElement, setElement] = createSignal<BlockHandleRootElement | null>(null);\n  const handlers: Array<((event: any) => void) | undefined> = [];\n\n  const [elementProps, eventHandlers, restProps] = splitProps(props, ['editor'], ['onStateChange']);\n\n  const p0Fallback = useEditorContext();\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    Object.assign(element, { editor: elementProps.editor ?? p0Fallback });\n\n    handlers.length = 0;\n    handlers.push(eventHandlers.onStateChange);\n  });\n\n  createEffect(() => {\n    const element = getElement();\n    if (!element) return;\n\n    const ac = new AbortController();\n    for (const [index, eventName] of ['stateChange'].entries()) {\n      element.addEventListener(\n        eventName,\n        (event) => {\n          handlers[index]?.(event);\n        },\n        { signal: ac.signal },\n      );\n    }\n    return () => ac.abort();\n  });\n\n  return () =>\n    h(\n      'prosekit-block-handle-root',\n      mergeProps(restProps, {\n        ref: (el: BlockHandleRootElement | null) => {\n          setElement(el);\n        },\n      }),\n    );\n};\n"],"mappings":"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"}