@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/tokenfield.js

@@ -0,0 +1,567 @@
+/*
+* Copyright 2026 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/tokenfield/useToken.ts
+/*
+* Copyright 2026 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/tokenfield/useTokenField.ts
+import { t as mergeProps } from "./mergeProps.js";
+import { I as setInteractionModality, Z as isMac, a as getOwnerDocument, n as getActiveElement } from "./dom.js";
+import { t as createKeyboard } from "./createKeyboard.js";
+import { n as createFocusable } from "./createFocusable.js";
+import { i as useLocale } from "./locale.js";
+import { t as createField } from "./createField.js";
+import { t as announce } from "./announce.js";
+import { createMemo, createSignal, createTrackedEffect } from "solid-js";
+import { TokenFieldValue } from "@proyecto-viviana/solid-stately";
+//#region src/tokenfield/createToken.ts
+/**
+* Provides the behavior and accessibility implementation for a token within a token field.
+* A token field allows users to enter text with inline tokens.
+*/
+/**
+* Provides the behavior and accessibility implementation for a token within a token field.
+*/
+function createToken(_props, _state, ref) {
+	const [isSelected, setSelected] = createSignal(false);
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		if (typeof document === "undefined") return;
+		const onSelectionChange = () => {
+			const selection = window.getSelection();
+			const element = ref();
+			if (!selection || selection.rangeCount === 0 || !element) return;
+			const range = selection.getRangeAt(0);
+			if (!range.collapsed && range.intersectsNode(element)) setSelected(true);
+			else setSelected(false);
+		};
+		document.addEventListener("selectionchange", onSelectionChange);
+		_s2Cleanups.push(() => document.removeEventListener("selectionchange", onSelectionChange));
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
+	});
+	return {
+		tokenProps: {
+			contenteditable: "false",
+			style: {
+				"user-select": "all",
+				"-webkit-user-select": "all"
+			}
+		},
+		isSelected
+	};
+}
+//#endregion
+//#region src/tokenfield/createTokenField.ts
+/**
+* Provides the behavior and accessibility implementation for a token field.
+* A token field allows users to enter text with inline tokens.
+*/
+const CLIPBOARD_MIME_TYPE = "application/vnd.react-aria.tokens+json";
+function bindNativeEvent(getEl, type, handler) {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		const el = getEl();
+		if (!el) return;
+		el.addEventListener(type, handler);
+		_s2Cleanups.push(() => el.removeEventListener(type, handler));
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
+	});
+}
+/**
+* Provides the behavior and accessibility implementation for a token field.
+*/
+function createTokenField(props, state, getRef) {
+	const role = () => props.role ?? "textbox";
+	const multiline = () => props.allowsNewlines ?? false;
+	const isReadOnly = () => props.isReadOnly ?? false;
+	const isDisabled = () => props.isDisabled ?? false;
+	const ariaDetails = () => props["aria-details"];
+	const value = () => state.value();
+	const locale = useLocale();
+	const graphemeSegmenter = createMemo(() => new Intl.Segmenter(locale().locale, { granularity: "grapheme" }));
+	const wordSegmenter = createMemo(() => new Intl.Segmenter(locale().locale, { granularity: "word" }));
+	let dropPosition = null;
+	let transferredData = null;
+	let nextValue = null;
+	let apply = (fn) => {
+		state.setValue((current) => {
+			const newValue = fn(current);
+			nextValue = newValue;
+			return newValue;
+		});
+	};
+	const mutationTracker = createMutationTracker(getRef);
+	let startComposition = () => {
+		mutationTracker.start();
+		state.setComposing(true);
+	};
+	let stopComposition = () => {
+		mutationTracker.stop();
+		state.setComposing(false);
+	};
+	bindNativeEvent(getRef, "compositionstart", () => {
+		startComposition();
+		let range = window.getSelection()?.getRangeAt(0);
+		if (range) {
+			let [start, end] = rangeToPositions(getRef(), range);
+			let r = createDOMRange(getRef(), start, end);
+			if (r.startContainer !== range.startContainer || r.startOffset !== range.startOffset) range.setStart(r.startContainer, r.startOffset);
+			if (r.endContainer !== range.endContainer || r.endOffset !== range.endOffset) range.setEnd(r.endContainer, r.endOffset);
+		}
+	});
+	bindNativeEvent(getRef, "compositionend", stopComposition);
+	createTrackedEffect(() => {
+		if (state.isComposing() && value() !== nextValue) stopComposition();
+		nextValue = value();
+	});
+	let caretPosition = null;
+	createTrackedEffect(() => {
+		const el = getRef();
+		const caret = value().caretPosition;
+		if (el && caret && !state.isComposing() && value().caretPosition !== caretPosition) {
+			if (el === getActiveElement(getOwnerDocument(el))) setCursor(el, caret);
+			caretPosition = value().caretPosition;
+		}
+	});
+	bindNativeEvent(getRef, "beforeinput", (raw) => {
+		const e = raw;
+		if (state.isComposing() && !e.isComposing) stopComposition();
+		let selection = window.getSelection();
+		if (!selection || selection.rangeCount === 0) return;
+		let range = selection.getRangeAt(0);
+		let [start, end] = rangeToPositions(getRef(), range);
+		switch (e.inputType) {
+			case "insertText":
+			case "insertReplacementText":
+			case "insertCompositionText":
+			case "insertFromComposition":
+			case "insertFromPaste":
+			case "insertFromYank":
+			case "insertFromDrop": {
+				let data = [{
+					type: "text",
+					text: e.data ?? ""
+				}];
+				if (transferredData) {
+					data = transferredData;
+					transferredData = null;
+				} else if (e.dataTransfer) {
+					let parsed = e.dataTransfer.types.includes(CLIPBOARD_MIME_TYPE) ? parseSegments(e.dataTransfer.getData(CLIPBOARD_MIME_TYPE)) : null;
+					if (parsed) data = parsed;
+					else if (e.dataTransfer.types.includes("text/plain")) data[0].text = e.dataTransfer.getData("text/plain");
+				}
+				if (e.inputType === "insertFromDrop" && dropPosition) {
+					start = end = dropPosition;
+					dropPosition = null;
+				}
+				if (!multiline) for (let segment of data) segment.text = segment.text.replace(/[\r\n]+/g, " ");
+				apply((tokens) => tokens.replaceRangeWithSegments(start, end, data, e.inputType === "insertText" || e.inputType === "insertCompositionText" || e.inputType === "insertFromComposition"));
+				break;
+			}
+			case "insertParagraph":
+				if (props.onSubmit) {
+					props.onSubmit();
+					break;
+				}
+				if (multiline()) apply((tokens) => tokens.replaceRange(start, end, "\n"));
+				break;
+			case "insertLineBreak":
+				if (multiline()) apply((tokens) => tokens.replaceRange(start, end, "\n"));
+				break;
+			case "deleteContentBackward":
+			case "deleteContentForward":
+			case "deleteWordBackward":
+			case "deleteWordForward":
+			case "deleteHardLineForward":
+			case "deleteHardLineBackward":
+			case "deleteSoftLineForward":
+			case "deleteSoftLineBackward":
+			case "deleteContent":
+			case "deleteByCut":
+			case "deleteCompositionText":
+				if (!range.collapsed) {
+					apply((tokens) => tokens.replaceRange(start, end, ""));
+					break;
+				}
+				switch (e.inputType) {
+					case "deleteContentBackward":
+						apply((tokens) => tokens.delete(start, graphemeSegmenter(), TokenFieldValue.Direction.Backward));
+						break;
+					case "deleteContentForward":
+						apply((tokens) => tokens.delete(start, graphemeSegmenter(), TokenFieldValue.Direction.Forward));
+						break;
+					case "deleteWordBackward":
+						apply((tokens) => tokens.delete(start, wordSegmenter(), TokenFieldValue.Direction.Backward));
+						break;
+					case "deleteWordForward":
+						apply((tokens) => tokens.delete(start, wordSegmenter(), TokenFieldValue.Direction.Forward));
+						break;
+					case "deleteHardLineForward":
+					case "deleteSoftLineForward":
+						apply((tokens) => tokens.deleteLine(start, TokenFieldValue.Direction.Forward));
+						break;
+					case "deleteHardLineBackward":
+					case "deleteSoftLineBackward": apply((tokens) => tokens.deleteLine(start, TokenFieldValue.Direction.Backward));
+				}
+				break;
+			case "deleteByDrag": apply((tokens) => {
+				let endOffset = start.index === end.index ? end.offset : tokens.segments[start.index].text.length;
+				let change = tokens.replaceRange(start, end, "");
+				if (dropPosition && dropPosition.index === start.index && dropPosition.offset >= start.offset) dropPosition.offset -= endOffset - start.offset;
+				return change;
+			});
+		}
+		e.preventDefault();
+	});
+	let writeClipboardData = (e) => {
+		if ("clipboardData" in e) e.preventDefault();
+		let selection = getSelection(getRef());
+		if (!selection) return;
+		let [start, end] = selection;
+		let slice = value().slice(start, end);
+		let dataTransfer = "clipboardData" in e ? e.clipboardData : e.dataTransfer;
+		dataTransfer?.setData(CLIPBOARD_MIME_TYPE, JSON.stringify(slice.segments));
+		dataTransfer?.setData("text/plain", slice.toString());
+		if (e.type === "cut") apply((tokens) => tokens.replaceRange(start, end, "", false));
+	};
+	bindNativeEvent(getRef, "copy", (e) => writeClipboardData(e));
+	bindNativeEvent(getRef, "cut", writeClipboardData);
+	bindNativeEvent(getRef, "dragstart", (e) => writeClipboardData(e));
+	bindNativeEvent(getRef, "paste", (raw) => {
+		const e = raw;
+		if (e.clipboardData && e.clipboardData.types.includes(CLIPBOARD_MIME_TYPE)) transferredData = parseSegments(e.clipboardData.getData(CLIPBOARD_MIME_TYPE));
+	});
+	bindNativeEvent(getRef, "drop", (raw) => {
+		const e = raw;
+		if (typeof document.caretPositionFromPoint === "function") {
+			let pos = document.caretPositionFromPoint(e.clientX, e.clientY);
+			if (pos) dropPosition = getPosition(getRef(), pos.offsetNode, pos.offset);
+		} else if (typeof document.caretRangeFromPoint === "function") {
+			let range = document.caretRangeFromPoint(e.clientX, e.clientY);
+			if (range) dropPosition = getPosition(getRef(), range.startContainer, range.startOffset);
+		}
+		if (e.dataTransfer && e.dataTransfer.types.includes(CLIPBOARD_MIME_TYPE)) transferredData = parseSegments(e.dataTransfer.getData(CLIPBOARD_MIME_TYPE));
+	});
+	bindSelectionChange(getRef, () => {
+		if (state.isComposing()) return;
+		value().endCoalescing();
+		if (window.getSelection()?.isCollapsed) {
+			let [start, end] = getSelection(getRef());
+			if (start.offset === 0) {
+				let segment = value().segments[start.index];
+				if (segment?.type !== "token") segment = value().segments[start.index - 1];
+				if (segment?.type === "token") announce(segment.text, "assertive");
+				state.setValue((value) => value.withCaretPosition(end));
+			}
+		}
+	});
+	bindNativeEvent(getRef, "mousedown", (raw) => {
+		const e = raw;
+		if (e.detail === 3) {
+			let selection = getSelection(getRef());
+			if (!selection) return;
+			let start = value().findLineBoundary(selection[0], TokenFieldValue.Direction.Backward);
+			let end = value().findLineBoundary(selection[1], TokenFieldValue.Direction.Forward);
+			if (start && end) {
+				e.preventDefault();
+				setTokenFieldSelection(getRef(), start, end, true);
+			}
+		}
+	});
+	let moveSelection = (direction, granularity, extend = false) => {
+		let selection = window.getSelection();
+		if (!selection || selection.rangeCount === 0 || !selection.focusNode || !selection.anchorNode) return false;
+		if (!extend && !selection.isCollapsed) return false;
+		let pos = getPosition(getRef(), selection.focusNode, selection.focusOffset);
+		while (true) {
+			const focusNode = selection.focusNode;
+			const focusOffset = selection.focusOffset;
+			selection.modify(extend ? "extend" : "move", direction, granularity);
+			if (selection.focusNode === focusNode && selection.focusOffset === focusOffset) return false;
+			if (!isSamePosition(pos, getPosition(getRef(), selection.focusNode, selection.focusOffset))) return true;
+		}
+	};
+	let macShortcuts = isMac() ? {
+		"Control+a": () => {
+			return shortcuts.Home();
+		},
+		"Control+e": () => {
+			return shortcuts.End();
+		},
+		"Control+f": () => {
+			return shortcuts.ArrowRight();
+		},
+		"Control+b": () => {
+			return shortcuts.ArrowLeft();
+		}
+	} : {};
+	let mod = isMac() ? "Meta" : "Control";
+	let wordModKey = isMac() ? "Alt" : "Control";
+	let shortcuts = {
+		...macShortcuts,
+		[`${mod}+z`]: () => {
+			if (state.isComposing()) return false;
+			apply((state) => state.undo());
+		},
+		[isMac() ? "Shift+Meta+z" : "Control+y"]: () => {
+			if (state.isComposing()) return false;
+			apply((state) => state.redo());
+		},
+		ArrowLeft: () => {
+			return moveSelection("left", "character");
+		},
+		[`${wordModKey}+ArrowLeft`]: () => {
+			return moveSelection("left", "word");
+		},
+		"Shift+ArrowLeft": () => {
+			return moveSelection("left", "character", true);
+		},
+		[`Shift+${wordModKey}+ArrowLeft`]: () => {
+			return moveSelection("left", "word", true);
+		},
+		ArrowRight: () => {
+			return moveSelection("right", "character");
+		},
+		[`${wordModKey}+ArrowRight`]: () => {
+			return moveSelection("right", "word");
+		},
+		"Shift+ArrowRight": () => {
+			return moveSelection("right", "character", true);
+		},
+		[`Shift+${wordModKey}+ArrowRight`]: () => {
+			return moveSelection("right", "word", true);
+		},
+		Home: () => {
+			let selection = getSelection(getRef());
+			if (!selection) return false;
+			let boundary = value().findLineBoundary(selection[0], TokenFieldValue.Direction.Backward);
+			if (boundary) {
+				setCursor(getRef(), boundary, true);
+				return true;
+			}
+			return false;
+		},
+		End: () => {
+			let selection = getSelection(getRef());
+			if (!selection) return false;
+			let boundary = value().findLineBoundary(selection[1], TokenFieldValue.Direction.Forward);
+			if (boundary) {
+				setCursor(getRef(), boundary, true);
+				return true;
+			}
+			return false;
+		}
+	};
+	const { keyboardProps } = createKeyboard({
+		get isDisabled() {
+			return isDisabled() || isReadOnly();
+		},
+		onKeyDown: props.onKeyDown,
+		onKeyUp: props.onKeyUp,
+		shortcuts,
+		allowRepeats: true
+	});
+	const { focusableProps } = createFocusable(props);
+	const { labelProps, fieldProps, descriptionProps } = createField({
+		...props,
+		labelElementType: "span"
+	});
+	return {
+		labelProps: {
+			...labelProps,
+			onClick: () => {
+				if (!isDisabled()) {
+					getRef()?.focus();
+					setInteractionModality("keyboard");
+				}
+			}
+		},
+		descriptionProps,
+		tokenFieldProps: mergeProps(focusableProps, keyboardProps, fieldProps, {
+			onPaste: props.onPaste,
+			onCopy: props.onCopy,
+			onCut: props.onCut,
+			contentEditable: !isDisabled() && !isReadOnly(),
+			role: role(),
+			"aria-multiline": multiline(),
+			"aria-details": ariaDetails(),
+			"aria-readonly": isReadOnly(),
+			"aria-disabled": isDisabled(),
+			style: { whiteSpace: "pre-wrap" }
+		})
+	};
+}
+function indexOfNode(node) {
+	let index = 0;
+	let n = node;
+	while (n = n.previousSibling) index++;
+	return index;
+}
+function getSelection(container) {
+	let selection = window.getSelection();
+	if (!selection || selection.rangeCount === 0) return null;
+	return rangeToPositions(container, selection.getRangeAt(0));
+}
+function rangeToPositions(container, range) {
+	return [getPosition(container, range.startContainer, range.startOffset), getPosition(container, range.endContainer, range.endOffset)];
+}
+function getPosition(container, node, offset) {
+	if (node === container) return {
+		index: offset,
+		offset: 0
+	};
+	let originalNode = node;
+	while (node.parentNode !== container) node = node.parentNode;
+	let index = indexOfNode(node);
+	if (node.nodeType === Node.ELEMENT_NODE) {
+		let tokenNode = node.childNodes[1];
+		let atEnd;
+		let endOffset = 0;
+		if (originalNode === tokenNode) atEnd = offset > 0;
+		else if (originalNode === node) atEnd = offset > 1;
+		else {
+			atEnd = originalNode !== tokenNode.previousSibling;
+			endOffset = atEnd && offset > 1 ? offset - 1 : 0;
+		}
+		offset = atEnd ? tokenNode?.textContent?.length ?? 0 : 0;
+		if (offset === 0 && node.previousSibling?.nodeType === Node.TEXT_NODE) {
+			index--;
+			offset = node.previousSibling?.textContent?.length ?? 0;
+		} else if (atEnd) {
+			index++;
+			offset = endOffset;
+		}
+	}
+	return {
+		index,
+		offset
+	};
+}
+let isProgrammaticSelectionChange = Symbol("isProgrammaticSelectionChange");
+function setCursor(root, pos, fireEvent = false) {
+	setTokenFieldSelection(root, pos, pos, fireEvent);
+}
+function setTokenFieldSelection(root, start, end, fireEvent = false) {
+	let selection = window.getSelection();
+	if (selection) {
+		let range = createDOMRange(root, start, end);
+		root[isProgrammaticSelectionChange] = !fireEvent;
+		selection.removeAllRanges();
+		selection.addRange(range);
+	}
+}
+function tokenFieldPositionToDOMRange(root, pos) {
+	return createDOMRange(root, pos, pos);
+}
+function createDOMRange(root, start, end) {
+	let range = document.createRange();
+	let startChild = root.childNodes[start.index];
+	if (!startChild) range.setStart(root, Math.min(root.childNodes.length, start.index));
+	else if (startChild.nodeType === Node.ELEMENT_NODE) {
+		if (start.offset > 0) range.setStartAfter(startChild);
+		else range.setStartBefore(startChild);
+	} else range.setStart(startChild, start.offset);
+	let endChild = root.childNodes[end.index];
+	if (!endChild) range.setEnd(root, Math.min(root.childNodes.length, end.index));
+	else if (endChild.nodeType === Node.ELEMENT_NODE) {
+		if (end.offset > 0) range.setEndAfter(endChild);
+		else range.setEndBefore(endChild);
+	} else range.setEnd(endChild, end.offset);
+	return range;
+}
+function isSamePosition(a, b) {
+	return a.index === b.index && a.offset === b.offset;
+}
+function parseSegments(json) {
+	try {
+		let data = JSON.parse(json);
+		if (Array.isArray(data) && data.length > 0 && data.every(isValidSegment)) return data;
+	} catch {}
+	return null;
+}
+function isValidSegment(segment) {
+	return typeof segment === "object" && segment != null && (segment.type === "text" || segment.type === "token") && typeof segment.text === "string";
+}
+function bindSelectionChange(getEl, handler) {
+	bindNativeEvent(() => typeof document !== "undefined" ? document : null, "selectionchange", () => {
+		const el = getEl();
+		const flagged = el;
+		if (el && flagged[isProgrammaticSelectionChange]) {
+			flagged[isProgrammaticSelectionChange] = false;
+			return;
+		}
+		const selection = window.getSelection();
+		if (!selection || selection.rangeCount === 0 || !el) return;
+		if (selection.getRangeAt(0).intersectsNode(el)) handler();
+	});
+}
+function createMutationTracker(getEl) {
+	let stopMutations = null;
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
+		_s2Cleanups.push(() => {
+			stopMutations?.();
+			stopMutations = null;
+		});
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
+	});
+	return {
+		start() {
+			stopMutations ||= trackMutations(getEl());
+		},
+		stop() {
+			stopMutations?.();
+			stopMutations = null;
+		}
+	};
+}
+function trackMutations(element) {
+	let mutations = [];
+	let observer = new MutationObserver((records) => {
+		mutations.push(...records);
+	});
+	observer.observe(element, {
+		childList: true,
+		subtree: true,
+		characterData: true,
+		characterDataOldValue: true
+	});
+	return () => {
+		mutations.push(...observer.takeRecords());
+		observer.disconnect();
+		for (let record of mutations.reverse()) switch (record.type) {
+			case "childList":
+				for (let node of record.removedNodes) record.target.insertBefore(node, record.nextSibling);
+				for (let node of record.addedNodes) record.target.removeChild(node);
+				break;
+			case "characterData": record.target.nodeValue = record.oldValue;
+		}
+	};
+}
+//#endregion
+export { createToken as a, tokenFieldPositionToDOMRange as i, getSelection as n, setTokenFieldSelection as r, createTokenField as t };
+
+//# sourceMappingURL=tokenfield.js.map

