@prosekit/preact 0.4.12 → 0.4.13

package/dist/{create-component-BW93u26s.js → create-component-B23NJ9dW.js}

@@ -1,9 +1,35 @@
 import { useEditorContext } from "./editor-context-imq7MdJr.js";
 import { createElement } from "preact";
-import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "preact/hooks";
 import { forwardRef } from "preact/compat";
-import { mergeRefs } from "react-merge-refs";
 
+//#region src/components/merge-refs.ts
+/**
+* Assigns a value to a ref.
+* @returns The ref cleanup callback, if any.
+*/
+function assignRef(ref, value) {
+	if (typeof ref === "function") return ref(value);
+	else if (ref) ref.current = value;
+}
+/**
+* Merges multiple refs into a single one.
+*/
+function mergeRefs(refs) {
+	return (value) => {
+		const cleanups = [];
+		for (const ref of refs) {
+			const cleanup = assignRef(ref, value);
+			const isCleanup = typeof cleanup === "function";
+			cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null));
+		}
+		return () => {
+			for (const cleanup of cleanups) cleanup();
+		};
+	};
+}
+
+//#endregion
 //#region src/components/create-component.ts
 const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 function createComponent(tagName, displayName, propNames, eventNames) {
@@ -56,9 +82,10 @@ function createComponent(tagName, displayName, propNames, eventNames) {
 				for (const [name, handler] of Object.entries(fixedEventHandlers)) el.removeEventListener(name, handler);
 			};
 		}, [el]);
+		const mergedRef = useMemo(() => mergeRefs([ref, setEl]), [ref]);
 		return createElement(tagName, {
 			...attributes,
-			ref: mergeRefs([ref, setEl])
+			ref: mergedRef
 		});
 	});
 	Component.displayName = displayName;

package/dist/prosekit-preact-autocomplete.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { autocompleteEmptyEvents, autocompleteEmptyProps, autocompleteItemEvents, autocompleteItemProps, autocompleteListEvents, autocompleteListProps, autocompletePopoverEvents, autocompletePopoverProps } from "@prosekit/web/autocomplete";
 
 //#region src/components/autocomplete/autocomplete-empty.gen.ts

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

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { blockHandleAddEvents, blockHandleAddProps, blockHandleDraggableEvents, blockHandleDraggableProps, blockHandlePopoverEvents, blockHandlePopoverProps } from "@prosekit/web/block-handle";
 
 //#region src/components/block-handle/block-handle-add.gen.ts

package/dist/prosekit-preact-inline-popover.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { inlinePopoverEvents, inlinePopoverProps } from "@prosekit/web/inline-popover";
 
 //#region src/components/inline-popover/inline-popover.gen.ts

package/dist/prosekit-preact-popover.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { popoverContentEvents, popoverContentProps, popoverRootEvents, popoverRootProps, popoverTriggerEvents, popoverTriggerProps } from "@prosekit/web/popover";
 
 //#region src/components/popover/popover-content.gen.ts

package/dist/prosekit-preact-resizable.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { resizableHandleEvents, resizableHandleProps, resizableRootEvents, resizableRootProps } from "@prosekit/web/resizable";
 
 //#region src/components/resizable/resizable-handle.gen.ts

package/dist/prosekit-preact-table-handle.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { tableHandleColumnRootEvents, tableHandleColumnRootProps, tableHandleColumnTriggerEvents, tableHandleColumnTriggerProps, tableHandlePopoverContentEvents, tableHandlePopoverContentProps, tableHandlePopoverItemEvents, tableHandlePopoverItemProps, tableHandleRootEvents, tableHandleRootProps, tableHandleRowRootEvents, tableHandleRowRootProps, tableHandleRowTriggerEvents, tableHandleRowTriggerProps } from "@prosekit/web/table-handle";
 
 //#region src/components/table-handle/table-handle-column-root.gen.ts

package/dist/prosekit-preact-tooltip.js

@@ -1,5 +1,5 @@
 import "./editor-context-imq7MdJr.js";
-import { createComponent } from "./create-component-BW93u26s.js";
+import { createComponent } from "./create-component-B23NJ9dW.js";
 import { tooltipContentEvents, tooltipContentProps, tooltipRootEvents, tooltipRootProps, tooltipTriggerEvents, tooltipTriggerProps } from "@prosekit/web/tooltip";
 
 //#region src/components/tooltip/tooltip-content.gen.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/preact",
   "type": "module",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "private": false,
   "description": "Preact components and utilities for ProseKit",
   "author": {
@@ -63,7 +63,6 @@
     "dist"
   ],
   "dependencies": {
-    "react-merge-refs": "^3.0.1",
     "@prosekit/core": "^0.8.1",
     "@prosekit/pm": "^0.1.10",
     "@prosekit/web": "^0.5.8"
@@ -81,8 +80,8 @@
     "tsdown": "^0.11.1",
     "typescript": "~5.8.3",
     "vitest": "^3.1.3",
-    "@prosekit/config-vitest": "0.0.0",
-    "@prosekit/config-tsdown": "0.0.0"
+    "@prosekit/config-tsdown": "0.0.0",
+    "@prosekit/config-vitest": "0.0.0"
   },
   "publishConfig": {
     "dev": {}