@clevertask/scribe 0.1.27 → 0.1.28

package/README.md

@@ -223,13 +223,15 @@ Type `/table` to insert a 3 × 3 table with a header row. Selecting a table cell
 
 The **Table layout** menu stores each table's explicit layout choice. **Auto** keeps the existing sizing behavior. **Fit to width** wraps the table into the available editor width and temporarily disables column resizing. **Scroll horizontally** retains authored column widths, gives columns without a saved width a readable 128px minimum, and scrolls inside the editor when the table needs more room. Switching layouts retains the table's saved column widths.
 
-**Limit height** is an independent option that caps the table at 360px and enables vertical scrolling. Override `--scribe-table-max-height` on the editor's container to change the cap. Layout and height choices apply in both editing and read-only views, and remain intact when content is saved and loaded as JSON, HTML, or Markdown. Hosts can also use `editor.commands.setTableLayout("scroll")` (accepts `"auto"`, `"fit"`, or `"scroll"`) and `editor.commands.setTableHeightLimit(true)` (accepts a boolean) while the selection is inside the table.
+**Limit height** caps the table and enables vertical scrolling; shorter tables stay compact. In **Table layout → Maximum height…**, enter a whole number from 120 to 2000 pixels and choose **Apply** to set that table's maximum. **Use default** clears its override and uses the host's `--scribe-table-max-height`, with a 360px fallback. Turning **Limit height** off retains the saved maximum for when it is enabled again. Changing the maximum leaves the limit toggle, width layout, and sticky header preference unchanged.
+
+Layout and height choices apply in both editing and read-only views, and remain intact when content is saved and loaded as JSON, HTML, or Markdown. Hosts can use `editor.commands.setTableLayout("scroll")` (accepts `"auto"`, `"fit"`, or `"scroll"`), `editor.commands.setTableHeightLimit(true)` (accepts a boolean), and `editor.commands.setTableMaxHeight(600)` (accepts a whole number from 120 to 2000, or `null` to restore the default) while the selection is inside an editable table. The optional `maxHeight` table attribute is serialized as `data-table-max-height` in HTML; existing tables without it keep the host default.
 
 **Sticky header row** keeps the first row visible while scrolling, independently of **Limit height**. New tables created with `/table` or `insertTable` start with it enabled when their entire first row contains header cells. Existing and imported tables retain their saved setting; tables without a saved sticky preference stay off. Toggle it in **Table layout**. With **Limit height** on, the header stays at the top of the table's own scroll area. With it off, the header follows the document's vertical scroll area until the table ends. This also works with horizontal scrolling and retains saved column widths. The preference stays saved if the header row is removed and becomes active again when it is restored. It works in editing and read-only views. Hosts can use `editor.commands.setTableStickyHeaderRow(true)` to enable it or `false` to clear it while the selection is inside an editable table. For document scrolling, set `--scribe-table-sticky-header-offset` on the editor's container to leave room above the header for a document toolbar; the default is `0px`.
 
 Keyboard users can press `Alt + F10` while editing a table to focus its controls, use the arrow, Home, and End keys to move between actions, and press Escape to return to the active cell.
 
-Simple headed tables without layout, height, or sticky-header preferences serialize as GFM Markdown. Tables with those preferences (including an inactive sticky preference), merged cells, multiple blocks in a cell, resized columns, or other structures that GFM cannot represent are kept as sanitized raw HTML inside the Markdown output so their structure is not silently lost.
+Simple headed tables without layout, height, or sticky-header preferences serialize as GFM Markdown. Tables with those preferences (including a saved maximum while **Limit height** is off or an inactive sticky preference), merged cells, multiple blocks in a cell, resized columns, or other structures that GFM cannot represent are kept as sanitized raw HTML inside the Markdown output so their structure is not silently lost.
 
 Scribe's `insertTable` command and `/table` action do not create a table while the selection is
 already inside another table. Existing documents containing nested tables remain loadable so old

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":"AACA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EACL,EAAE,EAQH,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB;AAsJD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4X7C,CAAC;eAEa,eAAe"}
+{"version":3,"file":"TableBubbleMenu.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/TableBubbleMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAKvD,OAAO,EACL,EAAE,EAQH,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;CAChB;AAwJD,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA4Y7C,CAAC;eAEa,eAAe"}