package/dist/_chunk/tokenfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenfield.js","names":[],"sources":["../../src/tokenfield/createToken.ts","../../src/tokenfield/createTokenField.ts"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/tokenfield/useToken.ts\n\n/**\n * Provides the behavior and accessibility implementation for a token within a token field.\n * A token field allows users to enter text with inline tokens.\n */\n\nimport { createSignal, createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type { TokenFieldState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface TokenProps {}\n\nexport interface TokenAria {\n  /** Props for the token element. */\n  tokenProps: JSX.HTMLAttributes<HTMLSpanElement>;\n  /** Whether the token is currently selected. */\n  isSelected: () => boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a token within a token field.\n */\nexport function createToken(\n  _props: TokenProps,\n  _state: TokenFieldState | Record<string, unknown> | null,\n  ref: () => HTMLSpanElement | null,\n): TokenAria {\n  const [isSelected, setSelected] = createSignal(false);\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (typeof document === \"undefined\") return;\n\n    const onSelectionChange = () => {\n      const selection = window.getSelection();\n      const element = ref();\n      if (!selection || selection.rangeCount === 0 || !element) {\n        return;\n      }\n\n      const range = selection.getRangeAt(0);\n      if (!range.collapsed && range.intersectsNode(element)) {\n        setSelected(true);\n      } else {\n        setSelected(false);\n      }\n    };\n\n    document.addEventListener(\"selectionchange\", onSelectionChange);\n    _s2Cleanups.push(() => document.removeEventListener(\"selectionchange\", onSelectionChange));\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return {\n    tokenProps: {\n      contenteditable: \"false\",\n      // Solid has no suppressContentEditableWarning; keep the RAC contenteditable contract.\n      style: {\n        \"user-select\": \"all\",\n        \"-webkit-user-select\": \"all\",\n      } as JSX.CSSProperties,\n    },\n    isSelected,\n  };\n}\n","/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/tokenfield/useTokenField.ts\n\n/**\n * Provides the behavior and accessibility implementation for a token field.\n * A token field allows users to enter text with inline tokens.\n */\n\nimport { createMemo, createTrackedEffect } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { announce } from \"../live-announcer\";\nimport { createField, type AriaLabelingProps } from \"../label\";\nimport {\n  createFocusable,\n  createKeyboard,\n  setInteractionModality,\n  type FocusableProps,\n} from \"../interactions\";\nimport { getActiveElement, getOwnerDocument, isMac, mergeProps } from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport {\n  TokenFieldValue,\n  type Position,\n  type TokenFieldSegment,\n  type TokenFieldState,\n} from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaTokenFieldProps<T extends TokenFieldValue = TokenFieldValue>\n  extends FocusableProps, AriaLabelingProps {\n  /** The current value (controlled). */\n  value?: T;\n  /** The default value (uncontrolled). */\n  defaultValue?: T;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: T) => void;\n  /**\n   * The accessibility role of the token field.\n   *\n   * @default 'textbox'\n   */\n  role?: \"textbox\" | \"searchbox\" | \"combobox\";\n  /** Whether the token field allows newlines. */\n  allowsNewlines?: boolean;\n  /** Whether the token field is read only. */\n  isReadOnly?: boolean;\n  /** Whether the token field is disabled. */\n  isDisabled?: boolean;\n  /** A function that is called when the user presses the Enter key. */\n  onSubmit?: () => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Handler that is called when the user copies text. */\n  onCopy?: JSX.EventHandlerUnion<HTMLDivElement, ClipboardEvent>;\n  /** Handler that is called when the user cuts text. */\n  onCut?: JSX.EventHandlerUnion<HTMLDivElement, ClipboardEvent>;\n  /** Handler that is called when the user pastes text. */\n  onPaste?: JSX.EventHandlerUnion<HTMLDivElement, ClipboardEvent>;\n}\n\nexport interface TokenFieldAria {\n  /** Props for the token field's input element. */\n  tokenFieldProps: JSX.HTMLAttributes<HTMLDivElement>;\n  /** Props for the text field's visible label element, if any. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the text field's description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nconst CLIPBOARD_MIME_TYPE = \"application/vnd.react-aria.tokens+json\";\n\nfunction bindNativeEvent(\n  getEl: () => EventTarget | null,\n  type: string,\n  handler: (e: Event) => void,\n): void {\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    const el = getEl();\n    if (!el) return;\n    el.addEventListener(type, handler);\n    _s2Cleanups.push(() => el.removeEventListener(type, handler));\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n}\n\n/**\n * Provides the behavior and accessibility implementation for a token field.\n */\nexport function createTokenField<T extends TokenFieldValue = TokenFieldValue>(\n  props: AriaTokenFieldProps<T>,\n  state: TokenFieldState<T>,\n  getRef: () => HTMLDivElement | null,\n): TokenFieldAria {\n  const role = () => props.role ?? \"textbox\";\n  const multiline = () => props.allowsNewlines ?? false;\n  const isReadOnly = () => props.isReadOnly ?? false;\n  const isDisabled = () => props.isDisabled ?? false;\n  const ariaDetails = () => props[\"aria-details\"];\n\n  const value = () => state.value();\n  const locale = useLocale();\n  const graphemeSegmenter = createMemo(\n    () => new Intl.Segmenter(locale().locale, { granularity: \"grapheme\" }),\n  );\n  const wordSegmenter = createMemo(\n    () => new Intl.Segmenter(locale().locale, { granularity: \"word\" }),\n  );\n\n  let dropPosition: Position | null = null;\n  let transferredData: TokenFieldSegment[] | null = null;\n  let nextValue: T | null = null;\n\n  let apply = (fn: (value: T) => TokenFieldValue) => {\n    state.setValue((current) => {\n      const newValue = fn(current) as T;\n      nextValue = newValue;\n      return newValue;\n    });\n  };\n\n  // Composition events are not cancelable. The browser will mutate the DOM, making it out of sync with React.\n  // To account for this, we prevent React from re-rendering during composition, and track DOM mutations performed\n  // by the browser. When composition ends, we revert the DOM to its original state, and re-render with React.\n  // Mutating the DOM in any way during composition breaks the IME, causing composition to end unexpectedly.\n  // During composition, we still emit updates via onChange to ensure that things like autocomplete work,\n  // but we don't actually re-render to the DOM unless the value changes from what we expect (e.g. inserting a completion).\n  const mutationTracker = createMutationTracker(getRef);\n  let startComposition = () => {\n    mutationTracker.start();\n    state.setComposing(true);\n  };\n  let stopComposition = () => {\n    mutationTracker.stop();\n    state.setComposing(false);\n  };\n\n  bindNativeEvent(getRef, \"compositionstart\", () => {\n    startComposition();\n\n    let range = window.getSelection()?.getRangeAt(0);\n    if (range) {\n      let [start, end] = rangeToPositions(getRef()!, range);\n\n      // Normalize the range to ensure it is not inside a token, otherwise the browser\n      // will attempt to insert the composed text into the token instead of replacing it.\n      let r = createDOMRange(getRef()!, start, end);\n      if (r.startContainer !== range.startContainer || r.startOffset !== range.startOffset) {\n        range.setStart(r.startContainer, r.startOffset);\n      }\n      if (r.endContainer !== range.endContainer || r.endOffset !== range.endOffset) {\n        range.setEnd(r.endContainer, r.endOffset);\n      }\n    }\n  });\n\n  bindNativeEvent(getRef, \"compositionend\", stopComposition);\n\n  // If a prop update occurs during composition that doesn't match the expected value,\n  // end composition and re-render the controlled value.\n  createTrackedEffect(() => {\n    if (state.isComposing() && value() !== nextValue) {\n      stopComposition();\n    }\n    nextValue = value();\n  });\n\n  let caretPosition: Position | null = null;\n  createTrackedEffect(() => {\n    const el = getRef();\n    const caret = value().caretPosition;\n    if (el && caret && !state.isComposing() && value().caretPosition !== caretPosition) {\n      // Only move the caret when the field is already focused.\n      if (el === getActiveElement(getOwnerDocument(el))) {\n        setCursor(el, caret);\n      }\n      caretPosition = value().caretPosition;\n    }\n  });\n\n  // Handle text editing commands and prevent browser default behavior.\n  bindNativeEvent(getRef, \"beforeinput\", (raw) => {\n    const e = raw as InputEvent;\n    // Android sometimes doesn't fire a compositionend event before a regular input event.\n    if (state.isComposing() && !e.isComposing) {\n      stopComposition();\n    }\n\n    let selection = window.getSelection();\n    if (!selection || selection.rangeCount === 0) {\n      return;\n    }\n    let range = selection.getRangeAt(0);\n    let [start, end] = rangeToPositions(getRef()!, range);\n\n    // https://www.w3.org/TR/input-events-2/#interface-InputEvent-Attributes\n    switch (e.inputType) {\n      case \"insertText\":\n      case \"insertReplacementText\":\n      case \"insertCompositionText\":\n      case \"insertFromComposition\": // Removed from the spec, but still fired by Safari.\n      case \"insertFromPaste\":\n      case \"insertFromYank\":\n      case \"insertFromDrop\": {\n        let data: TokenFieldSegment[] = [{ type: \"text\", text: e.data ?? \"\" }];\n        if (transferredData) {\n          data = transferredData;\n          transferredData = null;\n        } else if (e.dataTransfer) {\n          let parsed = e.dataTransfer.types.includes(CLIPBOARD_MIME_TYPE)\n            ? parseSegments(e.dataTransfer.getData(CLIPBOARD_MIME_TYPE))\n            : null;\n          if (parsed) {\n            data = parsed;\n          } else if (e.dataTransfer.types.includes(\"text/plain\")) {\n            data[0].text = e.dataTransfer.getData(\"text/plain\");\n          }\n        }\n\n        if (e.inputType === \"insertFromDrop\" && dropPosition) {\n          start = end = dropPosition;\n          dropPosition = null;\n        }\n\n        if (!multiline) {\n          for (let segment of data) {\n            segment.text = segment.text.replace(/[\\r\\n]+/g, \" \");\n          }\n        }\n\n        apply((tokens) =>\n          tokens.replaceRangeWithSegments(\n            start,\n            end,\n            data,\n            // Don't coalesce paste/drop events with other edits.\n            e.inputType === \"insertText\" ||\n              e.inputType === \"insertCompositionText\" ||\n              e.inputType === \"insertFromComposition\",\n          ),\n        );\n        break;\n      }\n      case \"insertParagraph\": {\n        if (props.onSubmit) {\n          props.onSubmit();\n          break;\n        }\n        if (multiline()) {\n          apply((tokens) => tokens.replaceRange(start, end, \"\\n\"));\n        }\n        break;\n      }\n      case \"insertLineBreak\": {\n        if (multiline()) {\n          apply((tokens) => tokens.replaceRange(start, end, \"\\n\"));\n        }\n        break;\n      }\n      case \"deleteContentBackward\":\n      case \"deleteContentForward\":\n      case \"deleteWordBackward\":\n      case \"deleteWordForward\":\n      case \"deleteHardLineForward\":\n      case \"deleteHardLineBackward\":\n      case \"deleteSoftLineForward\":\n      case \"deleteSoftLineBackward\":\n      case \"deleteContent\":\n      case \"deleteByCut\":\n      case \"deleteCompositionText\": {\n        if (!range.collapsed) {\n          apply((tokens) => tokens.replaceRange(start, end, \"\"));\n          break;\n        }\n\n        switch (e.inputType) {\n          case \"deleteContentBackward\": {\n            apply((tokens) =>\n              tokens.delete(start, graphemeSegmenter(), TokenFieldValue.Direction.Backward),\n            );\n            break;\n          }\n          case \"deleteContentForward\":\n            apply((tokens) =>\n              tokens.delete(start, graphemeSegmenter(), TokenFieldValue.Direction.Forward),\n            );\n            break;\n          case \"deleteWordBackward\": {\n            apply((tokens) =>\n              tokens.delete(start, wordSegmenter(), TokenFieldValue.Direction.Backward),\n            );\n            break;\n          }\n          case \"deleteWordForward\":\n            apply((tokens) =>\n              tokens.delete(start, wordSegmenter(), TokenFieldValue.Direction.Forward),\n            );\n            break;\n          case \"deleteHardLineForward\":\n          case \"deleteSoftLineForward\": // TODO: this usually deletes to the nearest *visual* line break rather than a hard break\n            apply((tokens) => tokens.deleteLine(start, TokenFieldValue.Direction.Forward));\n            break;\n          case \"deleteHardLineBackward\":\n          case \"deleteSoftLineBackward\":\n            apply((tokens) => tokens.deleteLine(start, TokenFieldValue.Direction.Backward));\n            break;\n        }\n        break;\n      }\n      case \"deleteByDrag\": {\n        apply((tokens) => {\n          let endOffset =\n            start.index === end.index ? end.offset : tokens.segments[start.index].text.length;\n          let change = tokens.replaceRange(start, end, \"\");\n          if (\n            dropPosition &&\n            dropPosition.index === start.index &&\n            dropPosition.offset >= start.offset\n          ) {\n            dropPosition.offset -= endOffset - start.offset;\n          }\n\n          return change;\n        });\n        break;\n      }\n    }\n\n    e.preventDefault();\n  });\n\n  let writeClipboardData = (e: ClipboardEvent | DragEvent) => {\n    if (\"clipboardData\" in e) {\n      e.preventDefault();\n    }\n    let selection = getSelection(getRef()!);\n    if (!selection) {\n      return;\n    }\n    let [start, end] = selection;\n    let slice = value().slice(start, end);\n    let dataTransfer = \"clipboardData\" in e ? e.clipboardData : e.dataTransfer;\n    dataTransfer?.setData(CLIPBOARD_MIME_TYPE, JSON.stringify(slice.segments));\n    dataTransfer?.setData(\"text/plain\", slice.toString());\n\n    if (e.type === \"cut\") {\n      apply((tokens) => tokens.replaceRange(start, end, \"\", false));\n    }\n  };\n\n  bindNativeEvent(getRef, \"copy\", (e) => writeClipboardData(e as ClipboardEvent | DragEvent));\n  bindNativeEvent(getRef, \"cut\", writeClipboardData as (e: Event) => void);\n  bindNativeEvent(getRef, \"dragstart\", (e) => writeClipboardData(e as ClipboardEvent | DragEvent));\n  bindNativeEvent(getRef, \"paste\", (raw) => {\n    const e = raw as ClipboardEvent;\n    // Safari doesn't pass the custom clipboard data type to beforeinput dataTransfer so we handle it here.\n    if (e.clipboardData && e.clipboardData.types.includes(CLIPBOARD_MIME_TYPE)) {\n      transferredData = parseSegments(e.clipboardData.getData(CLIPBOARD_MIME_TYPE));\n    }\n  });\n\n  // Store the cursor position on drop so we know where to insert when the insertFromDrop event occurs.\n  bindNativeEvent(getRef, \"drop\", (raw) => {\n    const e = raw as DragEvent;\n    if (typeof document.caretPositionFromPoint === \"function\") {\n      let pos = document.caretPositionFromPoint(e.clientX, e.clientY);\n      if (pos) {\n        dropPosition = getPosition(getRef()!, pos.offsetNode, pos.offset);\n      }\n    } else if (typeof document.caretRangeFromPoint === \"function\") {\n      let range = document.caretRangeFromPoint(e.clientX, e.clientY);\n      if (range) {\n        dropPosition = getPosition(getRef()!, range.startContainer, range.startOffset);\n      }\n    }\n\n    if (e.dataTransfer && e.dataTransfer.types.includes(CLIPBOARD_MIME_TYPE)) {\n      transferredData = parseSegments(e.dataTransfer.getData(CLIPBOARD_MIME_TYPE));\n    }\n  });\n\n  bindSelectionChange(getRef, () => {\n    if (state.isComposing()) {\n      return;\n    }\n\n    value().endCoalescing();\n\n    // When the cursor moves next to a token, announce it.\n    // Otherwise the screen reader will only announce the first/last character.\n    if (window.getSelection()?.isCollapsed) {\n      let [start, end] = getSelection(getRef()!)!;\n      if (start.offset === 0) {\n        let segment = value().segments[start.index];\n        if (segment?.type !== \"token\") {\n          segment = value().segments[start.index - 1];\n        }\n        if (segment?.type === \"token\") {\n          announce(segment.text, \"assertive\");\n        }\n\n        // Update the caret position in the value.\n        state.setValue((value) => value.withCaretPosition(end));\n      }\n    }\n  });\n\n  // Override the default triple click behavior to ensure that tokens get selected.\n  // Some browsers only select the text between tokens instead of the entire line.\n  bindNativeEvent(getRef, \"mousedown\", (raw) => {\n    const e = raw as MouseEvent;\n    if (e.detail === 3) {\n      let selection = getSelection(getRef()!);\n      if (!selection) {\n        return;\n      }\n\n      let start = value().findLineBoundary(selection[0], TokenFieldValue.Direction.Backward);\n      let end = value().findLineBoundary(selection[1], TokenFieldValue.Direction.Forward);\n      if (start && end) {\n        e.preventDefault();\n        setTokenFieldSelection(getRef()!, start, end, true);\n      }\n    }\n  });\n\n  let moveSelection = (\n    direction: \"left\" | \"right\",\n    granularity: \"character\" | \"word\",\n    extend = false,\n  ) => {\n    let selection = window.getSelection();\n    if (!selection || selection.rangeCount === 0 || !selection.focusNode || !selection.anchorNode) {\n      return false;\n    }\n\n    // Pressing an arrow with a non-empty selection collapses it to the corresponding edge.\n    // The browser handles this natively.\n    if (!extend && !selection.isCollapsed) {\n      return false;\n    }\n\n    // Move the caret using the browser's native caret movement (Selection.modify) so that\n    // bidirectional text is handled correctly. Repeat until the position actually changes\n    // to account for the zero width spaces around tokens.\n    let pos = getPosition(getRef()!, selection.focusNode, selection.focusOffset);\n    while (true) {\n      const focusNode: Node | null = selection.focusNode;\n      const focusOffset = selection.focusOffset;\n      selection.modify(extend ? \"extend\" : \"move\", direction, granularity);\n      if (selection.focusNode === focusNode && selection.focusOffset === focusOffset) {\n        return false;\n      }\n      let newPos = getPosition(getRef()!, selection.focusNode, selection.focusOffset);\n      if (!isSamePosition(pos, newPos)) {\n        return true;\n      }\n    }\n  };\n\n  // macOS supports additional keyboard shortcuts for text editing.\n  // We need to handle these manually so they behave consistently with tokens.\n  // https://support.apple.com/en-us/102650#text\n  let macShortcuts: Record<string, () => boolean | void> = isMac()\n    ? {\n        \"Control+a\": () => {\n          return shortcuts.Home();\n        },\n        \"Control+e\": () => {\n          return shortcuts.End();\n        },\n        \"Control+f\": () => {\n          return shortcuts.ArrowRight();\n        },\n        \"Control+b\": () => {\n          return shortcuts.ArrowLeft();\n        },\n      }\n    : {};\n\n  let mod = isMac() ? \"Meta\" : \"Control\";\n  let wordModKey = isMac() ? \"Alt\" : \"Control\";\n  let shortcuts: Record<string, () => boolean | void> = {\n    ...macShortcuts,\n    [`${mod}+z`]: () => {\n      // If composing, the browser handles undo natively.\n      if (state.isComposing()) {\n        return false;\n      }\n      apply((state) => state.undo());\n    },\n    [isMac() ? \"Shift+Meta+z\" : \"Control+y\"]: () => {\n      if (state.isComposing()) {\n        return false;\n      }\n      apply((state) => state.redo());\n    },\n    ArrowLeft: () => {\n      return moveSelection(\"left\", \"character\");\n    },\n    [`${wordModKey}+ArrowLeft`]: () => {\n      return moveSelection(\"left\", \"word\");\n    },\n    \"Shift+ArrowLeft\": () => {\n      return moveSelection(\"left\", \"character\", true);\n    },\n    [`Shift+${wordModKey}+ArrowLeft`]: () => {\n      return moveSelection(\"left\", \"word\", true);\n    },\n    ArrowRight: () => {\n      return moveSelection(\"right\", \"character\");\n    },\n    [`${wordModKey}+ArrowRight`]: () => {\n      return moveSelection(\"right\", \"word\");\n    },\n    \"Shift+ArrowRight\": () => {\n      return moveSelection(\"right\", \"character\", true);\n    },\n    [`Shift+${wordModKey}+ArrowRight`]: () => {\n      return moveSelection(\"right\", \"word\", true);\n    },\n    Home: () => {\n      // Browsers do not behave consistently when there are tokens.\n      let selection = getSelection(getRef()!);\n      if (!selection) {\n        return false;\n      }\n      let boundary = value().findLineBoundary(selection[0], TokenFieldValue.Direction.Backward);\n      if (boundary) {\n        setCursor(getRef()!, boundary, true);\n        return true;\n      }\n      return false;\n    },\n    End: () => {\n      let selection = getSelection(getRef()!);\n      if (!selection) {\n        return false;\n      }\n      let boundary = value().findLineBoundary(selection[1], TokenFieldValue.Direction.Forward);\n      if (boundary) {\n        setCursor(getRef()!, boundary, true);\n        return true;\n      }\n      return false;\n    },\n  };\n\n  // TODO: user provided onKeyDown currently relies on user provided preventDefault to stop submit\n  // maybe can have them specify a format like shortcuts and merge into above?\n  const { keyboardProps } = createKeyboard({\n    get isDisabled() {\n      return isDisabled() || isReadOnly();\n    },\n    onKeyDown: props.onKeyDown,\n    onKeyUp: props.onKeyUp,\n    shortcuts: shortcuts,\n    allowRepeats: true,\n  });\n\n  const { focusableProps } = createFocusable(props);\n  const { labelProps, fieldProps, descriptionProps } = createField({\n    ...props,\n    labelElementType: \"span\",\n  });\n\n  return {\n    labelProps: {\n      ...(labelProps as JSX.HTMLAttributes<HTMLElement>),\n      onClick: () => {\n        if (!isDisabled()) {\n          getRef()?.focus();\n\n          // Show the focus ring so the user knows where focus went\n          setInteractionModality(\"keyboard\");\n        }\n      },\n    } as JSX.HTMLAttributes<HTMLElement>,\n    descriptionProps,\n    tokenFieldProps: mergeProps(\n      focusableProps as object,\n      keyboardProps as object,\n      fieldProps as object,\n      {\n        onPaste: props.onPaste,\n        onCopy: props.onCopy,\n        onCut: props.onCut,\n        contentEditable: !isDisabled() && !isReadOnly(),\n        role: role(),\n        \"aria-multiline\": multiline(),\n        \"aria-details\": ariaDetails(),\n        \"aria-readonly\": isReadOnly(),\n        \"aria-disabled\": isDisabled(),\n        style: { whiteSpace: \"pre-wrap\" },\n      },\n    ) as JSX.HTMLAttributes<HTMLDivElement>,\n  };\n}\n\nfunction indexOfNode(node: Node) {\n  let index = 0;\n  let n: Node | null = node;\n\n  while ((n = n.previousSibling)) {\n    index++;\n  }\n  return index;\n}\n\nexport function getSelection(container: Element): [Position, Position] | null {\n  let selection = window.getSelection();\n  if (!selection || selection.rangeCount === 0) {\n    return null;\n  }\n  let range = selection.getRangeAt(0);\n  return rangeToPositions(container, range);\n}\n\nfunction rangeToPositions(container: Element, range: Range | StaticRange): [Position, Position] {\n  let start = getPosition(container, range.startContainer, range.startOffset);\n  let end = getPosition(container, range.endContainer, range.endOffset);\n  return [start, end];\n}\n\nfunction getPosition(container: Element, node: Node, offset: number): Position {\n  if (node === container) {\n    return { index: offset, offset: 0 };\n  }\n\n  let originalNode = node;\n  while (node.parentNode !== container) {\n    node = node.parentNode!;\n  }\n\n  let index = indexOfNode(node);\n  if (node.nodeType === Node.ELEMENT_NODE) {\n    let tokenNode = node.childNodes[1];\n    let atEnd: boolean;\n    let endOffset = 0;\n    if (originalNode === tokenNode) {\n      // Cursor is inside the token.\n      atEnd = offset > 0;\n    } else if (originalNode === node) {\n      // Cursor is inside the wrapper element.\n      atEnd = offset > 1;\n    } else {\n      // Cursor is on one of the zero width spaces.\n      atEnd = originalNode !== tokenNode.previousSibling;\n      // If the offset is greater than 1, the browser is trying to insert text into\n      // the zero width space node. This will actually end up in the next text node.\n      endOffset = atEnd && offset > 1 ? offset - 1 : 0;\n    }\n\n    offset = atEnd ? (tokenNode?.textContent?.length ?? 0) : 0;\n\n    // Several positions are equivalent due to the zero width spaces around tokens.\n    // Normalize offset to the end of the preceding text node, or the beginning of the following node.\n    if (offset === 0 && node.previousSibling?.nodeType === Node.TEXT_NODE) {\n      index--;\n      offset = node.previousSibling?.textContent?.length ?? 0;\n    } else if (atEnd) {\n      index++;\n      offset = endOffset;\n    }\n  }\n  return { index, offset };\n}\n\nlet isProgrammaticSelectionChange = Symbol(\"isProgrammaticSelectionChange\");\n\nfunction setCursor(root: Element, pos: Position, fireEvent = false) {\n  setTokenFieldSelection(root, pos, pos, fireEvent);\n}\n\nexport function setTokenFieldSelection(\n  root: Element,\n  start: Position,\n  end: Position,\n  fireEvent = false,\n) {\n  let selection = window.getSelection();\n  if (selection) {\n    let range = createDOMRange(root, start, end);\n    (root as Element & { [isProgrammaticSelectionChange]?: boolean })[\n      isProgrammaticSelectionChange\n    ] = !fireEvent;\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n}\n\nexport function tokenFieldPositionToDOMRange(root: Element, pos: Position): Range {\n  return createDOMRange(root, pos, pos);\n}\n\nfunction createDOMRange(root: Element, start: Position, end: Position): Range {\n  let range = document.createRange();\n  let startChild = root.childNodes[start.index];\n  if (!startChild) {\n    range.setStart(root, Math.min(root.childNodes.length, start.index));\n  } else if (startChild.nodeType === Node.ELEMENT_NODE) {\n    // Place the cursor outside the token wrapper element.\n    if (start.offset > 0) {\n      range.setStartAfter(startChild);\n    } else {\n      range.setStartBefore(startChild);\n    }\n  } else {\n    range.setStart(startChild, start.offset);\n  }\n\n  let endChild = root.childNodes[end.index];\n  if (!endChild) {\n    range.setEnd(root, Math.min(root.childNodes.length, end.index));\n  } else if (endChild.nodeType === Node.ELEMENT_NODE) {\n    if (end.offset > 0) {\n      range.setEndAfter(endChild);\n    } else {\n      range.setEndBefore(endChild);\n    }\n  } else {\n    range.setEnd(endChild, end.offset);\n  }\n  return range;\n}\n\nfunction isSamePosition(a: Position, b: Position): boolean {\n  return a.index === b.index && a.offset === b.offset;\n}\n\n// Parse and validate segments from clipboard/drag data. Returns null if the data is not valid\n// JSON or does not match the expected shape, so malformed or untrusted data is ignored rather\n// than throwing or being inserted into the field.\nfunction parseSegments(json: string): TokenFieldSegment[] | null {\n  try {\n    let data = JSON.parse(json);\n    if (Array.isArray(data) && data.length > 0 && data.every(isValidSegment)) {\n      return data;\n    }\n  } catch {\n    // Ignore invalid clipboard data.\n  }\n  return null;\n}\n\nfunction isValidSegment(segment: unknown): segment is TokenFieldSegment {\n  return (\n    typeof segment === \"object\" &&\n    segment != null &&\n    ((segment as TokenFieldSegment).type === \"text\" ||\n      (segment as TokenFieldSegment).type === \"token\") &&\n    typeof (segment as TokenFieldSegment).text === \"string\"\n  );\n}\n\nfunction bindSelectionChange(getEl: () => Element | null, handler: () => void) {\n  bindNativeEvent(\n    () => (typeof document !== \"undefined\" ? document : null),\n    \"selectionchange\",\n    () => {\n      const el = getEl();\n      const flagged = el as unknown as Record<symbol, boolean | undefined>;\n      if (el && flagged[isProgrammaticSelectionChange]) {\n        flagged[isProgrammaticSelectionChange] = false;\n        return;\n      }\n\n      const selection = window.getSelection();\n      if (!selection || selection.rangeCount === 0 || !el) {\n        return;\n      }\n\n      const range = selection.getRangeAt(0);\n      if (range.intersectsNode(el)) {\n        handler();\n      }\n    },\n  );\n}\n\nfunction createMutationTracker(getEl: () => Element | null) {\n  let stopMutations: (() => void) | null = null;\n\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    _s2Cleanups.push(() => {\n      stopMutations?.();\n      stopMutations = null;\n    });\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  return {\n    start() {\n      stopMutations ||= trackMutations(getEl()!);\n    },\n    stop() {\n      stopMutations?.();\n      stopMutations = null;\n    },\n  };\n}\n\n// Tracks mutations to the DOM until the returned function is called,\n// at which point the mutations are reverted.\nfunction trackMutations(element: Element) {\n  let mutations: MutationRecord[] = [];\n  let observer = new MutationObserver((records) => {\n    mutations.push(...records);\n  });\n\n  observer.observe(element, {\n    childList: true,\n    subtree: true,\n    characterData: true,\n    characterDataOldValue: true,\n  });\n\n  return () => {\n    mutations.push(...observer.takeRecords());\n    observer.disconnect();\n\n    for (let record of mutations.reverse()) {\n      switch (record.type) {\n        case \"childList\":\n          for (let node of record.removedNodes) {\n            record.target.insertBefore(node, record.nextSibling);\n          }\n          for (let node of record.addedNodes) {\n            record.target.removeChild(node);\n          }\n          break;\n        case \"characterData\":\n          record.target.nodeValue = record.oldValue;\n          break;\n      }\n    }\n  };\n}\n"],"mappings":"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"}