docblocks-react-ui 0.4.3 → 0.4.5

package/CHANGELOG.md

@@ -1,5 +1,68 @@
 # docblocks-react-ui
 
+## 0.4.5
+
+### Patch Changes
+
+- 468f457: The callout's custom color picker commits the last scrubbed value when
+  the picker section closes without an explicit commit (the former close
+  discarded the draft); an untouched picker still commits nothing. The
+  swatch grid's custom swatch carries the current color when it matches
+  no preset (a small dot over the rainbow swatch).
+- 55f51fc: A DOM selection outside a text-editable inside the canvas view maps to
+  none over the page's selection mapping. The engine's focus move over a
+  canvas item (the mousedown's default focuses the non-editable — the
+  firefox's behavior) fires a selectionchange whose blocks mapping would
+  flag the focused item: the stray selection tinted the picked shape
+  over the canvas' own selection state (the two-click pick's first
+  pick). The canvas manages its selection over the explicit press; the
+  page card's editable keeps the mapping.
+- 745f1d7: The redo of a remounting step (a type change) restores the pre-change
+  selection seat: the redo's stack item carries the pre-undo snapshot,
+  which over a remount is the lost-caret residue (none/blocks) rather
+  than the pre-change seat. The redo falls back to the seat the matching
+  undo restored when the item's own snapshot is not a text selection and
+  the undo itself restored a text seat (the remount's case); a non-text
+  undo restoration (the canvas' blocks selection) is a legitimate
+  pre-undo selection and the redo restores its own snapshot. The view's
+  history reseat window suppresses the remount's transient selection loss
+  over the undo/redo, and the reseat re-runs when the restoration's
+  emission lands.
+- 7bc9512: The shared popover's enter and exit animations now run: the classes were
+  keyed on `data-open` / `data-closed` attributes that Radix does not set
+  (it sets `data-state="open" | "closed"`), so the animations never applied
+  and the content teleported in. The closed content now gets
+  `pointer-events-none` for the exit animation, so a fading popover does
+  not swallow the press landing over its area.
+- 00d4596: The canvas connector's line is clickable in webkit (Safari): the wide
+  invisible hit path renders in its own svg sized to the path's bounding
+  box over the 1x1 center-anchor draw layer. The webkit hit-tests only
+  inside an svg's own box (the overflow-visible content of the 1x1 layer
+  is draw-only there), so the line was not selectable by a click over
+  there. The chromium and the firefox reach the overflow, so the box
+  change alters no behavior over them.
+- 4e1bee5: The cross-block selection stands over the engines that clamp the DOM
+  selection across contenteditable boundaries (webkit / Safari): the
+  selection writes (the keyboard extension, the drag's seat) use a
+  document-ordered Range instead of the Selection endpoint setters (the
+  clamping writes), and the cross-block reads (the arrow at the text's
+  edge, the range's extension) use the range's far endpoint when the
+  selection's focus reads clamped into the anchor's editable. The
+  selection's mapping reads the cross-editable range from its endpoints
+  instead of the anchor / focus nodes.
+- Updated dependencies [745f1d7]
+  - docblocks-core@0.2.2
+
+## 0.4.4
+
+### Patch Changes
+
+- ae88381: The motion drag's pointer-Y helper no longer tests the event against the
+  global `TouchEvent` (the `instanceof` stand): the global is absent on the
+  no-touch Safari (a desktop Safari on macOS), so every drag callback threw
+  a `ReferenceError` and the block drag-reorder failed there. The touch's
+  stand is duck-typed over the event's own `changedTouches` property.
+
 ## 0.4.3
 
 ### Patch Changes

package/dist/{Editor-BHXnrEJ1.mjs → Editor-B1T7ytNQ.mjs}

@@ -850,6 +850,42 @@ function selectionOrphaned() {
 	const node = selection.getRangeAt(0).startContainer;
 	return node !== document && !document.contains(node);
 }
+/**
+* The selection's focus end as the editor reads it: the engine's
+* `focusNode` / `focusOffset` — except when the range crosses a
+* contenteditable boundary and the focus reads back inside the anchor's
+* own editable (the webkit's clamped focus read-back: the engine clamps
+* the far endpoint there, so the anchor/focus pair cannot express the
+* cross range). The range's endpoints stand the derivation then: the
+* engine's range is faithful across the boundary even when the
+* anchor/focus read-back is not. The direction is the range's (the
+* clamped engine's anchor reads as the range's start) — the focus end is
+* the range's far endpoint over the anchor's, whatever its order.
+*/
+function effectiveFocusEnd(domSelection) {
+	if (domSelection.rangeCount === 0) return null;
+	const { anchorNode, anchorOffset, focusNode, focusOffset } = domSelection;
+	if (focusNode === null || anchorNode === null) return null;
+	const range = domSelection.getRangeAt(0);
+	const anchorEditable = editableOfNode$1(anchorNode);
+	const startEditable = editableOfNode$1(range.startContainer);
+	const endEditable = range.startContainer === range.endContainer ? startEditable : editableOfNode$1(range.endContainer);
+	if (startEditable !== null && endEditable !== null && startEditable !== endEditable && anchorEditable !== null && anchorEditable.contains(focusNode)) return range.startContainer === anchorNode && range.startOffset === anchorOffset ? {
+		node: range.endContainer,
+		offset: range.endOffset
+	} : {
+		node: range.startContainer,
+		offset: range.startOffset
+	};
+	return {
+		node: focusNode,
+		offset: focusOffset
+	};
+}
+/** The contenteditable that owns a node (the node's element or its parent's), or null. */
+function editableOfNode$1(node) {
+	return (node === null ? null : node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement)?.closest("[contenteditable=\"true\"]") ?? null;
+}
 //#endregion
 //#region src/editing/block-commands/utils/focus.ts
 /** Run `fn` in the next animation frame (setTimeout where frames do not exist). */
@@ -957,9 +993,13 @@ function seatedIn(el) {
 * the user's and stops the watch — it is never clobbered. The offsets are
 * the gesture's pre-move ones: a structural gesture never edits the
 * block's text, so they remain valid. `scope` confines the lookup to one
-* editor root (a page can render the same doc in several).
+* editor root (a page can render the same doc in several). The deadline
+* stands the remount's commit window over the engine's scheduling (the
+* firefox's engine commits the remount slower over the load) — the watch
+* stops at the first seated attempt or the user's selection, so the
+* length is the residue's watch lifetime only.
 */
-const RESTORE_DEADLINE_MS = 600;
+const RESTORE_DEADLINE_MS = 2e3;
 function restoreSelectionIn(doc, blockId, from, to, scope = document, exclude = null) {
 	const selector = `[data-block-id="${CSS.escape(blockId)}"][data-slot="docblocks/block-content"]`;
 	const json = doc.toJSON();
@@ -1028,6 +1068,40 @@ function reseatHistorySelection(doc, view, scope = document) {
 	restoreSelectionIn(doc, from.blockId, from.offset, to === null ? null : to.offset, scope);
 }
 /**
+* Stand a DOM selection over (base, focus) — across the contenteditable
+* boundary included: the selection is built as one document-ordered Range
+* and added whole. The engine's `setBaseAndExtent` / `extend` cannot put an
+* endpoint in ANOTHER editable — the webkit clamps the far endpoint to the
+* anchor's own editable (the call stands, the range does not cross); the
+* Range's endpoints are faithful across the boundary. The anchor/focus
+* READ-BACK may still be clamped in that engine — the mapping's stand
+* (`selection-mapping`'s cross-editable branch) reads the range there.
+* The direction's read-back stands the range's (the anchor reads as the
+* range's start): the core model is document-ordered, so the direction
+* carries no behavior.
+*/
+function applyDomSelection(baseNode, baseOffset, focusNode, focusOffset) {
+	const selection = window.getSelection();
+	if (selection === null) return;
+	const baseProbe = document.createRange();
+	baseProbe.setStart(baseNode, baseOffset);
+	baseProbe.collapse(true);
+	const focusProbe = document.createRange();
+	focusProbe.setStart(focusNode, focusOffset);
+	focusProbe.collapse(true);
+	const baseFirst = baseProbe.compareBoundaryPoints(Range.END_TO_START, focusProbe) <= 0;
+	const range = document.createRange();
+	if (baseFirst) {
+		range.setStart(baseNode, baseOffset);
+		range.setEnd(focusNode, focusOffset);
+	} else {
+		range.setStart(focusNode, focusOffset);
+		range.setEnd(baseNode, baseOffset);
+	}
+	selection.removeAllRanges();
+	selection.addRange(range);
+}
+/**
 * Re-base the browser's selection anchor at (anchorNode, anchorOffset) and
 * put the focus end at the flat offset in the target block (DOM-only: the
 * doc is untouched). The browser's shift+arrow cannot cross a contenteditable
@@ -1039,12 +1113,10 @@ function reseatHistorySelection(doc, view, scope = document) {
 * selection, not the focus. A no-op when the target element is not rendered.
 */
 function extendSelectionTo(anchorNode, anchorOffset, blockId, offset) {
-	const domSelection = window.getSelection();
-	if (domSelection === null) return;
 	const el = editorRootOf(anchorNode).querySelector(`[data-block-id="${CSS.escape(blockId)}"][data-slot="docblocks/block-content"]`);
 	if (el === null) return;
 	const target = locatePosition(el, offset);
-	domSelection.setBaseAndExtent(anchorNode, anchorOffset, target.node, target.offset);
+	applyDomSelection(anchorNode, anchorOffset, target.node, target.offset);
 }
 //#endregion
 //#region src/editing/slash/context.ts
@@ -5041,12 +5113,14 @@ function DocblocksI18nProvider({ children }) {
 /**
 * The custom color's picker body (the callout menu's custom swatch opens it
 * as an inline section): the native `input type="color"` (the live scrub —
-* no doc write) and the hex field (the strict `#rrggbb`). The doc write
-* stands one `onCommit` per pick (one undo step, one wire update — the
-* swatch pick's parity): the native dialog's commit (`change`), the field's
-* valid Enter / blur. An invalid field value resets to the draft on blur
-* (the picker stands the last valid stand). The close without a commit
-* (the cancel) discards the draft — the menu's unmount stands it.
+* no doc write over the scrub) and the hex field (the strict `#rrggbb`).
+* The doc write stands one `onCommit` per pick (one undo step, one wire
+* update — the swatch pick's parity): the native dialog's commit (`change`),
+* the field's valid Enter / blur. An invalid field value resets to the
+* draft on blur (the picker stands the last valid stand). The close without
+* an explicit commit (the Esc / the toggle / the menu's dismiss) commits the
+* last scrubbed value (the picker's unmount commits it); an untouched
+* picker commits nothing.
 */
 /** The absent value's stand: the native input's neutral default. */
 const DEFAULT_HEX = "#808080";
@@ -5062,11 +5136,24 @@ function ColorPickerInner({ value, onCommit, onClose }) {
 	onCommitRef.current = onCommit;
 	const onCloseRef = useRef(onClose);
 	onCloseRef.current = onClose;
+	const draftRef = useRef(draft);
+	draftRef.current = draft;
+	const touchedRef = useRef(false);
+	const committedRef = useRef(false);
+	useEffect(() => {
+		return () => {
+			if (!touchedRef.current || committedRef.current) return;
+			const committed = normalizeHex$1(draftRef.current);
+			const current = valueRef.current === null ? null : normalizeHex$1(valueRef.current);
+			if (committed !== null && committed !== current) onCommitRef.current(committed);
+		};
+	}, []);
 	const nativeRef = useRef(null);
 	useEffect(() => {
 		const el = nativeRef.current;
 		if (el === null) return;
 		const onChange = (event) => {
+			committedRef.current = true;
 			const committed = normalizeHex$1(event.target.value);
 			const current = valueRef.current === null ? null : normalizeHex$1(valueRef.current);
 			if (committed !== null && committed !== current) onCommitRef.current(committed);
@@ -5079,6 +5166,7 @@ function ColorPickerInner({ value, onCommit, onClose }) {
 	const commitField = (raw) => {
 		const match = raw.trim().match(STRICT_HEX_RE);
 		if (match === null) return false;
+		committedRef.current = true;
 		const hex = `#${match[1].toLowerCase()}`;
 		setDraft(hex);
 		setField(hex);
@@ -5092,7 +5180,10 @@ function ColorPickerInner({ value, onCommit, onClose }) {
 			ref: nativeRef,
 			type: "color",
 			value: draft,
-			onInput: (event) => setDraft(event.currentTarget.value),
+			onInput: (event) => {
+				touchedRef.current = true;
+				setDraft(event.currentTarget.value);
+			},
 			"aria-label": t("colorPicker.aria"),
 			className: "h-8 w-8 cursor-pointer rounded-xs border border-(--border) bg-transparent p-0.5"
 		}), /* @__PURE__ */ jsx(Input, {
@@ -5135,7 +5226,10 @@ function ColorPicker(props) {
 * Two opt-in extras (off by default): the transparent ("no color") swatch
 * (a theme-background circle crossed by a thin `--destructive` line —
 * reports `onSelectNone`) and the custom swatch (a rainbow circle that
-* reports `onCustom`; the full picker it opens is built on first use).
+* reports `onCustom`; the full picker it opens is built on first use). A
+* current value that matches no entry (a non-preset custom color) shows a
+* small dot of its own over the custom swatch — the row's highlight shows
+* a preset's match only, so the dot is the custom value's marker.
 */
 /** The palette's i18n scope: the package's instance stands the provider's
 *  seat over the palette (the primitive stands also outside the editor's
@@ -5161,6 +5255,8 @@ function ColorSwatchesInner({ colors, current, onSelect, label, allowNone = fals
 		if (currentHex === null) return false;
 		return (normalizeHex$1(entry) ?? resolved[index] ?? null) === currentHex;
 	};
+	const currentHex = current === null || current === void 0 ? null : normalizeHex$1(current);
+	const customCarriesCurrent = allowCustom && currentHex !== null && !colors.some((entry, index) => (normalizeHex$1(entry) ?? resolved[index] ?? null) === currentHex);
 	const selectSwatch = (entry) => (event) => {
 		const hex = resolveColorToHex(entry, event.currentTarget);
 		if (hex !== null) onSelect(hex);
@@ -5214,9 +5310,15 @@ function ColorSwatchesInner({ colors, current, onSelect, label, allowNone = fals
 				"data-color": "custom",
 				"aria-label": t("common:color.custom"),
 				title: t("common:color.custom"),
-				className: "size-5 rounded-full border border-(--border) transition-none",
+				className: "relative size-5 rounded-full border border-(--border) transition-none",
 				style: { background: "conic-gradient(red, orange, yellow, green, cyan, blue, magenta, red)" },
-				onClick: onCustom
+				onClick: onCustom,
+				children: customCarriesCurrent && currentHex !== null && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": true,
+					"data-slot": "docblocks/palette-custom-current",
+					className: "\n                absolute top-1/2 left-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full border border-(--border)\n              ",
+					style: { background: currentHex }
+				})
 			})
 		]
 	});
@@ -5244,12 +5346,13 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
             pointer-events-auto z-modal flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5
             rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10
             outline-hidden duration-100
-            data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95
-            data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95
             data-[side=bottom]:slide-in-from-top-2
             data-[side=left]:slide-in-from-right-2
             data-[side=right]:slide-in-from-left-2
             data-[side=top]:slide-in-from-bottom-2
+            data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+            data-[state=closed]:zoom-out-95
+            data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95
           `, className),
 		...props
 	}) });
@@ -11993,7 +12096,10 @@ function EditorProviderStand({ doc, provider, blockRenderers, blobResolver, blob
 	const [store] = useState(() => createEditorStore(doc, rootId));
 	const docRef = useRef(doc);
 	const rootIdRef = useRef(rootId);
-	const selectionRef = useRef({ view: null });
+	const selectionRef = useRef({
+		view: null,
+		reseatUntil: { current: 0 }
+	});
 	const parentContext = useContext(EditorContext);
 	const effectiveAccessLevel = accessLevel ?? parentContext?.accessLevel ?? "editor";
 	const effectiveMode = effectiveAccessLevel === "viewer" ? "published" : mode ?? parentContext?.mode ?? "edit";
@@ -16029,8 +16135,12 @@ function extendRangeFocusEnd(doc, selection, key) {
 	if (selection.kind !== "text" || selection.to === null) return false;
 	const domSelection = window.getSelection();
 	if (domSelection === null || domSelection.rangeCount === 0) return false;
-	const { anchorNode, anchorOffset, focusNode, focusOffset } = domSelection;
-	if (anchorNode === null || focusNode === null) return false;
+	const { anchorNode, anchorOffset } = domSelection;
+	if (anchorNode === null) return false;
+	const effective = effectiveFocusEnd(domSelection);
+	if (effective === null) return false;
+	const focusNode = effective.node;
+	const focusOffset = effective.offset;
 	const scope = editorRootOf(focusNode);
 	const focusBlock = textBlockOfNode(focusNode);
 	if (focusBlock === null) return false;
@@ -16079,7 +16189,7 @@ function extendRangeFocusEnd(doc, selection, key) {
 	const target = scope.querySelector(`[data-block-id="${CSS.escape(next.blockId)}"][data-slot="docblocks/block-content"]`);
 	if (target === null) return false;
 	const position = locatePosition(target, next.offset);
-	domSelection.setBaseAndExtent(anchorNode, anchorOffset, position.node, position.offset);
+	applyDomSelection(anchorNode, anchorOffset, position.node, position.offset);
 	return true;
 }
 //#endregion
@@ -16123,6 +16233,36 @@ function mapDomSelection(root, domSelection, doc) {
 	const range = domSelection.getRangeAt(0);
 	const anchorBlock = textBlockOf(anchorNode, root);
 	const focusBlock = textBlockOf(focusNode, root);
+	if ((anchorNode instanceof Element ? anchorNode : anchorNode.parentElement ?? null)?.closest("[data-slot=\"docblocks/canvas-view\"]") !== null && anchorBlock === null && editableOfNode(anchorNode) === null) return { kind: "none" };
+	const startEditable = editableOfNode(range.startContainer);
+	const endEditable = range.startContainer === range.endContainer ? startEditable : editableOfNode(range.endContainer);
+	if (startEditable !== null && endEditable !== null && startEditable !== endEditable) {
+		const first = {
+			node: range.startContainer,
+			offset: range.startOffset,
+			textBlock: textBlockOf(range.startContainer, root)
+		};
+		const last = {
+			node: range.endContainer,
+			offset: range.endOffset,
+			textBlock: textBlockOf(range.endContainer, root)
+		};
+		if (first.textBlock === null && last.textBlock === null && !rangeTouchesTextBlock(root, range)) return mapBlocksSelection(root, domSelection, anchorBlock);
+		const from = resolveEndpoint(doc, root, first, "first");
+		const to = resolveEndpoint(doc, root, last, "last");
+		if (from === null || to === null) return mapBlocksSelection(root, domSelection, anchorBlock);
+		if (from.blockId === to.blockId && from.offset === to.offset) return {
+			kind: "text",
+			from,
+			to: null
+		};
+		return {
+			kind: "text",
+			from,
+			to,
+			...!(range.startContainer === anchorNode && range.startOffset === anchorOffset) ? { reverse: true } : {}
+		};
+	}
 	if (anchorBlock !== null && focusBlock === anchorBlock) return mapTextSelection(anchorBlock, anchorNode, anchorOffset, focusNode, focusOffset);
 	const anchorIsFirst = range.startContainer === anchorNode && range.startOffset === anchorOffset;
 	const first = {
@@ -16340,11 +16480,13 @@ function syncDomSelection(root, doc, view) {
 * not — the mapping must not clobber a `blocks` view there.
 */
 function domSelectionInEditable(domSelection) {
-	if (domSelection === null || domSelection.rangeCount === 0) return false;
-	const elementOf = (node) => node instanceof Element ? node : node === null ? null : node.parentElement;
-	const anchor = elementOf(domSelection.anchorNode);
-	const focus = elementOf(domSelection.focusNode);
-	return anchor?.closest("[contenteditable=\"true\"]") !== null && focus?.closest("[contenteditable=\"true\"]") !== null;
+	const anchor = editableOfNode(domSelection?.anchorNode ?? null);
+	const focus = editableOfNode(domSelection?.focusNode ?? null);
+	return anchor !== null && focus !== null;
+}
+/** The contenteditable that owns a node (the node's element or its parent's), or null. */
+function editableOfNode(node) {
+	return (node === null ? null : node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement)?.closest("[contenteditable=\"true\"]") ?? null;
 }
 //#endregion
 //#region src/editing/cross-range-keys.ts
@@ -16376,6 +16518,13 @@ function handleCrossRangeKey(doc, view, selection, root, event) {
 		if (moved) syncDomSelection(root, doc, view);
 		return true;
 	}
+	if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+		const domSelection = window.getSelection();
+		if (domSelection === null || domSelection.rangeCount === 0 || domSelection.focusNode === null) return false;
+		event.preventDefault();
+		domSelection.collapse(domSelection.focusNode, domSelection.focusOffset);
+		return true;
+	}
 	if (event.key === "Delete" || event.key === "Backspace") {
 		event.preventDefault();
 		const result = doc.deleteTextRange(selection.from, selection.to);
@@ -17002,7 +17151,9 @@ function useBlockInput({ id, blockType, context, innerRef, wrapperRef, declareLo
 			const domSelection = window.getSelection();
 			if (selection.kind !== "blocks" && mappedRoot instanceof HTMLElement && domSelection !== null) {
 				const fresh = mapDomSelection(mappedRoot, domSelection, doc);
-				if (!selectionsEqual(fresh, selection)) view.set(fresh);
+				if (!selectionsEqual(fresh, selection)) {
+					if (!(fresh.kind !== "text" && Date.now() < selectionRef.reseatUntil.current)) view.set(fresh);
+				}
 				selection = view.get();
 				root = mappedRoot;
 			}
@@ -17152,7 +17303,17 @@ function useBlockInput({ id, blockType, context, innerRef, wrapperRef, declareLo
 				const domSelection = window.getSelection();
 				if (domSelection === null || domSelection.rangeCount === 0 || !domSelection.isCollapsed) return;
 				if (domSelection.anchorNode === null || !inner.contains(domSelection.anchorNode)) return;
-				if (caretOffsetIn(inner, domSelection.anchorNode, domSelection.anchorOffset) !== 0) return;
+				const offset = caretOffsetIn(inner, domSelection.anchorNode, domSelection.anchorOffset);
+				if (offset !== 0) {
+					const text = doc.getText(id);
+					if (offset === text.length && text.endsWith("\n")) {
+						event.preventDefault();
+						doc.deleteText(id, offset - 1, offset);
+						focusCaretIn(id, offset - 1, editorRootOf(inner));
+						return;
+					}
+					return;
+				}
 				if (inCell) return;
 				if ((blockType === "quote" || blockType === "callout" || blockType === "code") && doc.getTextLength(id) > 0) return;
 				const merged = mergeWithPrevious(doc, id, context.parentId);
@@ -17388,8 +17549,12 @@ function useBlockKeyboard({ id, blockType, context, innerRef }) {
 		if (selectionRef.view?.get().kind === "blocks") return;
 		const domSelection = window.getSelection();
 		if (domSelection === null || domSelection.rangeCount === 0) return;
-		const { anchorNode, anchorOffset, focusNode, focusOffset } = domSelection;
-		if (anchorNode === null || focusNode === null) return;
+		const { anchorNode, anchorOffset } = domSelection;
+		if (anchorNode === null) return;
+		const effective = effectiveFocusEnd(domSelection);
+		if (effective === null) return;
+		const focusNode = effective.node;
+		const focusOffset = effective.offset;
 		const focusBlock = textBlockOfNode(focusNode);
 		if (focusBlock === null) return;
 		const focusBlockId = focusBlock.dataset.blockId;
@@ -17580,11 +17745,14 @@ function useTextInner({ id, block, blockType, context, wrapperRef }) {
 			if (!startInside && !endInside) return;
 			const from = caretOffsetIn(el, range.startContainer, range.startOffset);
 			const to = caretOffsetIn(el, range.endContainer, range.endOffset);
+			const farContainer = startInside ? range.endContainer : range.startContainer;
+			const farBlockId = (farContainer.nodeType === Node.TEXT_NODE ? farContainer.parentElement : farContainer)?.closest("[data-block-id]")?.getAttribute("data-block-id") ?? null;
 			const crossCapture = () => ({
 				startIsLocal: startInside,
 				localOffset: startInside ? from : to,
-				farNode: startInside ? range.endContainer : range.startContainer,
-				farOffset: startInside ? range.endOffset : range.startOffset
+				farNode: farContainer,
+				farOffset: startInside ? range.endOffset : range.startOffset,
+				farBlockId
 			});
 			if (nextText === prevText) {
 				if (startInside && endInside) {
@@ -17638,16 +17806,26 @@ function useTextInner({ id, block, blockType, context, wrapperRef }) {
 			renderRunsInto(pending.runs, el);
 			appliedRef.current = block;
 			if ("cross" in pending) {
+				const cross = pending.cross;
+				let farNode = cross.farNode;
+				let farOffset = cross.farOffset;
+				if (!document.contains(farNode) && cross.farBlockId !== null) {
+					const farInner = (el.closest("[data-slot=\"docblocks/editor\"]") ?? document).querySelector(`[data-block-id="${CSS.escape(cross.farBlockId)}"][data-slot="docblocks/block-content"]`);
+					if (farInner !== null) {
+						const remap = locatePosition(farInner, cross.farOffset);
+						farNode = remap.node;
+						farOffset = remap.offset;
+					}
+				}
 				const selection = window.getSelection();
-				if (selection !== null && selection.rangeCount > 0 && (selection.containsNode(pending.cross.farNode, true) || selectionOrphaned()) && document.contains(pending.cross.farNode)) {
-					const local = locatePosition(el, pending.cross.localOffset);
-					const cross = pending.cross;
+				if (selection !== null && selection.rangeCount > 0 && (selection.containsNode(farNode, true) || selectionOrphaned()) && document.contains(farNode)) {
+					const local = locatePosition(el, cross.localOffset);
 					const range = document.createRange();
 					if (cross.startIsLocal) {
 						range.setStart(local.node, local.offset);
-						range.setEnd(cross.farNode, cross.farOffset);
+						range.setEnd(farNode, farOffset);
 					} else {
-						range.setStart(cross.farNode, cross.farOffset);
+						range.setStart(farNode, farOffset);
 						range.setEnd(local.node, local.offset);
 					}
 					selection.removeAllRanges();
@@ -18336,8 +18514,10 @@ function calloutIconName(icon, variant) {
 * focus stands the gesture). The pick's stand closes the menu over the
 * color and the icon's apply (the type preset stays open). The custom
 * swatch's press toggles the picker's inline section over the menu's
-* background row; the close without a commit (the cancel) discards the
-* draft — the menu's unmount stands it.
+* background row; a close without an explicit commit (the Esc / the
+* dismiss) applies the last scrubbed value (the picker's unmount commits
+* it; the grid's custom swatch carries a non-preset current value as its
+* own dot).
 */
 function CalloutBlockMenu({ id, block }) {
 	const { t } = useTranslation("editor");
@@ -19378,7 +19558,11 @@ const CanvasSessionContext = createContext({
 * `interactive` toggles the hit path: the canvas view is interactive
 * (the line is selectable, the endpoints draggable), the page view's
 * embedded surface stands it inert (no selection / dragging there — the
-* bands must not intercept the content's clicks).
+* bands must not intercept the content's clicks). The hit path's `d`
+* is returned alongside the content: the hit path renders in its own
+* bbox-sized svg — the webkit does not hit-test the overflow-visible
+* content over the 1x1 svg's box, so the line is not clickable from
+* there without the box.
 */
 function connectorLineOf(surfaceId, connectorId, block, childIds, blocks, selected, interactive, session) {
 	const attrs = block.attrs;
@@ -19530,8 +19714,8 @@ function connectorLineOf(surfaceId, connectorId, block, childIds, blocks, select
 		})]
 	}) : null;
 	const pathStyle = { stroke };
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsx("path", {
+	return {
+		content: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("path", {
 			"data-connector-id": connectorId,
 			"data-selected": selected || void 0,
 			d: path,
@@ -19542,18 +19726,36 @@ function connectorLineOf(surfaceId, connectorId, block, childIds, blocks, select
 			strokeDasharray: dash,
 			strokeLinecap: attrs.strokeStyle === "dot" ? "round" : void 0,
 			style: pathStyle
-		}),
-		interactive && /* @__PURE__ */ jsx("path", {
-			"data-connector-hit": connectorId,
-			d: path,
-			stroke: "transparent",
-			strokeWidth: 12,
-			fill: "none",
-			pointerEvents: "stroke",
-			className: "cursor-pointer"
-		}),
-		snapBadge
-	] });
+		}), snapBadge] }),
+		hitD: interactive ? path : null
+	};
+}
+/** The path's points' bounding box (the surface's center-anchor space):
+* the `d`'s M/L's coordinates (the plain numbers' parse — the builder's
+* template's format). The hit path's svg box must contain the stroke:
+* the webkit hit-tests only inside the svg's own box, so the hit path
+* needs a bbox-sized svg over the 1x1 draw layer (draw-only there). */
+function hitBoxOf(d) {
+	const numbers = d.replace(/[A-Za-z]/g, " ").split(/\s+/).map(Number.parseFloat).filter((value) => Number.isFinite(value));
+	if (numbers.length < 4) return null;
+	let minX = Infinity;
+	let minY = Infinity;
+	let maxX = -Infinity;
+	let maxY = -Infinity;
+	for (let i = 0; i < numbers.length; i += 2) {
+		const x = numbers[i] ?? 0;
+		const y = numbers[i + 1] ?? 0;
+		minX = Math.min(minX, x);
+		minY = Math.min(minY, y);
+		maxX = Math.max(maxX, x);
+		maxY = Math.max(maxY, y);
+	}
+	return {
+		x: minX,
+		y: minY,
+		w: maxX - minX,
+		h: maxY - minY
+	};
 }
 /**
 * One connector's line, the surface's Z-ORDER stand (the explicit zIndex):
@@ -19565,9 +19767,12 @@ function connectorLineOf(surfaceId, connectorId, block, childIds, blocks, select
 * CanvasItem's wrapper stands at the surface's origin), the shared
 * arrowhead defs (the surface's hidden defs svg) stand the markers.
 *
-* The SVG itself is pointer-events none; the per-line hit path (the wide
-* transparent stroke) is pointer-events stroke — the line is
-* click-selectable, the empty canvas around it is not.
+* The SVG is pointer-events none: the visible path is draw-only. The
+* per-line hit path (the wide transparent stroke, pointer-events stroke)
+* renders in its own bbox-sized svg — the webkit hit-tests only inside
+* the svg's own box, so the 1x1 overflow-visible layer is not
+* click-selectable there; the chromium and the firefox reach the
+* overflow, so the box change alters no behavior there.
 */
 function ConnectorLine({ id, interactive = true }) {
 	const { store } = useEditorContext();
@@ -19588,7 +19793,8 @@ function ConnectorLine({ id, interactive = true }) {
 		store
 	]);
 	if (content === null) return null;
-	return /* @__PURE__ */ jsx("svg", {
+	const hitBox = content.hitD !== null ? hitBoxOf(content.hitD) : null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("svg", {
 		"data-slot": "docblocks/connector-layer",
 		"data-block-id": id,
 		style: {
@@ -19600,8 +19806,32 @@ function ConnectorLine({ id, interactive = true }) {
 			overflow: "visible",
 			pointerEvents: "none"
 		},
-		children: content
-	});
+		children: content.content
+	}), content.hitD !== null && hitBox !== null && /* @__PURE__ */ jsx("svg", {
+		"data-slot": "docblocks/connector-hit-layer",
+		"data-block-id": id,
+		style: {
+			position: "absolute",
+			left: `calc(50% + ${hitBox.x - 16}px)`,
+			top: `calc(50% + ${hitBox.y - 16}px)`,
+			width: hitBox.w + 32,
+			height: hitBox.h + 32,
+			overflow: "visible",
+			pointerEvents: "none"
+		},
+		children: /* @__PURE__ */ jsx("g", {
+			transform: `translate(${16 - hitBox.x}, ${16 - hitBox.y})`,
+			children: /* @__PURE__ */ jsx("path", {
+				"data-connector-hit": id,
+				d: content.hitD,
+				stroke: "transparent",
+				strokeWidth: 12,
+				fill: "none",
+				pointerEvents: "stroke",
+				className: "cursor-pointer"
+			})
+		})
+	})] });
 }
 //#endregion
 //#region src/blocks/PlaceholderBlock.tsx
@@ -28034,7 +28264,7 @@ function crossRangeClipboardContent(doc, selection) {
 function seatCrossSelection(anchor, position) {
 	const base = (anchor.node.compareDocumentPosition(position.node) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0 || anchor.offset !== 0 ? anchor : position;
 	const focus = base === anchor ? position : anchor;
-	window.getSelection()?.setBaseAndExtent(base.node, base.offset, focus.node, focus.offset);
+	applyDomSelection(base.node, base.offset, focus.node, focus.offset);
 }
 /**
 * The text position under (x, y) inside the editor's own scope: the
@@ -28229,6 +28459,43 @@ function useCrossDrag(rootRef, doc) {
 //#endregion
 //#region src/editing/use-editing.ts
 /**
+* The history reseat's window over the undo/redo (the remount's transient
+* selection loss's stand): the window's end stands the mapping's none's
+* suppression. The engine's remount commit + the selectionchange's settle
+* stands the sub-second over the load, so the window stands a margin over
+* it (the staleness is bounded by the window's end; the explicit paths —
+* the Escape, the gutter's reset — stand the real clear).
+*/
+const RESEAT_WINDOW_MS = 2e3;
+/**
+* The undo/redo's reseat over the engine's event ordering: the fast path
+* re-reads the view over the synchronous read (the restoration's stand
+* lands inside the undo/redo call), and the window's stand re-runs the
+* reseat when the restoration's emission lands over the transaction's
+* settle (the engine's ordering stands the popped's event after the
+* handler's return — the reseat then reads the restored state). The
+* reseat's own stands (the user's live selection's stop, the seated's
+* short-circuit) keep the re-runs from clobbering.
+*/
+function scheduleHistoryReseat(doc, view, root) {
+	if (view === null) return;
+	const scope = root ?? document;
+	const run = () => {
+		reseatHistorySelection(doc, view, scope);
+	};
+	run();
+	let alive = true;
+	const unsubscribe = view.onChange((selection) => {
+		if (!alive) return;
+		if (selection.kind !== "text") return;
+		run();
+	});
+	window.setTimeout(() => {
+		alive = false;
+		unsubscribe();
+	}, RESEAT_WINDOW_MS);
+}
+/**
 * Document-level wiring owned by the editor root: `selectionchange` maps
 * the DOM selection to the core Selection view, the mod+z / mod+shift+z /
 * mod+y hotkeys drive doc.undo()/doc.redo(), and the copy event carries
@@ -28254,6 +28521,7 @@ function useEditing() {
 			if (view.get().kind === "blocks" && !domSelectionInEditable(window.getSelection())) return;
 			const anchorNode = window.getSelection()?.anchorNode ?? null;
 			if ((anchorNode instanceof Element ? anchorNode : anchorNode?.parentElement ?? null)?.closest("[data-slot=\"docblocks/page-card\"]") !== null) return;
+			if (next.kind !== "text" && Date.now() < selectionRef.reseatUntil.current) return;
 			if (!selectionsEqual(next, view.get())) view.set(next);
 		};
 		document.addEventListener("selectionchange", onSelectionChange);
@@ -28308,11 +28576,13 @@ function useEditing() {
 		if (key === "z" && !event.shiftKey) {
 			event.preventDefault();
 			doc.undo();
-			if (view !== null) reseatHistorySelection(doc, view, root ?? document);
+			selectionRef.reseatUntil.current = Date.now() + RESEAT_WINDOW_MS;
+			scheduleHistoryReseat(doc, view, root);
 		} else if (key === "z" && event.shiftKey || key === "y") {
 			event.preventDefault();
 			doc.redo();
-			if (view !== null) reseatHistorySelection(doc, view, root ?? document);
+			selectionRef.reseatUntil.current = Date.now() + RESEAT_WINDOW_MS;
+			scheduleHistoryReseat(doc, view, root);
 		}
 	};
 	const onCopy = (event) => {
@@ -29115,11 +29385,15 @@ function clampTailSeatCrossing(next, draggedId, seatId) {
 * event's clientY, or the last changed touch's (the touch release event
 * carries no coordinate of its own). Null when the event stands no
 * usable coordinate (the measurement is stale — the caller keeps the
-* preview or skips the commit).
+* preview or skips the commit). The touch's stand is duck-typed over
+* `changedTouches`: the global `TouchEvent` is absent on the no-touch
+* Safari (a desktop Safari on macOS), so the `instanceof` stand throws a
+* ReferenceError over every drag callback.
 */
 function pointerYOf(event) {
-	if (event instanceof TouchEvent) {
-		const touch = event.changedTouches[event.changedTouches.length - 1];
+	if ("changedTouches" in event) {
+		const touches = event.changedTouches;
+		const touch = touches[touches.length - 1];
 		return touch === null || touch === void 0 ? null : touch.clientY;
 	}
 	return event.clientY;

package/dist/{index-BQRTt8x2.d.mts → index-CZEO5s2i.d.mts}

@@ -997,6 +997,16 @@ interface MentionProvider {
 /** The per-instance selection view; null before the mount effect ran and after unmount. */
 interface SelectionRef {
   view: SelectionView | null;
+  /**
+   * The history reseat's window end (the epoch ms): the undo/redo's remount
+   * stands the engine's transient selection loss, and the gesture-time and
+   * event-based mappings' none push stands the remount's residue over the
+   * window (not the user's clear — the real clear stands the explicit
+   * paths: the Escape, the editor's outside's focus).
+   */
+  reseatUntil: {
+    current: number;
+  };
 }
 /**
  * The local user's presence identity and the selection-sharing cipher

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { n as BlockRendererMap, r as BlockRendererProps, t as BlockRenderer } from "./index-YJcgf8Hh.mjs";
-import { $ as ProtocolLimits, A as filterIsComplete, B as DatabaseBridge, C as DatabaseTableView, Ct as BlobSubtype, D as DatabaseTableRow, E as DatabaseTablePhase, F as BridgeTableDescription, G as IsoInstant, H as FilterConditionInput, I as BridgeValueInput, J as OperationStatus, K as MutationContext, L as CellMap, M as BatchOp, N as BridgeColumn, O as UseDatabaseTable, P as BridgeColumnAnnotation, Q as ProtocolDescriptor, R as CellValueParse, S as DatabaseTableProps, St as BlobStore, T as useDatabaseTable, Tt as createMemoryBlobStore, U as FilterInput, V as DomainEvent, W as Id, X as PageSnapshot, Y as PageQuery, Z as ProtocolCapability, _ as PresencePeer, _t as isBridgeError, a as EditorContextValue, at as SortInput, b as useTableList, bt as BlobMeta, c as EmbedSandboxPolicy, ct as SubscriptionStatus, d as PdfPreview, dt as TableEvent, et as QueryOperator, f as PdfPreviewProps, ft as TableRef, g as PresenceIdentity, gt as BridgeErrorCode, h as PresenceCrypto, ht as BridgeError, i as AccessLevel, it as RowWire, j as FilterBuilder, k as emptyFilter, l as MentionEntry, lt as TableDescription, m as SyncEmbedResolver, mt as BRIDGE_ERROR_CODES, n as DEFAULT_EMBED_SANDBOX, nt as Revision, o as EditorMode, ot as SubscriptionHandle, p as PresenceConfig, pt as TableSnapshot, q as MutationReceipt, r as EditorProvider, rt as RowPage, s as EditorProviderProps, st as SubscriptionObserver, t as useEditorContext, tt as QuerySemantics, u as MentionProvider, ut as TableEnvelopeBase, v as PresenceSharing, vt as isBridgeErrorCode, w as UseTableList, wt as blobSubtypeOf, x as DatabaseTable, xt as BlobRef, y as PresenceSharingMode, yt as toBridgeError, z as Column } from "./index-BQRTt8x2.mjs";
+import { $ as ProtocolLimits, A as filterIsComplete, B as DatabaseBridge, C as DatabaseTableView, Ct as BlobSubtype, D as DatabaseTableRow, E as DatabaseTablePhase, F as BridgeTableDescription, G as IsoInstant, H as FilterConditionInput, I as BridgeValueInput, J as OperationStatus, K as MutationContext, L as CellMap, M as BatchOp, N as BridgeColumn, O as UseDatabaseTable, P as BridgeColumnAnnotation, Q as ProtocolDescriptor, R as CellValueParse, S as DatabaseTableProps, St as BlobStore, T as useDatabaseTable, Tt as createMemoryBlobStore, U as FilterInput, V as DomainEvent, W as Id, X as PageSnapshot, Y as PageQuery, Z as ProtocolCapability, _ as PresencePeer, _t as isBridgeError, a as EditorContextValue, at as SortInput, b as useTableList, bt as BlobMeta, c as EmbedSandboxPolicy, ct as SubscriptionStatus, d as PdfPreview, dt as TableEvent, et as QueryOperator, f as PdfPreviewProps, ft as TableRef, g as PresenceIdentity, gt as BridgeErrorCode, h as PresenceCrypto, ht as BridgeError, i as AccessLevel, it as RowWire, j as FilterBuilder, k as emptyFilter, l as MentionEntry, lt as TableDescription, m as SyncEmbedResolver, mt as BRIDGE_ERROR_CODES, n as DEFAULT_EMBED_SANDBOX, nt as Revision, o as EditorMode, ot as SubscriptionHandle, p as PresenceConfig, pt as TableSnapshot, q as MutationReceipt, r as EditorProvider, rt as RowPage, s as EditorProviderProps, st as SubscriptionObserver, t as useEditorContext, tt as QuerySemantics, u as MentionProvider, ut as TableEnvelopeBase, v as PresenceSharing, vt as isBridgeErrorCode, w as UseTableList, wt as blobSubtypeOf, x as DatabaseTable, xt as BlobRef, y as PresenceSharingMode, yt as toBridgeError, z as Column } from "./index-CZEO5s2i.mjs";
 import * as React from "react";
 import { ComponentType, ReactNode } from "react";
 import { Block, BlockId, BlockType, Doc, DocMeta, PresenceState, Selection, SelectionView, SyncEmbedRef, TextRun } from "docblocks-core";
@@ -294,7 +294,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
 //#endregion
 //#region src/shared/ui/Badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "default" | "custom" | "secondary" | "destructive" | "outline" | null | undefined;
+  variant?: "default" | "destructive" | "outline" | "secondary" | "custom" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
@@ -305,7 +305,7 @@ declare function BareSelect({ className, children, ...props }: React.ComponentPr
 //#endregion
 //#region src/shared/ui/Button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
   size?: "default" | "icon" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, type, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-BHXnrEJ1.mjs";
+import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-B1T7ytNQ.mjs";
 import { d as cn, l as preventDefault } from "./constants-BaAj3jDA.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/mermaid/index.mjs

@@ -1,4 +1,4 @@
-import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-BHXnrEJ1.mjs";
+import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-B1T7ytNQ.mjs";
 import { r as TriangleAlert } from "../constants-BaAj3jDA.mjs";
 import { t as LoaderCircle } from "../LoaderCircle-AGVFE4IP.mjs";
 import { useEffect, useRef, useState } from "react";

package/dist/pdf/index.d.mts

@@ -1,4 +1,4 @@
-import { f as PdfPreviewProps } from "../index-BQRTt8x2.mjs";
+import { f as PdfPreviewProps } from "../index-CZEO5s2i.mjs";
 //#region src/pdf/PdfFirstPage.d.ts
 declare function PdfFirstPage({ id, url, name }: PdfPreviewProps): import("react").JSX.Element;
 //#endregion

package/dist/styles.css

@@ -2394,17 +2394,6 @@
   .aria-selected\:text-muted-foreground[aria-selected="true"] {
     color: var(--muted-foreground);
   }
-  .data-closed\:animate-out[data-closed] {
-    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
-  .data-closed\:fade-out-0[data-closed] {
-    --tw-exit-opacity: calc(0/100);
-    --tw-exit-opacity: 0;
-  }
-  .data-closed\:zoom-out-95[data-closed] {
-    --tw-exit-scale: calc(95*1%);
-    --tw-exit-scale: .95;
-  }
   .data-disabled\:pointer-events-none[data-disabled] {
     pointer-events: none;
   }
@@ -2417,17 +2406,6 @@
   .data-inset\:pl-8[data-inset] {
     padding-left: calc(var(--spacing) * 8);
   }
-  .data-open\:animate-in[data-open] {
-    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
-  }
-  .data-open\:fade-in-0[data-open] {
-    --tw-enter-opacity: calc(0/100);
-    --tw-enter-opacity: 0;
-  }
-  .data-open\:zoom-in-95[data-open] {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
   .data-placeholder\:text-muted-foreground[data-placeholder] {
     color: var(--muted-foreground);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docblocks-react-ui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
   "type": "module",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "access": "public"
   },
   "peerDependencies": {
-    "docblocks-core": "^0.2.1",
+    "docblocks-core": "^0.2.2",
     "framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
     "mermaid": "^12.0.0",
     "pdfjs-dist": "^6.0.0",