@clevertask/scribe 0.1.4 → 0.1.6

package/dist/menus-CakIdDdY.js

@@ -0,0 +1,633 @@
+import { r as e } from "./dist-Cp938P7P.js";
+import { a as t, i as n, r } from "./dist-CnXCIcnl.js";
+import { A as i, C as a, I as o, S as s, n as c } from "./dist-BQjH-i-q.js";
+import { a as l, c as u, i as d, l as f, n as p, o as m, s as h, t as g, u as _ } from "./floating-ui.dom-rih69525.js";
+import { t as v } from "./tables-CjOC70rm.js";
+import y, { useEffect as b, useLayoutEffect as x, useRef as S, useState as C } from "react";
+import { createPortal as w } from "react-dom";
+//#region node_modules/.pnpm/@tiptap+extension-bubble-menu@3.29.0_@tiptap+core@3.29.0_@tiptap+pm@3.29.0__@tiptap+pm@3.29.0/node_modules/@tiptap/extension-bubble-menu/dist/index.js
+function T(e, t) {
+	let n = Math.min(e.top, t.top), r = Math.max(e.bottom, t.bottom), i = Math.min(e.left, t.left), a = Math.max(e.right, t.right) - i, o = r - n;
+	return new DOMRect(i, n, a, o);
+}
+var E = class {
+	constructor({ editor: e, element: t, view: n, pluginKey: r = "bubbleMenu", updateDelay: a = 250, resizeDelay: o = 60, shouldShow: s, appendTo: c, getReferencedVirtualElement: l, options: u }) {
+		this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.floatingUIOptions = {
+			strategy: "absolute",
+			placement: "top",
+			offset: 8,
+			flip: {},
+			shift: {},
+			arrow: !1,
+			size: !1,
+			autoPlacement: !1,
+			hide: !1,
+			inline: !1,
+			onShow: void 0,
+			onHide: void 0,
+			onUpdate: void 0,
+			onDestroy: void 0
+		}, this.shouldShow = ({ view: e, state: t, from: n, to: r }) => {
+			let { doc: a, selection: o } = t, { empty: s } = o, c = !a.textBetween(n, r).length && i(t.selection), l = this.element.contains(document.activeElement);
+			return !(!(e.hasFocus() || l) || s || c || !this.editor.isEditable);
+		}, this.mousedownHandler = () => {
+			this.preventHide = !0;
+		}, this.dragstartHandler = () => {
+			this.hide();
+		}, this.resizeHandler = () => {
+			this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+				this.updatePosition();
+			}, this.resizeDelay);
+		}, this.focusHandler = () => {
+			setTimeout(() => this.update(this.editor.view));
+		}, this.blurHandler = ({ event: e }) => {
+			if (this.editor.isDestroyed) {
+				this.destroy();
+				return;
+			}
+			if (this.preventHide) {
+				this.preventHide = !1;
+				return;
+			}
+			e?.relatedTarget && this.element.parentNode?.contains(e.relatedTarget) || e?.relatedTarget !== this.editor.view.dom && this.hide();
+		}, this.handleDebouncedUpdate = (e, t) => {
+			let n = !t?.selection.eq(e.state.selection), r = !t?.doc.eq(e.state.doc);
+			!n && !r || (this.updateDebounceTimer && clearTimeout(this.updateDebounceTimer), this.updateDebounceTimer = window.setTimeout(() => {
+				this.updateHandler(e, n, r, t);
+			}, this.updateDelay));
+		}, this.updateHandler = (e, t, n, r) => {
+			let { composing: i } = e;
+			if (!(i || !t && !n)) {
+				if (!this.getShouldShow(r)) {
+					this.hide();
+					return;
+				}
+				this.show(), this.updatePosition();
+			}
+		}, this.transactionHandler = ({ transaction: e }) => {
+			let t = e.getMeta(this.pluginKey);
+			t === "updatePosition" ? this.updatePosition() : t && typeof t == "object" && t.type === "updateOptions" ? this.updateOptions(t.options) : t === "hide" ? this.hide() : t === "show" && (this.updatePosition(), this.show());
+		}, this.editor = e, this.element = t, this.view = n, this.pluginKey = r, this.updateDelay = a, this.resizeDelay = o, this.appendTo = c, this.scrollTarget = u?.scrollTarget ?? window, this.getReferencedVirtualElement = l, this.floatingUIOptions = {
+			...this.floatingUIOptions,
+			...u
+		}, this.element.tabIndex = 0, s && (this.shouldShow = s), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
+	}
+	get middlewares() {
+		let e = [];
+		return this.floatingUIOptions.flip && e.push(l(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && e.push(f(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && e.push(u(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && e.push(g(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && e.push(_(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && e.push(p(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && e.push(m(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && e.push(h(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), e;
+	}
+	get virtualElement() {
+		let { selection: e } = this.editor.state, t = this.getReferencedVirtualElement?.call(this);
+		if (t) return t;
+		if (!this.view?.dom?.parentNode) return;
+		let n = o(this.view, e.from, e.to), i = {
+			getBoundingClientRect: () => n,
+			getClientRects: () => [n]
+		};
+		if (e instanceof r) {
+			let t = this.view.nodeDOM(e.from), n = t.dataset.nodeViewWrapper ? t : t.querySelector("[data-node-view-wrapper]");
+			n && (t = n), t && (i = {
+				getBoundingClientRect: () => t.getBoundingClientRect(),
+				getClientRects: () => [t.getBoundingClientRect()]
+			});
+		}
+		if (e instanceof v) {
+			let { $anchorCell: t, $headCell: n } = e, r = t ? t.pos : n.pos, a = n ? n.pos : t.pos, o = this.view.nodeDOM(r), s = this.view.nodeDOM(a);
+			if (!o || !s) return;
+			let c = o === s ? o.getBoundingClientRect() : T(o.getBoundingClientRect(), s.getBoundingClientRect());
+			i = {
+				getBoundingClientRect: () => c,
+				getClientRects: () => [c]
+			};
+		}
+		return i;
+	}
+	updatePosition() {
+		if (!this.isVisible) return;
+		let e = this.virtualElement;
+		e && d(e, this.element, {
+			placement: this.floatingUIOptions.placement,
+			strategy: this.floatingUIOptions.strategy,
+			middleware: this.middlewares
+		}).then(({ x: e, y: t, strategy: n, middlewareData: r }) => {
+			if (!(!this.isVisible || this.editor.isDestroyed || !this.element.isConnected)) {
+				if (r.hide?.referenceHidden || r.hide?.escaped) {
+					this.element.style.visibility = "hidden";
+					return;
+				}
+				this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = n, this.element.style.left = `${e}px`, this.element.style.top = `${t}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+			}
+		});
+	}
+	update(e, t) {
+		let { state: n } = e, r = n.selection.from !== n.selection.to;
+		if (this.updateDelay > 0 && r) {
+			this.handleDebouncedUpdate(e, t);
+			return;
+		}
+		let i = !t?.selection.eq(e.state.selection), a = !t?.doc.eq(e.state.doc);
+		this.updateHandler(e, i, a, t);
+	}
+	getShouldShow(e) {
+		let { state: t } = this.view, { selection: n } = t, { ranges: r } = n, i = Math.min(...r.map((e) => e.$from.pos)), a = Math.max(...r.map((e) => e.$to.pos));
+		return this.shouldShow?.call(this, {
+			editor: this.editor,
+			element: this.element,
+			view: this.view,
+			state: t,
+			oldState: e,
+			from: i,
+			to: a
+		}) || !1;
+	}
+	show() {
+		var e;
+		this.isVisible || (this.element.style.visibility = "visible", this.element.style.opacity = "1", (e = (typeof this.appendTo == "function" ? this.appendTo() : this.appendTo) ?? this.view.dom.parentElement) == null || e.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0);
+	}
+	hide() {
+		this.isVisible &&= (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), !1);
+	}
+	updateOptions(e) {
+		if (e.updateDelay !== void 0 && (this.updateDelay = e.updateDelay), e.resizeDelay !== void 0 && (this.resizeDelay = e.resizeDelay), e.appendTo !== void 0 && (this.appendTo = e.appendTo), e.getReferencedVirtualElement !== void 0 && (this.getReferencedVirtualElement = e.getReferencedVirtualElement), e.shouldShow !== void 0 && e.shouldShow && (this.shouldShow = e.shouldShow), e.options !== void 0) {
+			let t = e.options.scrollTarget ?? window;
+			t !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = t, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...e.options
+			};
+		}
+	}
+	destroy() {
+		this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.removeEventListener("dragstart", this.dragstartHandler), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+	}
+}, D = (e) => new n({
+	key: typeof e.pluginKey == "string" ? new t(e.pluginKey) : e.pluginKey,
+	view: (t) => new E({
+		view: t,
+		...e
+	})
+});
+c.create({
+	name: "bubbleMenu",
+	addOptions() {
+		return {
+			element: null,
+			pluginKey: "bubbleMenu",
+			updateDelay: void 0,
+			appendTo: void 0,
+			shouldShow: null
+		};
+	},
+	addProseMirrorPlugins() {
+		return this.options.element ? [D({
+			pluginKey: this.options.pluginKey,
+			editor: this.editor,
+			element: this.options.element,
+			updateDelay: this.options.updateDelay,
+			options: this.options.options,
+			appendTo: this.options.appendTo,
+			getReferencedVirtualElement: this.options.getReferencedVirtualElement,
+			shouldShow: this.options.shouldShow
+		})] : [];
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/@tiptap+extension-floating-menu@3.29.0_@floating-ui+dom@1.8.0_@tiptap+core@3.29.0_@tiptap+pm@3.29.0__@tiptap+pm@3.29.0/node_modules/@tiptap/extension-floating-menu/dist/index.js
+var O = class {
+	constructor({ editor: e, element: t, view: n, pluginKey: r = "floatingMenu", updateDelay: i = 250, resizeDelay: a = 60, options: o, appendTo: s, shouldShow: c }) {
+		this.preventHide = !1, this.isVisible = !1, this.scrollTarget = window, this.shouldShow = ({ view: e, state: t }) => {
+			let { selection: n } = t, { $anchor: r, empty: i } = n, a = r.depth === 1, o = r.parent.isTextblock && !r.parent.type.spec.code && !r.parent.textContent && r.parent.childCount === 0 && !this.getTextContent(r.parent);
+			return !(!e.hasFocus() || !i || !a || !o || !this.editor.isEditable);
+		}, this.floatingUIOptions = {
+			strategy: "absolute",
+			placement: "right",
+			offset: 8,
+			flip: {},
+			shift: {},
+			arrow: !1,
+			size: !1,
+			autoPlacement: !1,
+			hide: !1,
+			inline: !1
+		}, this.updateHandler = (e, t, n, r) => {
+			let { composing: i } = e;
+			if (!(i || !t && !n)) {
+				if (!this.getShouldShow(r)) {
+					this.hide();
+					return;
+				}
+				this.updatePosition(), this.show();
+			}
+		}, this.mousedownHandler = () => {
+			this.preventHide = !0;
+		}, this.focusHandler = () => {
+			setTimeout(() => this.update(this.editor.view));
+		}, this.blurHandler = ({ event: e }) => {
+			if (this.preventHide) {
+				this.preventHide = !1;
+				return;
+			}
+			e?.relatedTarget && this.element.parentNode?.contains(e.relatedTarget) || e?.relatedTarget !== this.editor.view.dom && this.hide();
+		}, this.transactionHandler = ({ transaction: e }) => {
+			let t = e.getMeta(this.pluginKey);
+			t === "updatePosition" ? this.updatePosition() : t && typeof t == "object" && t.type === "updateOptions" ? this.updateOptions(t.options) : t === "hide" ? this.hide() : t === "show" && (this.updatePosition(), this.show());
+		}, this.resizeHandler = () => {
+			this.resizeDebounceTimer && clearTimeout(this.resizeDebounceTimer), this.resizeDebounceTimer = window.setTimeout(() => {
+				this.updatePosition();
+			}, this.resizeDelay);
+		}, this.editor = e, this.element = t, this.view = n, this.pluginKey = r, this.updateDelay = i, this.resizeDelay = a, this.appendTo = s, this.scrollTarget = o?.scrollTarget ?? window, this.floatingUIOptions = {
+			...this.floatingUIOptions,
+			...o
+		}, this.element.tabIndex = 0, c && (this.shouldShow = c), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
+	}
+	getTextContent(e) {
+		return s(e, { textSerializers: a(this.editor.schema) });
+	}
+	get middlewares() {
+		let e = [];
+		return this.floatingUIOptions.flip && e.push(l(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && e.push(f(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && e.push(u(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && e.push(g(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && e.push(_(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && e.push(p(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && e.push(m(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && e.push(h(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), e;
+	}
+	getShouldShow(e) {
+		let { state: t } = this.view, { selection: n } = t, { ranges: r } = n, i = Math.min(...r.map((e) => e.$from.pos)), a = Math.max(...r.map((e) => e.$to.pos));
+		return this.shouldShow?.call(this, {
+			editor: this.editor,
+			view: this.view,
+			state: t,
+			oldState: e,
+			from: i,
+			to: a
+		});
+	}
+	updateOptions(e) {
+		if (e.updateDelay !== void 0 && (this.updateDelay = e.updateDelay), e.resizeDelay !== void 0 && (this.resizeDelay = e.resizeDelay), e.appendTo !== void 0 && (this.appendTo = e.appendTo), e.shouldShow !== void 0 && e.shouldShow && (this.shouldShow = e.shouldShow), e.options !== void 0) {
+			let t = e.options.scrollTarget ?? window;
+			t !== this.scrollTarget && (this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.scrollTarget = t, this.scrollTarget.addEventListener("scroll", this.resizeHandler)), this.floatingUIOptions = {
+				...this.floatingUIOptions,
+				...e.options
+			};
+		}
+	}
+	updatePosition() {
+		if (!this.view?.dom?.parentNode) return;
+		let { selection: e } = this.editor.state, t = o(this.view, e.from, e.to);
+		d({
+			getBoundingClientRect: () => t,
+			getClientRects: () => [t]
+		}, this.element, {
+			placement: this.floatingUIOptions.placement,
+			strategy: this.floatingUIOptions.strategy,
+			middleware: this.middlewares
+		}).then(({ x: e, y: t, strategy: n, middlewareData: r }) => {
+			if (r.hide?.referenceHidden || r.hide?.escaped) {
+				this.element.style.visibility = "hidden";
+				return;
+			}
+			this.element.style.visibility = "visible", this.element.style.width = "max-content", this.element.style.position = n, this.element.style.left = `${e}px`, this.element.style.top = `${t}px`, this.isVisible && this.floatingUIOptions.onUpdate && this.floatingUIOptions.onUpdate();
+		});
+	}
+	update(e, t) {
+		let n = !t?.selection.eq(e.state.selection), r = !t?.doc.eq(e.state.doc);
+		this.updateHandler(e, n, r, t);
+	}
+	show() {
+		var e;
+		this.isVisible || (this.element.style.visibility = "visible", this.element.style.opacity = "1", (e = (typeof this.appendTo == "function" ? this.appendTo() : this.appendTo) ?? this.view.dom.parentElement) == null || e.appendChild(this.element), this.floatingUIOptions.onShow && this.floatingUIOptions.onShow(), this.isVisible = !0);
+	}
+	hide() {
+		this.isVisible &&= (this.element.style.visibility = "hidden", this.element.style.opacity = "0", this.element.remove(), this.floatingUIOptions.onHide && this.floatingUIOptions.onHide(), !1);
+	}
+	destroy() {
+		this.hide(), this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: !0 }), window.removeEventListener("resize", this.resizeHandler), this.scrollTarget.removeEventListener("scroll", this.resizeHandler), this.editor.off("focus", this.focusHandler), this.editor.off("blur", this.blurHandler), this.editor.off("transaction", this.transactionHandler), this.floatingUIOptions.onDestroy && this.floatingUIOptions.onDestroy();
+	}
+}, k = (e) => new n({
+	key: typeof e.pluginKey == "string" ? new t(e.pluginKey) : e.pluginKey,
+	view: (t) => new O({
+		view: t,
+		...e
+	})
+});
+c.create({
+	name: "floatingMenu",
+	addOptions() {
+		return {
+			element: null,
+			options: {},
+			pluginKey: "floatingMenu",
+			updateDelay: void 0,
+			resizeDelay: void 0,
+			appendTo: void 0,
+			shouldShow: null
+		};
+	},
+	addCommands() {
+		return { updateFloatingMenuPosition: () => ({ tr: e, dispatch: t }) => (t && e.setMeta(this.options.pluginKey, "updatePosition"), !0) };
+	},
+	addProseMirrorPlugins() {
+		return this.options.element ? [k({
+			pluginKey: this.options.pluginKey,
+			editor: this.editor,
+			element: this.options.element,
+			updateDelay: this.options.updateDelay,
+			resizeDelay: this.options.resizeDelay,
+			options: this.options.options,
+			appendTo: this.options.appendTo,
+			shouldShow: this.options.shouldShow
+		})] : [];
+	}
+});
+//#endregion
+//#region node_modules/.pnpm/@tiptap+react@3.29.0_@floating-ui+dom@1.8.0_@tiptap+core@3.29.0_@tiptap+pm@3.29.0__@tip_e48c41d8ded29fe9094841602ccdf61f/node_modules/@tiptap/react/dist/menus/index.js
+function A(e, n) {
+	return e ?? new t(n);
+}
+var j = typeof window < "u" ? x : b, M = /* @__PURE__ */ new Set([
+	"left",
+	"opacity",
+	"position",
+	"top",
+	"visibility",
+	"width"
+]), N = /* @__PURE__ */ new Set(/* @__PURE__ */ "animationIterationCount.aspectRatio.borderImageOutset.borderImageSlice.borderImageWidth.columnCount.columns.fillOpacity.flex.flexGrow.flexShrink.fontWeight.gridArea.gridColumn.gridColumnEnd.gridColumnStart.gridRow.gridRowEnd.gridRowStart.lineClamp.lineHeight.opacity.order.orphans.scale.stopOpacity.strokeDasharray.strokeDashoffset.strokeMiterlimit.strokeOpacity.strokeWidth.tabSize.widows.zIndex.zoom".split(".")), ee = /* @__PURE__ */ new Set([
+	"children",
+	"className",
+	"style"
+]), P = /* @__PURE__ */ new Set(["tabIndex"]), F = /* @__PURE__ */ new Set([
+	"accessKey",
+	"autoCapitalize",
+	"contentEditable",
+	"contextMenu",
+	"dir",
+	"draggable",
+	"enterKeyHint",
+	"hidden",
+	"id",
+	"lang",
+	"nonce",
+	"role",
+	"slot",
+	"spellCheck",
+	"tabIndex",
+	"title",
+	"translate"
+]), I = {
+	Blur: "focusout",
+	DoubleClick: "dblclick",
+	Focus: "focusin",
+	MouseEnter: "mouseenter",
+	MouseLeave: "mouseleave"
+};
+function L(e, t) {
+	return /^on[A-Z]/.test(e) && typeof t == "function";
+}
+function R(e) {
+	return e.startsWith("aria-") || e.startsWith("data-"), e;
+}
+function z(e) {
+	return e.startsWith("aria-") || e.startsWith("data-") || F.has(e);
+}
+function B(e) {
+	return e.startsWith("--") ? e : e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+}
+function V(e) {
+	let t = e.endsWith("Capture"), n = (t ? e.slice(0, -7) : e).slice(2);
+	return {
+		eventName: I[n] ?? n.toLowerCase(),
+		options: t ? { capture: !0 } : void 0
+	};
+}
+function H(e, t) {
+	let n = t.defaultPrevented, r = !1, i = Object.create(t);
+	return Object.defineProperties(i, {
+		nativeEvent: { value: t },
+		currentTarget: { value: e },
+		target: { value: t.target },
+		persist: { value: () => void 0 },
+		isDefaultPrevented: { value: () => n },
+		isPropagationStopped: { value: () => r },
+		preventDefault: { value: () => {
+			n = !0, t.preventDefault();
+		} },
+		stopPropagation: { value: () => {
+			r = !0, t.stopPropagation();
+		} }
+	}), i;
+}
+function U(e) {
+	return P.has(e);
+}
+function W(e, t, n) {
+	if (t === "tabIndex") {
+		e.tabIndex = Number(n);
+		return;
+	}
+	e[t] = n;
+}
+function G(e, t) {
+	if (t === "tabIndex") {
+		e.removeAttribute("tabindex");
+		return;
+	}
+	let n = e[t];
+	if (typeof n == "boolean") {
+		e[t] = !1;
+		return;
+	}
+	if (typeof n == "number") {
+		e[t] = 0;
+		return;
+	}
+	e[t] = "";
+}
+function K(e, t) {
+	return typeof t != "number" || t === 0 || e.startsWith("--") || N.has(e) ? String(t) : `${t}px`;
+}
+function q(e, t) {
+	M.has(t) || e.style.removeProperty(B(t));
+}
+function J(e, t, n) {
+	M.has(t) || e.style.setProperty(B(t), K(t, n));
+}
+function Y(e, t, n) {
+	(/* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(n)])).forEach((r) => {
+		if (ee.has(r) || !z(r) || L(r, t[r]) || L(r, n[r])) return;
+		let i = t[r], a = n[r];
+		if (i === a) return;
+		let o = R(r);
+		if (a == null || a === !1) {
+			U(r) && G(e, r), e.removeAttribute(o);
+			return;
+		}
+		if (a === !0) {
+			U(r) && W(e, r, !0), e.setAttribute(o, "");
+			return;
+		}
+		if (U(r)) {
+			W(e, r, a);
+			return;
+		}
+		e.setAttribute(o, String(a));
+	});
+}
+function X(e, t, n) {
+	if (t !== n) {
+		if (n) {
+			e.className = n;
+			return;
+		}
+		e.removeAttribute("class");
+	}
+}
+function Z(e, t, n) {
+	let r = t ?? {}, i = n ?? {};
+	(/* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(i)])).forEach((t) => {
+		let n = r[t], a = i[t];
+		if (n !== a) {
+			if (a == null) {
+				q(e, t);
+				return;
+			}
+			J(e, t, a);
+		}
+	});
+}
+function Q(e, t, n) {
+	t.forEach(({ eventName: t, listener: n, options: r }) => {
+		e.removeEventListener(t, n, r);
+	});
+	let r = [];
+	return Object.entries(n).forEach(([t, n]) => {
+		if (!L(t, n)) return;
+		let { eventName: i, options: a } = V(t), o = (t) => {
+			n(H(e, t));
+		};
+		e.addEventListener(i, o, a), r.push({
+			eventName: i,
+			listener: o,
+			options: a
+		});
+	}), r;
+}
+function $(e, t) {
+	let n = S({}), r = S([]);
+	j(() => {
+		let i = n.current;
+		return X(e, i.className, t.className), Z(e, i.style, t.style), Y(e, i, t), r.current = Q(e, r.current, t), n.current = t, () => {
+			r.current.forEach(({ eventName: t, listener: n, options: r }) => {
+				e.removeEventListener(t, n, r);
+			}), r.current = [];
+		};
+	}, [e, t]);
+}
+var te = y.forwardRef(({ pluginKey: t, editor: n, updateDelay: r, resizeDelay: i, appendTo: a, shouldShow: o = null, getReferencedVirtualElement: s, options: c, children: l, ...u }, d) => {
+	let f = S(document.createElement("div")), p = S(A(t, "bubbleMenu")).current;
+	$(f.current, u), typeof d == "function" ? d(f.current) : d && (d.current = f.current);
+	let { editor: m } = e(), h = n || m, g = {
+		updateDelay: r,
+		resizeDelay: i,
+		appendTo: a,
+		pluginKey: p,
+		shouldShow: o,
+		getReferencedVirtualElement: s,
+		options: c
+	}, _ = S(g);
+	_.current = g;
+	let [v, y] = C(!1), x = S(!0);
+	return b(() => {
+		if (h?.isDestroyed) return;
+		if (!h) {
+			console.warn("BubbleMenu component is not rendered inside of an editor component or does not have editor prop.");
+			return;
+		}
+		let e = f.current;
+		e.style.visibility = "hidden", e.style.position = "absolute";
+		let t = D({
+			..._.current,
+			editor: h,
+			element: e
+		});
+		h.registerPlugin(t);
+		let n = _.current.pluginKey;
+		return x.current = !0, y(!0), () => {
+			y(!1), h.unregisterPlugin(n), window.requestAnimationFrame(() => {
+				e.parentNode && e.parentNode.removeChild(e);
+			});
+		};
+	}, [h]), b(() => {
+		if (!(!v || !h || h.isDestroyed)) {
+			if (x.current) {
+				x.current = !1;
+				return;
+			}
+			h.view.dispatch(h.state.tr.setMeta(p, {
+				type: "updateOptions",
+				options: _.current
+			}));
+		}
+	}, [
+		v,
+		h,
+		r,
+		i,
+		o,
+		c,
+		a,
+		s,
+		p
+	]), w(l, f.current);
+});
+y.forwardRef(({ pluginKey: t, editor: n, updateDelay: r, resizeDelay: i, appendTo: a, shouldShow: o = null, options: s, children: c, ...l }, u) => {
+	let d = S(document.createElement("div")), f = S(A(t, "floatingMenu")).current;
+	$(d.current, l), typeof u == "function" ? u(d.current) : u && (u.current = d.current);
+	let { editor: p } = e(), m = n || p, h = {
+		updateDelay: r,
+		resizeDelay: i,
+		appendTo: a,
+		pluginKey: f,
+		shouldShow: o,
+		options: s
+	}, g = S(h);
+	g.current = h;
+	let [_, v] = C(!1), y = S(!0);
+	return b(() => {
+		if (m?.isDestroyed) return;
+		if (!m) {
+			console.warn("FloatingMenu component is not rendered inside of an editor component or does not have editor prop.");
+			return;
+		}
+		let e = d.current;
+		e.style.visibility = "hidden", e.style.position = "absolute";
+		let t = k({
+			...g.current,
+			editor: m,
+			element: e
+		});
+		m.registerPlugin(t);
+		let n = g.current.pluginKey;
+		return y.current = !0, v(!0), () => {
+			v(!1), m.unregisterPlugin(n), window.requestAnimationFrame(() => {
+				e.parentNode && e.parentNode.removeChild(e);
+			});
+		};
+	}, [m]), b(() => {
+		if (!(!_ || !m || m.isDestroyed)) {
+			if (y.current) {
+				y.current = !1;
+				return;
+			}
+			m.view.dispatch(m.state.tr.setMeta(f, {
+				type: "updateOptions",
+				options: g.current
+			}));
+		}
+	}, [
+		_,
+		m,
+		r,
+		i,
+		o,
+		s,
+		a,
+		f
+	]), w(c, d.current);
+});
+//#endregion
+export { te as t };