package/dist/components/Menu/TableBubbleMenu.js

@@ -1,15 +1,15 @@
-import { o as e } from "../../table-layout-B3sPDpEF.js";
-import { s as t } from "../../dist-BiognBi4.js";
-import { getPopupMountTarget as n } from "../Scribe/extension/getPopupMountTarget.js";
-import { t as r } from "../../menus-BDXjZsFU.js";
-import { getSelectionTableContext as i, tableBubbleMenuPluginKey as a } from "./tableBubbleMenuPlugin.js";
-import { getSelectionContextualMenuOwner as o } from "./contextualMenuOwner.js";
-import s from "./TableLayoutOptions.js";
-import { Flex as c, IconButton as l, Separator as u } from "@radix-ui/themes";
-import { useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { c as e, u as t } from "../../table-layout-BoDS50DR.js";
+import { s as n } from "../../dist-BiognBi4.js";
+import { getPopupMountTarget as r } from "../Scribe/extension/getPopupMountTarget.js";
+import { t as i } from "../../menus-BDXjZsFU.js";
+import { getSelectionTableContext as a, tableBubbleMenuPluginKey as o } from "./tableBubbleMenuPlugin.js";
+import { getSelectionContextualMenuOwner as s } from "./contextualMenuOwner.js";
+import c from "./TableLayoutOptions.js";
+import { Flex as l, IconButton as u, Separator as d } from "@radix-ui/themes";
+import { useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region lib/components/Menu/TableBubbleMenu.tsx
-var y = [
+var b = [
 	"addColumnAfter",
 	"addColumnBefore",
 	"addRowAfter",
@@ -18,7 +18,7 @@ var y = [
 	"deleteRow",
 	"deleteTable",
 	"toggleHeaderRow"
-], b = {
+], x = {
 	canAddColumnAfter: !1,
 	canAddColumnBefore: !1,
 	canAddRowAfter: !1,
@@ -30,20 +30,22 @@ var y = [
 	hasHeaderRow: !1,
 	canSetTableLayout: !1,
 	canSetTableHeightLimit: !1,
+	canSetTableMaxHeight: !1,
 	canSetTableStickyHeaderRow: !1,
 	tableLayout: "auto",
 	limitHeight: !1,
+	maxHeight: null,
 	stickyHeaderRow: !1
-}, x = /auto|overlay|scroll/, S = (e) => {
+}, S = /auto|overlay|scroll/, C = (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);
-		x.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
+		S.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
 	}
 	return n;
-}, C = ({ name: e }) => {
+}, w = ({ name: e }) => {
 	let t = {
 		"aria-hidden": !0,
 		fill: "none",
@@ -58,12 +60,12 @@ var y = [
 	};
 	if (e === "add-row-above" || e === "add-row-below") {
 		let r = e === "add-row-above" ? 3.5 : 16.5;
-		return /* @__PURE__ */ v("svg", {
+		return /* @__PURE__ */ y("svg", {
 			...t,
-			children: [/* @__PURE__ */ _("path", {
+			children: [/* @__PURE__ */ v("path", {
 				d: "M3.5 6.5h13v7h-13zM3.5 10h13M10 6.5v7",
 				...n
-			}), /* @__PURE__ */ _("path", {
+			}), /* @__PURE__ */ v("path", {
 				d: `M7.75 ${r}h4.5M10 ${r - 2.25}v4.5`,
 				...n
 			})]
@@ -71,98 +73,104 @@ var y = [
 	}
 	if (e === "add-column-before" || e === "add-column-after") {
 		let r = e === "add-column-before" ? 3.5 : 16.5;
-		return /* @__PURE__ */ v("svg", {
+		return /* @__PURE__ */ y("svg", {
 			...t,
-			children: [/* @__PURE__ */ _("path", {
+			children: [/* @__PURE__ */ v("path", {
 				d: "M6.5 3.5h7v13h-7zM10 3.5v13M6.5 10h7",
 				...n
-			}), /* @__PURE__ */ _("path", {
+			}), /* @__PURE__ */ v("path", {
 				d: `M${r - 2.25} 10h4.5M${r} 7.75v4.5`,
 				...n
 			})]
 		});
 	}
-	return e === "delete-row" ? /* @__PURE__ */ v("svg", {
+	return e === "delete-row" ? /* @__PURE__ */ y("svg", {
 		...t,
-		children: [/* @__PURE__ */ _("path", {
+		children: [/* @__PURE__ */ v("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M3.5 12h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ _("path", {
+		}), /* @__PURE__ */ v("path", {
 			d: "M6.75 10h6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "delete-column" ? /* @__PURE__ */ v("svg", {
+	}) : e === "delete-column" ? /* @__PURE__ */ y("svg", {
 		...t,
-		children: [/* @__PURE__ */ _("path", {
+		children: [/* @__PURE__ */ v("path", {
 			d: "M4 3.5h12v13h-12zM8 3.5v13M12 3.5v13M4 10h12",
 			...n
-		}), /* @__PURE__ */ _("path", {
+		}), /* @__PURE__ */ v("path", {
 			d: "M10 6.75v6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "toggle-header-row" ? /* @__PURE__ */ v("svg", {
+	}) : e === "toggle-header-row" ? /* @__PURE__ */ y("svg", {
 		...t,
-		children: [/* @__PURE__ */ _("path", {
+		children: [/* @__PURE__ */ v("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ _("path", {
+		}), /* @__PURE__ */ v("path", {
 			d: "M4.2 4.7h11.6v2.6H4.2z",
 			fill: "currentColor",
 			opacity: "0.45"
 		})]
-	}) : /* @__PURE__ */ v("svg", {
+	}) : /* @__PURE__ */ y("svg", {
 		...t,
-		children: [/* @__PURE__ */ _("path", {
+		children: [/* @__PURE__ */ v("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ _("path", {
+		}), /* @__PURE__ */ v("path", {
 			d: "m6.75 7 6.5 6.5m0-6.5-6.5 6.5",
 			stroke: "currentColor",
 			strokeWidth: "1.8"
 		})]
 	});
-}, w = ({ editor: x }) => {
-	let w = m(null), [T, E] = h(null), [D, O] = h(!1), k = p(() => y.every((e) => typeof x.commands[e] == "function"), [x]), A = p(() => typeof x.commands.setTableLayout == "function" && typeof x.commands.setTableHeightLimit == "function", [x]), j = p(() => typeof x.commands.setTableStickyHeaderRow == "function", [x]), M = t({
-		editor: x,
-		selector: ({ editor: t }) => {
-			if (!k) return b;
-			let n = i(t.state), r = t.can(), a = n ? e(n.node) : !1, o = n?.node.attrs.limitHeight === !0, s = n?.node.attrs.stickyHeaderRow === !0;
+}, T = ({ editor: S }) => {
+	let T = h(null), [E, D] = g(null), [O, k] = g(!1), [A, j] = g(!1), M = m(() => b.every((e) => typeof S.commands[e] == "function"), [S]), N = m(() => typeof S.commands.setTableLayout == "function" && typeof S.commands.setTableHeightLimit == "function", [S]), P = m(() => typeof S.commands.setTableStickyHeaderRow == "function", [S]), F = m(() => typeof S.commands.setTableMaxHeight == "function", [S]), I = n({
+		editor: S,
+		selector: ({ editor: n }) => {
+			if (!M || n.isDestroyed) return x;
+			let r = a(n.state), i = n.can(), o = r ? t(r.node) : !1, s = r?.node.attrs.limitHeight === !0, c = r?.node.attrs.stickyHeaderRow === !0;
 			return {
-				canAddColumnAfter: r.addColumnAfter(),
-				canAddColumnBefore: r.addColumnBefore(),
-				canAddRowAfter: r.addRowAfter(),
-				canAddRowBefore: r.addRowBefore(),
-				canDeleteColumn: r.deleteColumn(),
-				canDeleteRow: r.deleteRow(),
-				canDeleteTable: r.deleteTable(),
-				canToggleHeaderRow: r.toggleHeaderRow(),
-				hasHeaderRow: a,
-				canSetTableLayout: A && r.setTableLayout("auto"),
-				canSetTableHeightLimit: A && r.setTableHeightLimit(!0),
-				canSetTableStickyHeaderRow: t.isEditable && j && a && r.setTableStickyHeaderRow(!s),
-				tableLayout: n?.node.attrs.tableLayout ?? "auto",
-				limitHeight: o,
-				stickyHeaderRow: s
+				canAddColumnAfter: i.addColumnAfter(),
+				canAddColumnBefore: i.addColumnBefore(),
+				canAddRowAfter: i.addRowAfter(),
+				canAddRowBefore: i.addRowBefore(),
+				canDeleteColumn: i.deleteColumn(),
+				canDeleteRow: i.deleteRow(),
+				canDeleteTable: i.deleteTable(),
+				canToggleHeaderRow: i.toggleHeaderRow(),
+				hasHeaderRow: o,
+				canSetTableLayout: N && i.setTableLayout("auto"),
+				canSetTableHeightLimit: N && i.setTableHeightLimit(!0),
+				canSetTableMaxHeight: n.isEditable && F && i.setTableMaxHeight(null),
+				canSetTableStickyHeaderRow: n.isEditable && P && o && i.setTableStickyHeaderRow(!c),
+				tableLayout: r?.node.attrs.tableLayout ?? "auto",
+				limitHeight: s,
+				maxHeight: e(r?.node.attrs.maxHeight),
+				stickyHeaderRow: c
 			};
 		}
-	}), N = d(({ editor: e, element: t, state: n, view: r }) => {
-		let i = D || r.hasFocus() || t.contains(t.ownerDocument.activeElement);
-		return k && e.isEditable && i && o(n) === "table";
-	}, [k, D]), P = d(() => {
-		if (x.isDestroyed) return null;
-		let e = i(x.state);
+	}), L = f(({ editor: e, element: t, state: n, view: r }) => {
+		let i = O || A || r.hasFocus() || t.contains(t.ownerDocument.activeElement);
+		return M && e.isEditable && i && s(n) === "table";
+	}, [
+		M,
+		O,
+		A
+	]), R = f(() => {
+		if (S.isDestroyed) return null;
+		let e = a(S.state);
 		if (!e) return null;
-		let t = x.view.nodeDOM(e.position);
+		let t = S.view.nodeDOM(e.position);
 		return t instanceof HTMLElement ? t.closest(".tableWrapper") ?? t.querySelector(".tableWrapper") ?? t : null;
-	}, [x]), F = d(() => n(x), [x]);
-	f(() => {
-		let e = x.view.dom.ownerDocument.defaultView;
+	}, [S]), z = f(() => r(S), [S]);
+	p(() => {
+		let e = S.view.dom.ownerDocument.defaultView;
 		if (!e) return;
-		let t = S(x.view.dom), n = null, r = () => {
+		let t = C(S.view.dom), n = null, r = () => {
 			n === null && (n = e.requestAnimationFrame(() => {
-				n = null, x.isDestroyed || x.view.dispatch(x.state.tr.setMeta(a, "updatePosition"));
+				n = null, S.isDestroyed || S.view.dispatch(S.state.tr.setMeta(o, "updatePosition"));
 			}));
 		};
 		return t.forEach((e) => {
@@ -172,27 +180,27 @@ var y = [
 				e.removeEventListener("scroll", r);
 			});
 		};
-	}, [x]), f(() => {
-		let e = x.view.dom.closest("[data-scribe-root]"), t = x.view.dom.ownerDocument.defaultView;
+	}, [S]), p(() => {
+		let e = S.view.dom.closest("[data-scribe-root]"), t = S.view.dom.ownerDocument.defaultView;
 		if (!e || !t) return;
 		let n = () => {
 			let t = e.getBoundingClientRect().width;
-			E(t > 0 ? Math.max(t - 16, 0) : null);
+			D(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();
-	}, [x]), f(() => {
-		let e = x.view.dom, t = (e) => {
-			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !x.isEditable || o(x.state) !== "table") return;
-			let t = w.current?.querySelector("button:not(:disabled)");
+	}, [S]), p(() => {
+		let e = S.view.dom, t = (e) => {
+			if (e.key !== "F10" || !e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || !S.isEditable || s(S.state) !== "table") return;
+			let t = T.current?.querySelector("button:not(:disabled)");
 			t && (e.preventDefault(), t.focus());
 		};
 		return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
-	}, [x]);
-	let I = d((e) => {
+	}, [S]);
+	let B = f((e) => {
 		if (e.key === "Escape") {
-			e.preventDefault(), x.chain().focus().run();
+			e.preventDefault(), S.chain().focus().run();
 			return;
 		}
 		if (![
@@ -205,113 +213,118 @@ var y = [
 		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();
-	}, [x]), L = p(() => ({
+	}, [S]), V = m(() => ({
 		strategy: "fixed",
 		placement: "top-start",
 		offset: 8,
 		flip: {},
 		shift: { padding: 8 }
-	}), []), R = p(() => [
+	}), []), H = m(() => [
 		[
 			{
 				label: "Add row above",
-				command: () => x.chain().focus().addRowBefore().run(),
-				disabled: !M.canAddRowBefore,
-				icon: /* @__PURE__ */ _(C, { name: "add-row-above" })
+				command: () => S.chain().focus().addRowBefore().run(),
+				disabled: !I.canAddRowBefore,
+				icon: /* @__PURE__ */ v(w, { name: "add-row-above" })
 			},
 			{
 				label: "Add row below",
-				command: () => x.chain().focus().addRowAfter().run(),
-				disabled: !M.canAddRowAfter,
-				icon: /* @__PURE__ */ _(C, { name: "add-row-below" })
+				command: () => S.chain().focus().addRowAfter().run(),
+				disabled: !I.canAddRowAfter,
+				icon: /* @__PURE__ */ v(w, { name: "add-row-below" })
 			},
 			{
 				label: "Delete row",
-				command: () => x.chain().focus().deleteRow().run(),
-				disabled: !M.canDeleteRow,
-				icon: /* @__PURE__ */ _(C, { name: "delete-row" })
+				command: () => S.chain().focus().deleteRow().run(),
+				disabled: !I.canDeleteRow,
+				icon: /* @__PURE__ */ v(w, { name: "delete-row" })
 			}
 		],
 		[
 			{
 				label: "Add column before",
-				command: () => x.chain().focus().addColumnBefore().run(),
-				disabled: !M.canAddColumnBefore,
-				icon: /* @__PURE__ */ _(C, { name: "add-column-before" })
+				command: () => S.chain().focus().addColumnBefore().run(),
+				disabled: !I.canAddColumnBefore,
+				icon: /* @__PURE__ */ v(w, { name: "add-column-before" })
 			},
 			{
 				label: "Add column after",
-				command: () => x.chain().focus().addColumnAfter().run(),
-				disabled: !M.canAddColumnAfter,
-				icon: /* @__PURE__ */ _(C, { name: "add-column-after" })
+				command: () => S.chain().focus().addColumnAfter().run(),
+				disabled: !I.canAddColumnAfter,
+				icon: /* @__PURE__ */ v(w, { name: "add-column-after" })
 			},
 			{
 				label: "Delete column",
-				command: () => x.chain().focus().deleteColumn().run(),
-				disabled: !M.canDeleteColumn,
-				icon: /* @__PURE__ */ _(C, { name: "delete-column" })
+				command: () => S.chain().focus().deleteColumn().run(),
+				disabled: !I.canDeleteColumn,
+				icon: /* @__PURE__ */ v(w, { name: "delete-column" })
 			}
 		],
 		[{
 			label: "Toggle header row",
-			command: () => x.chain().focus().toggleHeaderRow().run(),
-			disabled: !M.canToggleHeaderRow,
-			icon: /* @__PURE__ */ _(C, { name: "toggle-header-row" }),
-			ariaPressed: M.hasHeaderRow
+			command: () => S.chain().focus().toggleHeaderRow().run(),
+			disabled: !I.canToggleHeaderRow,
+			icon: /* @__PURE__ */ v(w, { name: "toggle-header-row" }),
+			ariaPressed: I.hasHeaderRow
 		}],
 		[{
 			label: "Delete table",
-			command: () => x.chain().focus().deleteTable().run(),
-			disabled: !M.canDeleteTable,
-			icon: /* @__PURE__ */ _(C, { name: "delete-table" })
+			command: () => S.chain().focus().deleteTable().run(),
+			disabled: !I.canDeleteTable,
+			icon: /* @__PURE__ */ v(w, { name: "delete-table" })
 		}]
-	], [x, M]);
-	return /* @__PURE__ */ _(r, {
-		editor: x,
-		pluginKey: a,
+	], [S, I]);
+	return /* @__PURE__ */ v(i, {
+		editor: S,
+		pluginKey: o,
 		updateDelay: 0,
 		resizeDelay: 0,
-		appendTo: F,
-		shouldShow: N,
-		getReferencedVirtualElement: P,
-		options: L,
-		children: /* @__PURE__ */ _(c, {
-			ref: w,
+		appendTo: z,
+		shouldShow: L,
+		getReferencedVirtualElement: R,
+		options: V,
+		children: /* @__PURE__ */ v(l, {
+			ref: T,
 			className: "scribe-table-bubble-menu",
 			role: "toolbar",
 			"aria-label": "Table controls",
 			"aria-keyshortcuts": "Alt+F10",
 			align: "center",
 			gap: "2",
-			onKeyDown: I,
-			style: T === null ? void 0 : { maxWidth: T },
-			children: R.map((e, t) => /* @__PURE__ */ v(c, {
+			onKeyDown: B,
+			style: E === null ? void 0 : { maxWidth: E },
+			children: H.map((e, t) => /* @__PURE__ */ y(l, {
 				align: "center",
 				gap: "1",
 				children: [
-					t > 0 ? /* @__PURE__ */ _(u, {
+					t > 0 ? /* @__PURE__ */ v(d, {
 						orientation: "vertical",
 						decorative: !0,
 						style: { height: 20 }
 					}) : null,
-					t === R.length - 1 && A ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(s, {
-						editor: x,
-						layout: M.tableLayout,
-						limitHeight: M.limitHeight,
-						stickyHeaderRow: M.stickyHeaderRow,
-						hasHeaderRow: M.hasHeaderRow,
-						canSetLayout: M.canSetTableLayout,
-						canSetHeightLimit: M.canSetTableHeightLimit,
-						hasStickyHeaderCommand: j,
-						canSetStickyHeaderRow: M.canSetTableStickyHeaderRow,
-						open: D,
-						onOpenChange: O
-					}), /* @__PURE__ */ _(u, {
+					t === H.length - 1 && N ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(c, {
+						editor: S,
+						layout: I.tableLayout,
+						limitHeight: I.limitHeight,
+						maxHeight: I.maxHeight,
+						stickyHeaderRow: I.stickyHeaderRow,
+						hasHeaderRow: I.hasHeaderRow,
+						canSetLayout: I.canSetTableLayout,
+						canSetHeightLimit: I.canSetTableHeightLimit,
+						hasMaxHeightCommand: F,
+						canSetMaxHeight: I.canSetTableMaxHeight,
+						hasStickyHeaderCommand: P,
+						canSetStickyHeaderRow: I.canSetTableStickyHeaderRow,
+						open: O,
+						onOpenChange: k,
+						heightSettingsOpen: A,
+						onHeightSettingsOpenChange: j
+					}), /* @__PURE__ */ v(d, {
 						orientation: "vertical",
 						decorative: !0,
 						style: { height: 20 }
 					})] }) : null,
-					e.map((e) => /* @__PURE__ */ _(l, {
+					e.map((e) => /* @__PURE__ */ v(u, {
 						type: "button",
 						size: "1",
 						radius: "medium",
@@ -330,4 +343,4 @@ var y = [
 	});
 };
 //#endregion
-export { w as default };
+export { T as default };

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

@@ -0,0 +1,11 @@
+import { Editor } from "@tiptap/react";
+import { FC } from "react";
+interface TableHeightSettingsProps {
+    editor: Editor;
+    maxHeight: number | null;
+    canSetMaxHeight: boolean;
+    onClose: () => void;
+}
+declare const TableHeightSettings: FC<TableHeightSettingsProps>;
+export default TableHeightSettings;
+//# sourceMappingURL=TableHeightSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeightSettings.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/TableHeightSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,EAAE,EAA+C,MAAM,OAAO,CAAC;AASxE,UAAU,wBAAwB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAqNrD,CAAC;eAEa,mBAAmB"}

package/dist/components/Menu/TableHeightSettings.js

@@ -0,0 +1,156 @@
+import { c as e, n as t } from "../../table-layout-BoDS50DR.js";
+import { getPopupMountTarget as n } from "../Scribe/extension/getPopupMountTarget.js";
+import { getSelectionTableContext as r } from "./tableBubbleMenuPlugin.js";
+import { NodeSelection as i } from "@tiptap/pm/state";
+import { Button as a, Dialog as o, Flex as s, Text as c, TextField as l } from "@radix-ui/themes";
+import { useEffect as u, useId as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region lib/components/Menu/TableHeightSettings.tsx
+var _ = ({ editor: _, maxHeight: v, canSetMaxHeight: y, onClose: b }) => {
+	let [x, S] = m(() => v === null ? "" : String(v)), [C, w] = m(null), T = p(null), E = f(() => n(_), [_]), D = p(_.state.selection.getBookmark()), O = r(_.state)?.position ?? null, k = p(O), A = p(O === null ? null : O + 2), j = p(!0), M = p(_.state.selection instanceof i && _.state.selection.node.type.name === "table"), N = p(!0), P = d(), F = d(), I = d(), L = () => !j.current || _.isDestroyed || !_.isEditable ? !1 : r(_.state)?.position === k.current && D.current.resolve(_.state.doc).eq(_.state.selection);
+	u(() => {
+		let e = () => {
+			j.current = !1, N.current = !1, b();
+		}, t = () => {
+			_.isEditable || e();
+		}, n = ({ transaction: t }) => {
+			if (D.current = D.current.map(t.mapping), k.current !== null && (k.current = t.mapping.map(k.current)), A.current !== null) {
+				let n = t.mapping.mapResult(A.current);
+				if (A.current = n.pos, n.deleted) {
+					e();
+					return;
+				}
+			}
+			M.current && _.state.selection instanceof i && _.state.selection.from === k.current && (D.current = _.state.selection.getBookmark()), (!_.isEditable || r(_.state)?.position !== k.current || !D.current.resolve(_.state.doc).eq(_.state.selection)) && e();
+		};
+		return _.on("transaction", n), _.on("update", t), _.on("destroy", e), () => {
+			_.off("transaction", n), _.off("update", t), _.off("destroy", e);
+		};
+	}, [_, b]);
+	let R = (e) => {
+		if (!L()) {
+			N.current = !1, b();
+			return;
+		}
+		y && _.commands.setTableMaxHeight(e) && (D.current = _.state.selection.getBookmark(), N.current = !0, b());
+	};
+	return /* @__PURE__ */ h(o.Root, {
+		open: !0,
+		onOpenChange: (e) => !e && b(),
+		children: /* @__PURE__ */ g(o.Content, {
+			container: E,
+			size: "2",
+			style: {
+				width: "calc(100vw - 32px)",
+				maxWidth: 360
+			},
+			onOpenAutoFocus: (e) => {
+				e.preventDefault(), L() ? (T.current?.focus(), T.current?.select()) : (N.current = !1, b());
+			},
+			onCloseAutoFocus: (e) => {
+				e.preventDefault(), N.current && L() && _.chain().focus().run();
+			},
+			onKeyDown: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ h(o.Title, { children: "Table height" }),
+				/* @__PURE__ */ h(o.Description, {
+					size: "2",
+					mb: "4",
+					children: "Set a maximum height. Limit height controls whether this cap is used."
+				}),
+				/* @__PURE__ */ g("form", {
+					noValidate: !0,
+					onKeyDown: (e) => {
+						e.key === "Enter" && e.target instanceof HTMLInputElement && (e.preventDefault(), e.currentTarget.requestSubmit());
+					},
+					onSubmit: (n) => {
+						if (n.preventDefault(), !L()) {
+							N.current = !1, b();
+							return;
+						}
+						let r = e(x.trim());
+						if (r === null) {
+							w(`Enter a whole number from 120 to ${t}.`), T.current?.focus();
+							return;
+						}
+						R(r);
+					},
+					children: [/* @__PURE__ */ g(s, {
+						direction: "column",
+						gap: "2",
+						children: [
+							/* @__PURE__ */ h("label", {
+								htmlFor: P,
+								children: /* @__PURE__ */ h(c, {
+									size: "2",
+									weight: "medium",
+									children: "Maximum height (px)"
+								})
+							}),
+							/* @__PURE__ */ h(l.Root, {
+								ref: T,
+								id: P,
+								type: "text",
+								inputMode: "numeric",
+								autoComplete: "off",
+								placeholder: "Editor default",
+								value: x,
+								"aria-invalid": C ? !0 : void 0,
+								"aria-describedby": C ? `${F} ${I}` : F,
+								onChange: (e) => {
+									S(e.target.value), w(null);
+								}
+							}),
+							/* @__PURE__ */ g(c, {
+								id: F,
+								size: "1",
+								color: "gray",
+								children: [
+									120,
+									"–",
+									t,
+									" pixels. Use default follows the editor's configured height."
+								]
+							}),
+							C ? /* @__PURE__ */ h(c, {
+								id: I,
+								size: "1",
+								color: "red",
+								role: "alert",
+								children: C
+							}) : null
+						]
+					}), /* @__PURE__ */ g(s, {
+						mt: "4",
+						gap: "2",
+						justify: "between",
+						wrap: "wrap",
+						children: [/* @__PURE__ */ h(a, {
+							type: "button",
+							variant: "soft",
+							color: "gray",
+							disabled: !y,
+							onClick: () => R(null),
+							children: "Use default"
+						}), /* @__PURE__ */ g(s, {
+							gap: "2",
+							children: [/* @__PURE__ */ h(a, {
+								type: "button",
+								variant: "soft",
+								color: "gray",
+								onClick: b,
+								children: "Cancel"
+							}), /* @__PURE__ */ h(a, {
+								type: "submit",
+								disabled: !y,
+								children: "Apply"
+							})]
+						})]
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { _ as default };