@clevertask/scribe 0.1.11 → 0.1.12

package/dist/components/Menu/CalloutBubbleMenu.d.ts

@@ -0,0 +1,7 @@
+import { Editor } from "@tiptap/react";
+export interface CalloutBubbleMenuProps {
+    editor: Editor;
+}
+declare const CalloutBubbleMenu: ({ editor }: CalloutBubbleMenuProps) => import("react").JSX.Element | null;
+export default CalloutBubbleMenu;
+//# sourceMappingURL=CalloutBubbleMenu.d.ts.map

package/dist/components/Menu/CalloutBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalloutBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/CalloutBubbleMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAiBvD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,MAAM,CAAC;CAChB;AAoDD,QAAA,MAAM,iBAAiB,eAAgB,sBAAsB,uCAyQ5D,CAAC;eAEa,iBAAiB"}

package/dist/components/Menu/CalloutBubbleMenu.js

@@ -0,0 +1,156 @@
+import { a as e } from "../../dist-Dw4STOPE.js";
+import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
+import { t as n } from "../../menus-_EXlLMjz.js";
+import { CalloutIcon as r, RemoveCalloutIcon as i } from "../../icons/CalloutIcon.js";
+import { CALLOUT_VARIANTS as a, CALLOUT_VARIANT_LABELS as o, isCalloutVariant as s } from "../Scribe/extension/callout.js";
+import { calloutBubbleMenuPluginKey as c, getSelectionCalloutContext as l } from "./calloutBubbleMenuPlugin.js";
+import { getSelectionContextualMenuOwner as u } from "./contextualMenuOwner.js";
+import { Button as d, Flex as f, Separator as p } from "@radix-ui/themes";
+import { useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region lib/components/Menu/CalloutBubbleMenu.tsx
+var x = {
+	info: "blue",
+	tip: "green",
+	warning: "amber",
+	caution: "red"
+}, S = a.map((e) => ({
+	color: x[e],
+	label: o[e],
+	variant: e
+})), C = /auto|overlay|scroll/, w = (e) => s(e) ? e : "info", T = (e) => {
+	let t = e.ownerDocument.defaultView;
+	if (!t) return [];
+	let n = [], r = e.parentElement;
+	for (; r && r !== e.ownerDocument.body && r !== e.ownerDocument.documentElement;) {
+		let e = t.getComputedStyle(r);
+		C.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
+	}
+	return n;
+}, E = ({ editor: a }) => {
+	let o = _(null), [s, x] = v(null), C = g(() => !!a.schema.nodes.callout && typeof a.commands.setCalloutVariant == "function" && typeof a.commands.unsetCallout == "function", [a]), E = e({
+		editor: a,
+		selector: ({ editor: e }) => {
+			let t = l(e.state);
+			return t ? w(t.node.attrs.variant) : null;
+		}
+	}), D = m(({ editor: e, element: t, state: n, view: r }) => {
+		let i = r.hasFocus() || t.contains(t.ownerDocument.activeElement);
+		return C && e.isEditable && i && u(n) === "callout";
+	}, [C]), O = m(() => {
+		if (a.isDestroyed) return null;
+		let e = l(a.state);
+		if (!e) return null;
+		let t = a.view.nodeDOM(e.position);
+		return t instanceof HTMLElement ? t.closest("[data-type=\"callout\"]") ?? t.querySelector("[data-type=\"callout\"]") ?? t : null;
+	}, [a]), k = m(() => t(a), [a]);
+	h(() => {
+		let e = a.view.dom.ownerDocument.defaultView;
+		if (!e) return;
+		let t = T(a.view.dom), n = null, r = () => {
+			n === null && (n = e.requestAnimationFrame(() => {
+				n = null, a.isDestroyed || a.view.dispatch(a.state.tr.setMeta(c, "updatePosition"));
+			}));
+		};
+		return e.addEventListener("scroll", r, { passive: !0 }), t.forEach((e) => {
+			e.addEventListener("scroll", r, { passive: !0 });
+		}), () => {
+			n !== null && e.cancelAnimationFrame(n), e.removeEventListener("scroll", r), t.forEach((e) => {
+				e.removeEventListener("scroll", r);
+			});
+		};
+	}, [a]), h(() => {
+		let e = a.view.dom.closest("[data-scribe-root]"), t = a.view.dom.ownerDocument.defaultView;
+		if (!e || !t) return;
+		let n = () => {
+			let t = e.getBoundingClientRect().width;
+			x(t > 0 ? Math.max(t - 16, 0) : null);
+		};
+		if (n(), !t.ResizeObserver) return;
+		let r = new t.ResizeObserver(n);
+		return r.observe(e), () => r.disconnect();
+	}, [a]), h(() => {
+		let e = a.view.dom, t = (e) => {
+			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !a.isEditable || u(a.state) !== "callout") return;
+			let t = o.current?.querySelector("button:not(:disabled)");
+			t && (e.preventDefault(), t.focus());
+		};
+		return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
+	}, [a]);
+	let A = m((e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), a.chain().focus().run();
+			return;
+		}
+		if (![
+			"ArrowLeft",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowDown",
+			"Home",
+			"End"
+		].includes(e.key)) return;
+		let t = Array.from(e.currentTarget.querySelectorAll("button:not(:disabled)"));
+		if (t.length === 0) return;
+		let n = e.currentTarget.ownerDocument.activeElement, r = t.findIndex((e) => e === n), i = r;
+		i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === "ArrowLeft" || e.key === "ArrowUp" ? r <= 0 ? t.length - 1 : r - 1 : r < 0 || r === t.length - 1 ? 0 : r + 1, e.preventDefault(), t[i]?.focus();
+	}, [a]), j = g(() => ({
+		strategy: "fixed",
+		placement: "top-start",
+		offset: 8,
+		flip: {},
+		shift: { padding: 8 }
+	}), []);
+	return C ? /* @__PURE__ */ y(n, {
+		editor: a,
+		pluginKey: c,
+		updateDelay: 0,
+		resizeDelay: 0,
+		appendTo: k,
+		shouldShow: D,
+		getReferencedVirtualElement: O,
+		options: j,
+		children: /* @__PURE__ */ b(f, {
+			ref: o,
+			className: "scribe-callout-bubble-menu",
+			role: "toolbar",
+			"aria-label": "Callout type",
+			"aria-keyshortcuts": "Alt+F10",
+			align: "center",
+			gap: "1",
+			wrap: "wrap",
+			onKeyDown: A,
+			style: s === null ? void 0 : { maxWidth: s },
+			children: [
+				S.map(({ color: e, label: t, variant: n }) => /* @__PURE__ */ b(d, {
+					type: "button",
+					className: "scribe-callout-type-button",
+					size: "1",
+					radius: "medium",
+					color: e,
+					variant: E === n ? "soft" : "ghost",
+					"aria-pressed": E === n,
+					onClick: () => a.chain().focus().setCalloutVariant(n).run(),
+					children: [/* @__PURE__ */ y(r, { variant: n }), t]
+				}, n)),
+				/* @__PURE__ */ y(p, {
+					className: "scribe-callout-menu-separator",
+					orientation: "vertical",
+					decorative: !0
+				}),
+				/* @__PURE__ */ b(d, {
+					type: "button",
+					className: "scribe-callout-type-button",
+					size: "1",
+					radius: "medium",
+					color: "gray",
+					variant: "ghost",
+					onClick: () => a.chain().focus().unsetCallout().run(),
+					children: [/* @__PURE__ */ y(i, {}), "Turn into text"]
+				})
+			]
+		})
+	}) : null;
+};
+//#endregion
+export { E as default };

