@clevertask/scribe 0.1.26 → 0.1.27

package/README.md

@@ -221,9 +221,15 @@ function App() {
 
 Type `/table` to insert a 3 × 3 table with a header row. Selecting a table cell opens nearby controls for adding or deleting rows and columns, toggling the header row, and deleting the table. Drag a column boundary to resize it.
 
+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.
+
+**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 serialize as GFM Markdown. Tables with 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 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":"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"}
+{"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"}

package/dist/components/Menu/TableBubbleMenu.js

@@ -1,13 +1,15 @@
-import { s as e } from "../../dist-BiognBi4.js";
-import { getPopupMountTarget as t } from "../Scribe/extension/getPopupMountTarget.js";
-import { t as n } from "../../menus-BDXjZsFU.js";
-import { getSelectionTableContext as r, tableBubbleMenuPluginKey as i } from "./tableBubbleMenuPlugin.js";
-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";
+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";
 //#region lib/components/Menu/TableBubbleMenu.tsx
-var g = [
+var y = [
 	"addColumnAfter",
 	"addColumnBefore",
 	"addRowAfter",
@@ -16,7 +18,7 @@ var g = [
 	"deleteRow",
 	"deleteTable",
 	"toggleHeaderRow"
-], _ = {
+], b = {
 	canAddColumnAfter: !1,
 	canAddColumnBefore: !1,
 	canAddRowAfter: !1,
@@ -25,24 +27,23 @@ var g = [
 	canDeleteRow: !1,
 	canDeleteTable: !1,
 	canToggleHeaderRow: !1,
-	hasHeaderRow: !1
-}, v = /auto|overlay|scroll/, y = (e) => {
+	hasHeaderRow: !1,
+	canSetTableLayout: !1,
+	canSetTableHeightLimit: !1,
+	canSetTableStickyHeaderRow: !1,
+	tableLayout: "auto",
+	limitHeight: !1,
+	stickyHeaderRow: !1
+}, x = /auto|overlay|scroll/, S = (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);
-		v.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
+		x.test(`${e.overflow} ${e.overflowX} ${e.overflowY}`) && n.push(r), r = r.parentElement;
 	}
 	return n;
-}, 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;
-}, x = ({ name: e }) => {
+}, C = ({ name: e }) => {
 	let t = {
 		"aria-hidden": !0,
 		fill: "none",
@@ -57,12 +58,12 @@ var g = [
 	};
 	if (e === "add-row-above" || e === "add-row-below") {
 		let r = e === "add-row-above" ? 3.5 : 16.5;
-		return /* @__PURE__ */ h("svg", {
+		return /* @__PURE__ */ v("svg", {
 			...t,
-			children: [/* @__PURE__ */ m("path", {
+			children: [/* @__PURE__ */ _("path", {
 				d: "M3.5 6.5h13v7h-13zM3.5 10h13M10 6.5v7",
 				...n
-			}), /* @__PURE__ */ m("path", {
+			}), /* @__PURE__ */ _("path", {
 				d: `M7.75 ${r}h4.5M10 ${r - 2.25}v4.5`,
 				...n
 			})]
@@ -70,92 +71,98 @@ var g = [
 	}
 	if (e === "add-column-before" || e === "add-column-after") {
 		let r = e === "add-column-before" ? 3.5 : 16.5;
-		return /* @__PURE__ */ h("svg", {
+		return /* @__PURE__ */ v("svg", {
 			...t,
-			children: [/* @__PURE__ */ m("path", {
+			children: [/* @__PURE__ */ _("path", {
 				d: "M6.5 3.5h7v13h-7zM10 3.5v13M6.5 10h7",
 				...n
-			}), /* @__PURE__ */ m("path", {
+			}), /* @__PURE__ */ _("path", {
 				d: `M${r - 2.25} 10h4.5M${r} 7.75v4.5`,
 				...n
 			})]
 		});
 	}
-	return e === "delete-row" ? /* @__PURE__ */ h("svg", {
+	return e === "delete-row" ? /* @__PURE__ */ v("svg", {
 		...t,
-		children: [/* @__PURE__ */ m("path", {
+		children: [/* @__PURE__ */ _("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M3.5 12h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ m("path", {
+		}), /* @__PURE__ */ _("path", {
 			d: "M6.75 10h6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "delete-column" ? /* @__PURE__ */ h("svg", {
+	}) : e === "delete-column" ? /* @__PURE__ */ v("svg", {
 		...t,
-		children: [/* @__PURE__ */ m("path", {
+		children: [/* @__PURE__ */ _("path", {
 			d: "M4 3.5h12v13h-12zM8 3.5v13M12 3.5v13M4 10h12",
 			...n
-		}), /* @__PURE__ */ m("path", {
+		}), /* @__PURE__ */ _("path", {
 			d: "M10 6.75v6.5",
 			stroke: "currentColor",
 			strokeWidth: "2.2"
 		})]
-	}) : e === "toggle-header-row" ? /* @__PURE__ */ h("svg", {
+	}) : e === "toggle-header-row" ? /* @__PURE__ */ v("svg", {
 		...t,
-		children: [/* @__PURE__ */ m("path", {
+		children: [/* @__PURE__ */ _("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ m("path", {
+		}), /* @__PURE__ */ _("path", {
 			d: "M4.2 4.7h11.6v2.6H4.2z",
 			fill: "currentColor",
 			opacity: "0.45"
 		})]
-	}) : /* @__PURE__ */ h("svg", {
+	}) : /* @__PURE__ */ v("svg", {
 		...t,
-		children: [/* @__PURE__ */ m("path", {
+		children: [/* @__PURE__ */ _("path", {
 			d: "M3.5 4h13v12h-13zM3.5 8h13M10 4v12",
 			...n
-		}), /* @__PURE__ */ m("path", {
+		}), /* @__PURE__ */ _("path", {
 			d: "m6.75 7 6.5 6.5m0-6.5-6.5 6.5",
 			stroke: "currentColor",
 			strokeWidth: "1.8"
 		})]
 	});
-}, 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 (!T) return _;
-			let t = r(e.state), n = e.can();
+}, 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;
 			return {
-				canAddColumnAfter: n.addColumnAfter(),
-				canAddColumnBefore: n.addColumnBefore(),
-				canAddRowAfter: n.addRowAfter(),
-				canAddRowBefore: n.addRowBefore(),
-				canDeleteColumn: n.deleteColumn(),
-				canDeleteRow: n.deleteRow(),
-				canDeleteTable: n.deleteTable(),
-				canToggleHeaderRow: n.toggleHeaderRow(),
-				hasHeaderRow: t ? b(t.node) : !1
+				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
 			};
 		}
-	}), 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);
+	}), 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);
 		if (!e) return null;
-		let t = v.view.nodeDOM(e.position);
+		let t = x.view.nodeDOM(e.position);
 		return t instanceof HTMLElement ? t.closest(".tableWrapper") ?? t.querySelector(".tableWrapper") ?? t : null;
-	}, [v]), k = l(() => t(v), [v]);
-	u(() => {
-		let e = v.view.dom.ownerDocument.defaultView;
+	}, [x]), F = d(() => n(x), [x]);
+	f(() => {
+		let e = x.view.dom.ownerDocument.defaultView;
 		if (!e) return;
-		let t = y(v.view.dom), n = null, r = () => {
+		let t = S(x.view.dom), n = null, r = () => {
 			n === null && (n = e.requestAnimationFrame(() => {
-				n = null, v.isDestroyed || v.view.dispatch(v.state.tr.setMeta(i, "updatePosition"));
+				n = null, x.isDestroyed || x.view.dispatch(x.state.tr.setMeta(a, "updatePosition"));
 			}));
 		};
 		return t.forEach((e) => {
@@ -165,27 +172,27 @@ var g = [
 				e.removeEventListener("scroll", r);
 			});
 		};
-	}, [v]), u(() => {
-		let e = v.view.dom.closest("[data-scribe-root]"), t = v.view.dom.ownerDocument.defaultView;
+	}, [x]), f(() => {
+		let e = x.view.dom.closest("[data-scribe-root]"), t = x.view.dom.ownerDocument.defaultView;
 		if (!e || !t) return;
 		let n = () => {
 			let t = e.getBoundingClientRect().width;
-			w(t > 0 ? Math.max(t - 16, 0) : null);
+			E(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();
-	}, [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)");
+	}, [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)");
 			t && (e.preventDefault(), t.focus());
 		};
 		return e.addEventListener("keydown", t, !0), () => e.removeEventListener("keydown", t, !0);
-	}, [v]);
-	let A = l((e) => {
+	}, [x]);
+	let I = d((e) => {
 		if (e.key === "Escape") {
-			e.preventDefault(), v.chain().focus().run();
+			e.preventDefault(), x.chain().focus().run();
 			return;
 		}
 		if (![
@@ -198,109 +205,129 @@ var g = [
 		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();
-	}, [v]), j = d(() => ({
+	}, [x]), L = p(() => ({
 		strategy: "fixed",
 		placement: "top-start",
 		offset: 8,
 		flip: {},
 		shift: { padding: 8 }
-	}), []), M = d(() => [
+	}), []), R = p(() => [
 		[
 			{
 				label: "Add row above",
-				command: () => v.chain().focus().addRowBefore().run(),
-				disabled: !E.canAddRowBefore,
-				icon: /* @__PURE__ */ m(x, { name: "add-row-above" })
+				command: () => x.chain().focus().addRowBefore().run(),
+				disabled: !M.canAddRowBefore,
+				icon: /* @__PURE__ */ _(C, { name: "add-row-above" })
 			},
 			{
 				label: "Add row below",
-				command: () => v.chain().focus().addRowAfter().run(),
-				disabled: !E.canAddRowAfter,
-				icon: /* @__PURE__ */ m(x, { name: "add-row-below" })
+				command: () => x.chain().focus().addRowAfter().run(),
+				disabled: !M.canAddRowAfter,
+				icon: /* @__PURE__ */ _(C, { name: "add-row-below" })
 			},
 			{
 				label: "Delete row",
-				command: () => v.chain().focus().deleteRow().run(),
-				disabled: !E.canDeleteRow,
-				icon: /* @__PURE__ */ m(x, { name: "delete-row" })
+				command: () => x.chain().focus().deleteRow().run(),
+				disabled: !M.canDeleteRow,
+				icon: /* @__PURE__ */ _(C, { name: "delete-row" })
 			}
 		],
 		[
 			{
 				label: "Add column before",
-				command: () => v.chain().focus().addColumnBefore().run(),
-				disabled: !E.canAddColumnBefore,
-				icon: /* @__PURE__ */ m(x, { name: "add-column-before" })
+				command: () => x.chain().focus().addColumnBefore().run(),
+				disabled: !M.canAddColumnBefore,
+				icon: /* @__PURE__ */ _(C, { name: "add-column-before" })
 			},
 			{
 				label: "Add column after",
-				command: () => v.chain().focus().addColumnAfter().run(),
-				disabled: !E.canAddColumnAfter,
-				icon: /* @__PURE__ */ m(x, { name: "add-column-after" })
+				command: () => x.chain().focus().addColumnAfter().run(),
+				disabled: !M.canAddColumnAfter,
+				icon: /* @__PURE__ */ _(C, { name: "add-column-after" })
 			},
 			{
 				label: "Delete column",
-				command: () => v.chain().focus().deleteColumn().run(),
-				disabled: !E.canDeleteColumn,
-				icon: /* @__PURE__ */ m(x, { name: "delete-column" })
+				command: () => x.chain().focus().deleteColumn().run(),
+				disabled: !M.canDeleteColumn,
+				icon: /* @__PURE__ */ _(C, { name: "delete-column" })
 			}
 		],
 		[{
 			label: "Toggle header row",
-			command: () => v.chain().focus().toggleHeaderRow().run(),
-			disabled: !E.canToggleHeaderRow,
-			icon: /* @__PURE__ */ m(x, { name: "toggle-header-row" }),
-			ariaPressed: E.hasHeaderRow
+			command: () => x.chain().focus().toggleHeaderRow().run(),
+			disabled: !M.canToggleHeaderRow,
+			icon: /* @__PURE__ */ _(C, { name: "toggle-header-row" }),
+			ariaPressed: M.hasHeaderRow
 		}],
 		[{
 			label: "Delete table",
-			command: () => v.chain().focus().deleteTable().run(),
-			disabled: !E.canDeleteTable,
-			icon: /* @__PURE__ */ m(x, { name: "delete-table" })
+			command: () => x.chain().focus().deleteTable().run(),
+			disabled: !M.canDeleteTable,
+			icon: /* @__PURE__ */ _(C, { name: "delete-table" })
 		}]
-	], [v, E]);
-	return /* @__PURE__ */ m(n, {
-		editor: v,
-		pluginKey: i,
+	], [x, M]);
+	return /* @__PURE__ */ _(r, {
+		editor: x,
+		pluginKey: a,
 		updateDelay: 0,
 		resizeDelay: 0,
-		appendTo: k,
-		shouldShow: D,
-		getReferencedVirtualElement: O,
-		options: j,
-		children: /* @__PURE__ */ m(o, {
-			ref: S,
+		appendTo: F,
+		shouldShow: N,
+		getReferencedVirtualElement: P,
+		options: L,
+		children: /* @__PURE__ */ _(c, {
+			ref: w,
 			className: "scribe-table-bubble-menu",
 			role: "toolbar",
 			"aria-label": "Table controls",
 			"aria-keyshortcuts": "Alt+F10",
 			align: "center",
 			gap: "2",
-			onKeyDown: A,
-			style: C === null ? void 0 : { maxWidth: C },
-			children: M.map((e, t) => /* @__PURE__ */ h(o, {
+			onKeyDown: I,
+			style: T === null ? void 0 : { maxWidth: T },
+			children: R.map((e, t) => /* @__PURE__ */ v(c, {
 				align: "center",
 				gap: "1",
-				children: [t > 0 ? /* @__PURE__ */ m(c, {
-					orientation: "vertical",
-					decorative: !0,
-					style: { height: 20 }
-				}) : null, e.map((e) => /* @__PURE__ */ m(s, {
-					type: "button",
-					size: "1",
-					radius: "medium",
-					color: e.label === "Delete table" ? "red" : "gray",
-					variant: e.ariaPressed ? "soft" : "ghost",
-					"aria-label": e.label,
-					"aria-pressed": e.ariaPressed,
-					disabled: e.disabled,
-					title: e.label,
-					onClick: e.command,
-					children: e.icon
-				}, e.label))]
+				children: [
+					t > 0 ? /* @__PURE__ */ _(u, {
+						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, {
+						orientation: "vertical",
+						decorative: !0,
+						style: { height: 20 }
+					})] }) : null,
+					e.map((e) => /* @__PURE__ */ _(l, {
+						type: "button",
+						size: "1",
+						radius: "medium",
+						color: e.label === "Delete table" ? "red" : "gray",
+						variant: e.ariaPressed ? "soft" : "ghost",
+						"aria-label": e.label,
+						"aria-pressed": e.ariaPressed,
+						disabled: e.disabled,
+						title: e.label,
+						onClick: e.command,
+						children: e.icon
+					}, e.label))
+				]
 			}, e[0]?.label))
 		})
 	});
 };
 //#endregion
-export { S as default };
+export { w as default };

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

@@ -0,0 +1,19 @@
+import { Editor } from "@tiptap/react";
+import { FC } from "react";
+import type { ScribeTableLayout } from "../Scribe/extension/resizable-table";
+interface TableLayoutOptionsProps {
+    editor: Editor;
+    layout: ScribeTableLayout;
+    limitHeight: boolean;
+    stickyHeaderRow: boolean;
+    hasHeaderRow: boolean;
+    canSetLayout: boolean;
+    canSetHeightLimit: boolean;
+    hasStickyHeaderCommand: boolean;
+    canSetStickyHeaderRow: boolean;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+declare const TableLayoutOptions: FC<TableLayoutOptionsProps>;
+export default TableLayoutOptions;
+//# sourceMappingURL=TableLayoutOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableLayoutOptions.d.ts","sourceRoot":"","sources":["../../../lib/components/Menu/TableLayoutOptions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,UAAU,uBAAuB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAQD,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAiInD,CAAC;eAEa,kBAAkB"}

package/dist/components/Menu/TableLayoutOptions.js

@@ -0,0 +1,109 @@
+import { getPopupMountTarget as e } from "../Scribe/extension/getPopupMountTarget.js";
+import { DropdownMenu as t, IconButton as n } from "@radix-ui/themes";
+import { useId as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/Menu/TableLayoutOptions.tsx
+var c = [
+	{
+		value: "auto",
+		label: "Auto"
+	},
+	{
+		value: "fit",
+		label: "Fit to width"
+	},
+	{
+		value: "scroll",
+		label: "Scroll horizontally"
+	}
+], l = ({ editor: l, layout: u, limitHeight: d, stickyHeaderRow: f, hasHeaderRow: p, canSetLayout: m, canSetHeightLimit: h, hasStickyHeaderCommand: g, canSetStickyHeaderRow: _, open: v, onOpenChange: y }) => {
+	let b = i(!1), x = r(), S = p ? void 0 : "Requires a header row.";
+	return /* @__PURE__ */ s(t.Root, {
+		modal: !1,
+		open: v,
+		onOpenChange: (e) => {
+			e && (b.current = !1), y(e);
+		},
+		children: [/* @__PURE__ */ o(t.Trigger, { children: /* @__PURE__ */ o(n, {
+			type: "button",
+			size: "1",
+			radius: "medium",
+			color: "gray",
+			variant: v ? "soft" : "ghost",
+			"aria-label": "Table layout",
+			title: "Table layout",
+			children: /* @__PURE__ */ o("svg", {
+				"aria-hidden": "true",
+				fill: "none",
+				height: "18",
+				viewBox: "0 0 20 20",
+				width: "18",
+				children: /* @__PURE__ */ o("path", {
+					d: "M3.5 3.5h13v8h-13zM3.5 7.5h13M8 3.5v8M12 3.5v8M3.5 16h13M5.5 14l-2 2 2 2M14.5 14l2 2-2 2",
+					stroke: "currentColor",
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: "1.35"
+				})
+			})
+		}) }), /* @__PURE__ */ s(t.Content, {
+			"aria-label": "Table layout",
+			container: e(l),
+			size: "2",
+			side: "bottom",
+			align: "start",
+			collisionPadding: 8,
+			onKeyDown: (e) => e.stopPropagation(),
+			onEscapeKeyDown: (e) => {
+				e.stopPropagation(), b.current = !0;
+			},
+			onCloseAutoFocus: (e) => {
+				b.current && !l.isDestroyed && (e.preventDefault(), l.chain().focus().run());
+			},
+			children: [
+				/* @__PURE__ */ o(t.Label, { children: "Width" }),
+				/* @__PURE__ */ o(t.RadioGroup, {
+					"aria-label": "Table width",
+					value: u,
+					onValueChange: (e) => {
+						let t = c.find((t) => t.value === e)?.value;
+						t && (b.current = !0, l.commands.setTableLayout(t));
+					},
+					children: c.map((e) => /* @__PURE__ */ o(t.RadioItem, {
+						value: e.value,
+						disabled: !m,
+						children: e.label
+					}, e.value))
+				}),
+				/* @__PURE__ */ o(t.Separator, {}),
+				/* @__PURE__ */ o(t.CheckboxItem, {
+					checked: d,
+					disabled: !h,
+					onCheckedChange: (e) => {
+						b.current = !0, l.commands.setTableHeightLimit(e);
+					},
+					children: "Limit height"
+				}),
+				g ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t.CheckboxItem, {
+					checked: f,
+					disabled: !_,
+					"aria-describedby": S ? x : void 0,
+					onCheckedChange: (e) => {
+						b.current = !0, l.commands.setTableStickyHeaderRow(e);
+					},
+					children: "Sticky header row"
+				}), S ? /* @__PURE__ */ o(t.Label, {
+					id: x,
+					style: {
+						height: "auto",
+						maxWidth: 220,
+						whiteSpace: "normal"
+					},
+					children: S
+				}) : null] }) : null
+			]
+		})]
+	});
+};
+//#endregion
+export { l as default };

package/dist/components/Scribe/extension/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../extension-BFPlsViw.js";
+import { t as e } from "../../../extension-CBOxOV0e.js";
 export { e as initExtensions };

package/dist/components/Scribe/extension/resizable-table.d.ts

@@ -1,4 +1,15 @@
-import type { Selection } from "@tiptap/pm/state";
+import { type Selection } from "@tiptap/pm/state";
+import { type ScribeTableLayout } from "./table-layout";
+export type { ScribeTableLayout } from "./table-layout";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        scribeTableLayout: {
+            setTableLayout: (layout: ScribeTableLayout) => ReturnType;
+            setTableHeightLimit: (limit: boolean) => ReturnType;
+            setTableStickyHeaderRow: (sticky: boolean) => ReturnType;
+        };
+    }
+}
 export declare const selectionHasTableAncestor: (selection: Selection) => boolean;
 /**
  * Tiptap only registers its column-resizing plugin when the editor is editable

package/dist/components/Scribe/extension/resizable-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-table.d.ts","sourceRoot":"","sources":["../../../../lib/components/Scribe/extension/resizable-table.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAalD,eAAO,MAAM,yBAAyB,cAAe,SAAS,YACwB,CAAC;AAEvF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kFAqDtB,CAAC"}
+{"version":3,"file":"resizable-table.d.ts","sourceRoot":"","sources":["../../../../lib/components/Scribe/extension/resizable-table.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmC,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnF,OAAO,EAQL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,iBAAiB,EAAE;YACjB,cAAc,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,UAAU,CAAC;YAC1D,mBAAmB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,UAAU,CAAC;YACpD,uBAAuB,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,UAAU,CAAC;SAC1D,CAAC;KACH;CACF;AAoCD,eAAO,MAAM,yBAAyB,cAAe,SAAS,YACwB,CAAC;AAEvF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,kFAyNtB,CAAC"}