package/dist/components/Menu/TableBubbleMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/TableBubbleMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EACL,EAAE,EAQH,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB;AAkKD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiV7C,CAAC;eAEa,eAAe"}
+{"version":3,"file":"TableBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/TableBubbleMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EACL,EAAE,EAQH,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB;AAkKD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAiV7C,CAAC;eAEa,eAAe"}

package/dist/components/Menu/TableBubbleMenu.js

@@ -2,11 +2,12 @@ import { a as e } from "../../dist-Dw4STOPE.js";
 import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
 import { t as n } from "../../menus-_EXlLMjz.js";
 import { getSelectionTableContext as r, tableBubbleMenuPluginKey as i } from "./tableBubbleMenuPlugin.js";
-import { Flex as a, IconButton as o, Separator as s } from "@radix-ui/themes";
-import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { getSelectionContextualMenuOwner as a } from "./contextualMenuOwner.js";
+import { Flex as o, IconButton as s, Separator as c } from "@radix-ui/themes";
+import { useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region lib/components/Menu/TableBubbleMenu.tsx
-var h = [
+var g = [
 	"addColumnAfter",
 	"addColumnBefore",
 	"addRowAfter",
@@ -15,7 +16,7 @@ var h = [
 	"deleteRow",
 	"deleteTable",
 	"toggleHeaderRow"
-], g = {
+], _ = {
 	canAddColumnAfter: !1,
 	canAddColumnBefore: !1,
 	canAddRowAfter: !1,
@@ -25,23 +26,23 @@ var h = [
 	canDeleteTable: !1,
 	canToggleHeaderRow: !1,
 	hasHeaderRow: !1
-}, _ = /auto|overlay|scroll/, v = (e) => {
+}, v = /auto|overlay|scroll/, y = (e) => {
 	let t = e.ownerDocument.defaultView;
 	if (!t) return [];
 	let n = [], r = e.parentElement;
 	for (; r && r !== e.ownerDocument.body && r !== e.ownerDocument.documentElement;) {
 		let e = t.getComputedStyle(r);
-		_.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
+		v.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
 	}
 	return n;
-}, y = (e) => {
+}, b = (e) => {
 	let t = e.firstChild;
 	if (!t || t.childCount === 0) return !1;
 	let n = !0;
 	return t.forEach((e) => {
 		e.type.name !== "tableHeader" && (n = !1);
 	}), n;
-}, b = ({ name: e }) => {
+}, x = ({ name: e }) => {
 	let t = {
 		"aria-hidden": !0,
 		fill: "none",
@@ -56,12 +57,12 @@ var h = [
 	};
 	if (e === "add-row-above" || e === "add-row-below") {
 		let r = e === "add-row-above" ? 3.5 : 16.5;
-		return /* @__PURE__ */ m("svg", {
+		return /* @__PURE__ */ h("svg", {
 			...t,
-			children: [/* @__PURE__ */ p("path", {
+			children: [/* @__PURE__ */ m("path", {
 				d: "M3.5 6.5h13v7h-13zM3.5 10h13M10 6.5v7",
 				...n
-			}), /* @__PURE__ */ p("path", {
+			}), /* @__PURE__ */ m("path", {
 				d: `M7.75 ${r}h4.5M10 ${r - 2.25}v4.5`,
 				...n
 			})]
@@ -69,63 +70,63 @@ var h = [
 	}
 	if (e === "add-column-before" || e === "add-column-after") {
 		let r = e === "add-column-before" ? 3.5 : 16.5;
-		return /* @__PURE__ */ m("svg", {
+		return /* @__PURE__ */ h("svg", {
 			...t,
-			children: [/* @__PURE__ */ p("path", {
+			children: [/* @__PURE__ */ m("path", {
 				d: "M6.5 3.5h7v13h-7zM10 3.5v13M6.5 10h7",
 				...n
-			}), /* @__PURE__ */ p("path", {
+			}), /* @__PURE__ */ m("path", {
 				d: `M${r - 2.25} 10h4.5M${r} 7.75v4.5`,
 				...n
 			})]
 		});
 	}
-	return e === "delete-row" ? /* @__PURE__ */ m("svg", {
+	return e === "delete-row" ? /* @__PURE__ */ h("svg", {
 		...t,
-		children: [/* @__PURE__ */ p("path", {
+		children: [/* @__PURE__ */ m("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M3.5 12h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ p("path", {
+		}), /* @__PURE__ */ m("path", {
 			d: "M6.75 10h6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "delete-column" ? /* @__PURE__ */ m("svg", {
+	}) : e === "delete-column" ? /* @__PURE__ */ h("svg", {
 		...t,
-		children: [/* @__PURE__ */ p("path", {
+		children: [/* @__PURE__ */ m("path", {
 			d: "M4 3.5h12v13h-12zM8 3.5v13M12 3.5v13M4 10h12",
 			...n
-		}), /* @__PURE__ */ p("path", {
+		}), /* @__PURE__ */ m("path", {
 			d: "M10 6.75v6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "toggle-header-row" ? /* @__PURE__ */ m("svg", {
+	}) : e === "toggle-header-row" ? /* @__PURE__ */ h("svg", {
 		...t,
-		children: [/* @__PURE__ */ p("path", {
+		children: [/* @__PURE__ */ m("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ p("path", {
+		}), /* @__PURE__ */ m("path", {
 			d: "M4.2 4.7h11.6v2.6H4.2z",
 			fill: "currentColor",
 			opacity: "0.45"
 		})]
-	}) : /* @__PURE__ */ m("svg", {
+	}) : /* @__PURE__ */ h("svg", {
 		...t,
-		children: [/* @__PURE__ */ p("path", {
+		children: [/* @__PURE__ */ m("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ p("path", {
+		}), /* @__PURE__ */ m("path", {
 			d: "m6.75 7 6.5 6.5m0-6.5-6.5 6.5",
 			stroke: "currentColor",
 			strokeWidth: "1.8"
 		})]
 	});
-}, x = ({ editor: _ }) => {
-	let x = d(null), [S, C] = f(null), w = u(() => h.every((e) => typeof _.commands[e] == "function"), [_]), T = e({
-		editor: _,
+}, S = ({ editor: v }) => {
+	let S = f(null), [C, w] = p(null), T = d(() => g.every((e) => typeof v.commands[e] == "function"), [v]), E = e({
+		editor: v,
 		selector: ({ editor: e }) => {
-			if (!w) return g;
+			if (!T) return _;
 			let t = r(e.state), n = e.can();
 			return {
 				canAddColumnAfter: n.addColumnAfter(),
@@ -136,25 +137,25 @@ var h = [
 				canDeleteRow: n.deleteRow(),
 				canDeleteTable: n.deleteTable(),
 				canToggleHeaderRow: n.toggleHeaderRow(),
-				hasHeaderRow: t ? y(t.node) : !1
+				hasHeaderRow: t ? b(t.node) : !1
 			};
 		}
-	}), E = c(({ editor: e, element: t, state: n, view: i }) => {
-		let a = i.hasFocus() || t.contains(t.ownerDocument.activeElement);
-		return w && e.isEditable && a && r(n) !== null;
-	}, [w]), D = c(() => {
-		if (_.isDestroyed) return null;
-		let e = r(_.state);
+	}), D = l(({ editor: e, element: t, state: n, view: r }) => {
+		let i = r.hasFocus() || t.contains(t.ownerDocument.activeElement);
+		return T && e.isEditable && i && a(n) === "table";
+	}, [T]), O = l(() => {
+		if (v.isDestroyed) return null;
+		let e = r(v.state);
 		if (!e) return null;
-		let t = _.view.nodeDOM(e.position);
+		let t = v.view.nodeDOM(e.position);
 		return t instanceof HTMLElement ? t.closest(".tableWrapper") ?? t.querySelector(".tableWrapper") ?? t : null;
-	}, [_]), O = c(() => t(_), [_]);
-	l(() => {
-		let e = _.view.dom.ownerDocument.defaultView;
+	}, [v]), k = l(() => t(v), [v]);
+	u(() => {
+		let e = v.view.dom.ownerDocument.defaultView;
 		if (!e) return;
-		let t = v(_.view.dom), n = null, r = () => {
+		let t = y(v.view.dom), n = null, r = () => {
 			n === null && (n = e.requestAnimationFrame(() => {
-				n = null, _.isDestroyed || _.view.dispatch(_.state.tr.setMeta(i, "updatePosition"));
+				n = null, v.isDestroyed || v.view.dispatch(v.state.tr.setMeta(i, "updatePosition"));
 			}));
 		};
 		return t.forEach((e) => {
@@ -164,27 +165,27 @@ var h = [
 				e.removeEventListener("scroll", r);
 			});
 		};
-	}, [_]), l(() => {
-		let e = _.view.dom.closest("[data-scribe-root]"), t = _.view.dom.ownerDocument.defaultView;
+	}, [v]), u(() => {
+		let e = v.view.dom.closest("[data-scribe-root]"), t = v.view.dom.ownerDocument.defaultView;
 		if (!e || !t) return;
 		let n = () => {
 			let t = e.getBoundingClientRect().width;
-			C(t > 0 ? Math.max(t - 16, 0) : null);
+			w(t > 0 ? Math.max(t - 16, 0) : null);
 		};
 		if (n(), !t.ResizeObserver) return;
 		let r = new t.ResizeObserver(n);
 		return r.observe(e), () => r.disconnect();
-	}, [_]), l(() => {
-		let e = _.view.dom, t = (e) => {
-			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !_.isEditable || !r(_.state)) return;
-			let t = x.current?.querySelector("button:not(:disabled)");
+	}, [v]), u(() => {
+		let e = v.view.dom, t = (e) => {
+			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !v.isEditable || a(v.state) !== "table") return;
+			let t = S.current?.querySelector("button:not(:disabled)");
 			t && (e.preventDefault(), t.focus());
 		};
 		return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
-	}, [_]);
-	let k = c((e) => {
+	}, [v]);
+	let A = l((e) => {
 		if (e.key === "Escape") {
-			e.preventDefault(), _.chain().focus().run();
+			e.preventDefault(), v.chain().focus().run();
 			return;
 		}
 		if (![
@@ -197,94 +198,94 @@ var h = [
 		if (t.length === 0) return;
 		let n = e.currentTarget.ownerDocument.activeElement, r = t.findIndex((e) => e === n), i = r;
 		i = e.key === "Home" ? 0 : e.key === "End" ? t.length - 1 : e.key === "ArrowLeft" ? r <= 0 ? t.length - 1 : r - 1 : r < 0 || r === t.length - 1 ? 0 : r + 1, e.preventDefault(), t[i]?.focus();
-	}, [_]), A = u(() => ({
+	}, [v]), j = d(() => ({
 		strategy: "fixed",
 		placement: "top-start",
 		offset: 8,
 		flip: {},
 		shift: { padding: 8 }
-	}), []), j = u(() => [
+	}), []), M = d(() => [
 		[
 			{
 				label: "Add row above",
-				command: () => _.chain().focus().addRowBefore().run(),
-				disabled: !T.canAddRowBefore,
-				icon: /* @__PURE__ */ p(b, { name: "add-row-above" })
+				command: () => v.chain().focus().addRowBefore().run(),
+				disabled: !E.canAddRowBefore,
+				icon: /* @__PURE__ */ m(x, { name: "add-row-above" })
 			},
 			{
 				label: "Add row below",
-				command: () => _.chain().focus().addRowAfter().run(),
-				disabled: !T.canAddRowAfter,
-				icon: /* @__PURE__ */ p(b, { name: "add-row-below" })
+				command: () => v.chain().focus().addRowAfter().run(),
+				disabled: !E.canAddRowAfter,
+				icon: /* @__PURE__ */ m(x, { name: "add-row-below" })
 			},
 			{
 				label: "Delete row",
-				command: () => _.chain().focus().deleteRow().run(),
-				disabled: !T.canDeleteRow,
-				icon: /* @__PURE__ */ p(b, { name: "delete-row" })
+				command: () => v.chain().focus().deleteRow().run(),
+				disabled: !E.canDeleteRow,
+				icon: /* @__PURE__ */ m(x, { name: "delete-row" })
 			}
 		],
 		[
 			{
 				label: "Add column before",
-				command: () => _.chain().focus().addColumnBefore().run(),
-				disabled: !T.canAddColumnBefore,
-				icon: /* @__PURE__ */ p(b, { name: "add-column-before" })
+				command: () => v.chain().focus().addColumnBefore().run(),
+				disabled: !E.canAddColumnBefore,
+				icon: /* @__PURE__ */ m(x, { name: "add-column-before" })
 			},
 			{
 				label: "Add column after",
-				command: () => _.chain().focus().addColumnAfter().run(),
-				disabled: !T.canAddColumnAfter,
-				icon: /* @__PURE__ */ p(b, { name: "add-column-after" })
+				command: () => v.chain().focus().addColumnAfter().run(),
+				disabled: !E.canAddColumnAfter,
+				icon: /* @__PURE__ */ m(x, { name: "add-column-after" })
 			},
 			{
 				label: "Delete column",
-				command: () => _.chain().focus().deleteColumn().run(),
-				disabled: !T.canDeleteColumn,
-				icon: /* @__PURE__ */ p(b, { name: "delete-column" })
+				command: () => v.chain().focus().deleteColumn().run(),
+				disabled: !E.canDeleteColumn,
+				icon: /* @__PURE__ */ m(x, { name: "delete-column" })
 			}
 		],
 		[{
 			label: "Toggle header row",
-			command: () => _.chain().focus().toggleHeaderRow().run(),
-			disabled: !T.canToggleHeaderRow,
-			icon: /* @__PURE__ */ p(b, { name: "toggle-header-row" }),
-			ariaPressed: T.hasHeaderRow
+			command: () => v.chain().focus().toggleHeaderRow().run(),
+			disabled: !E.canToggleHeaderRow,
+			icon: /* @__PURE__ */ m(x, { name: "toggle-header-row" }),
+			ariaPressed: E.hasHeaderRow
 		}],
 		[{
 			label: "Delete table",
-			command: () => _.chain().focus().deleteTable().run(),
-			disabled: !T.canDeleteTable,
-			icon: /* @__PURE__ */ p(b, { name: "delete-table" })
+			command: () => v.chain().focus().deleteTable().run(),
+			disabled: !E.canDeleteTable,
+			icon: /* @__PURE__ */ m(x, { name: "delete-table" })
 		}]
-	], [_, T]);
-	return /* @__PURE__ */ p(n, {
-		editor: _,
+	], [v, E]);
+	return /* @__PURE__ */ m(n, {
+		editor: v,
 		pluginKey: i,
 		updateDelay: 0,
 		resizeDelay: 0,
-		appendTo: O,
-		shouldShow: E,
-		getReferencedVirtualElement: D,
-		options: A,
-		children: /* @__PURE__ */ p(a, {
-			ref: x,
+		appendTo: k,
+		shouldShow: D,
+		getReferencedVirtualElement: O,
+		options: j,
+		children: /* @__PURE__ */ m(o, {
+			ref: S,
 			className: "scribe-table-bubble-menu",
 			role: "toolbar",
 			"aria-label": "Table controls",
 			"aria-keyshortcuts": "Alt+F10",
 			align: "center",
 			gap: "2",
-			onKeyDown: k,
-			style: S === null ? void 0 : { maxWidth: S },
-			children: j.map((e, t) => /* @__PURE__ */ m(a, {
+			onKeyDown: A,
+			style: C === null ? void 0 : { maxWidth: C },
+			children: M.map((e, t) => /* @__PURE__ */ h(o, {
 				align: "center",
 				gap: "1",
-				children: [t > 0 ? /* @__PURE__ */ p(s, {
+				children: [t > 0 ? /* @__PURE__ */ m(c, {
 					orientation: "vertical",
 					decorative: !0,
 					style: { height: 20 }
-				}) : null, e.map((e) => /* @__PURE__ */ p(o, {
+				}) : null, e.map((e) => /* @__PURE__ */ m(s, {
 					type: "button",
 					size: "1",
 					radius: "medium",
@@ -302,4 +303,4 @@ var h = [
 	});
 };
 //#endregion
-export { x as default };
+export { S as default };

package/dist/components/Menu/calloutBubbleMenuPlugin.d.ts

@@ -0,0 +1,10 @@
+import type { Node as ProseMirrorNode } from "@tiptap/pm/model";
+import type { EditorState } from "@tiptap/pm/state";
+import { PluginKey } from "@tiptap/pm/state";
+export interface CalloutContext {
+    node: ProseMirrorNode;
+    position: number;
+}
+export declare const calloutBubbleMenuPluginKey: PluginKey<any>;
+export declare const getSelectionCalloutContext: (state: EditorState) => CalloutContext | null;
+//# sourceMappingURL=calloutBubbleMenuPlugin.d.ts.map

package/dist/components/Menu/calloutBubbleMenuPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calloutBubbleMenuPlugin.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/calloutBubbleMenuPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAe,MAAM,kBAAkB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAiB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,eAAe,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,0BAA0B,gBAA2C,CAAC;AAiBnF,eAAO,MAAM,0BAA0B,UAAW,WAAW,KAAG,cAAc,GAAG,IAkBhF,CAAC"}

package/dist/components/Menu/calloutBubbleMenuPlugin.js

@@ -0,0 +1,22 @@
+import { NodeSelection as e, PluginKey as t } from "@tiptap/pm/state";
+//#region lib/components/Menu/calloutBubbleMenuPlugin.ts
+var n = new t("scribeCalloutBubbleMenu"), r = (e) => {
+	for (let t = e.depth; t > 0; --t) {
+		let n = e.node(t);
+		if (n.type.name === "callout") return {
+			node: n,
+			position: e.before(t)
+		};
+	}
+	return null;
+}, i = (t) => {
+	let { selection: n } = t;
+	if (n instanceof e && n.node.type.name === "callout") return {
+		node: n.node,
+		position: n.from
+	};
+	let i = r(n.$from), a = r(n.$to);
+	return !i || !a || i.position !== a.position ? null : i;
+};
+//#endregion
+export { n as calloutBubbleMenuPluginKey, i as getSelectionCalloutContext };

package/dist/components/Menu/contextualMenuOwner.d.ts

@@ -0,0 +1,4 @@
+import type { EditorState } from "@tiptap/pm/state";
+export type ContextualMenuOwner = "callout" | "table";
+export declare const getSelectionContextualMenuOwner: (state: EditorState) => ContextualMenuOwner | null;
+//# sourceMappingURL=contextualMenuOwner.d.ts.map

package/dist/components/Menu/contextualMenuOwner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextualMenuOwner.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/contextualMenuOwner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtD,eAAO,MAAM,+BAA+B,UAAW,WAAW,KAAG,mBAAmB,GAAG,IAa1F,CAAC"}

package/dist/components/Menu/contextualMenuOwner.js

@@ -0,0 +1,9 @@
+import { getSelectionCalloutContext as e } from "./calloutBubbleMenuPlugin.js";
+import { getSelectionTableContext as t } from "./tableBubbleMenuPlugin.js";
+//#region lib/components/Menu/contextualMenuOwner.ts
+var n = (n) => {
+	let r = e(n), i = t(n);
+	return r ? i ? r.position > i.position ? "callout" : "table" : "callout" : i ? "table" : null;
+};
+//#endregion
+export { n as getSelectionContextualMenuOwner };

package/dist/components/Scribe/extension/callout.d.ts

@@ -0,0 +1,32 @@
+import { Node } from "@tiptap/core";
+export declare const CALLOUT_VARIANTS: readonly ["info", "tip", "warning", "caution"];
+export type CalloutVariant = (typeof CALLOUT_VARIANTS)[number];
+export declare const DEFAULT_CALLOUT_VARIANT: CalloutVariant;
+export declare const CALLOUT_VARIANT_LABELS: {
+    readonly info: "Info";
+    readonly tip: "Tip";
+    readonly warning: "Warning";
+    readonly caution: "Caution";
+};
+export interface CalloutOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        callout: {
+            /** Wrap the selected block or blocks in a callout. */
+            insertCallout: (variant?: CalloutVariant) => ReturnType;
+            /** Change the semantic variant of the selected callout. */
+            setCalloutVariant: (variant: CalloutVariant) => ReturnType;
+            /** Wrap the selection in a callout, or unwrap an active callout. */
+            toggleCallout: (variant?: CalloutVariant) => ReturnType;
+            /** Lift the selected block or blocks out of their callout. */
+            unsetCallout: () => ReturnType;
+        };
+    }
+}
+export declare const isCalloutVariant: (value: unknown) => value is CalloutVariant;
+/** A persistent, semantic heads-up block for document content. */
+export declare const Callout: Node<CalloutOptions, any>;
+export default Callout;
+//# sourceMappingURL=callout.d.ts.map

package/dist/components/Scribe/extension/callout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../../lib/components/Scribe/extension/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,IAAI,EAAE,MAAM,cAAc,CAAC;AAKnE,eAAO,MAAM,gBAAgB,YAAI,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,CAAU,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,uBAAuB,EAAE,cAAuB,CAAC;AAE9D,eAAO,MAAM,sBAAsB;mBAC3B,MAAM;kBACP,KAAK;sBACD,SAAS;sBACT,SAAS;CAC+B,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,OAAO,EAAE;YACP,sDAAsD;YACtD,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,cAAc,KAAK,UAAU,CAAC;YACxD,2DAA2D;YAC3D,iBAAiB,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,UAAU,CAAC;YAC3D,oEAAoE;YACpE,aAAa,EAAE,CAAC,OAAO,CAAC,EAAE,cAAc,KAAK,UAAU,CAAC;YACxD,8DAA8D;YAC9D,YAAY,EAAE,MAAM,UAAU,CAAC;SAChC,CAAC;KACH;CACF;AAED,eAAO,MAAM,gBAAgB,UAAW,OAAO,KAAG,KAAK,IAAI,cACyB,CAAC;AAkHrF,kEAAkE;AAClE,eAAO,MAAM,OAAO,2BA0GlB,CAAC;eAEY,OAAO"}