@stll/folio-react 0.23.1 → 0.24.0

package/dist/{CommentsSidebar-CGs9K70B.js → CommentsSidebar-DW2u1T_l.js}

@@ -1,9 +1,10 @@
-import { d as containedHandler } from "./renderAsync-CTnJ1YYt.js";
+import { f as containedHandler, u as useDrawerFocus } from "./renderAsync-CYQL2X5T.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";
 import { closestHtmlElement, queryHtmlElement } from "@stll/folio-core/utils/domGuards";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { PANEL_METRICS } from "@stll/folio-core/panel-layout";
 import { commentAnchorSelector } from "@stll/folio-core/render-dom/commentAnchorAttributes";
 //#region src/components/CommentsSidebar.tsx
 /**
@@ -57,6 +58,17 @@ function getAvatarColor(name) {
 	for (let i = 0; i < name.length; i++) hash = (name.codePointAt(i) ?? 0) + ((hash << 5) - hash);
 	return AVATAR_COLORS[Math.abs(hash) % AVATAR_COLORS.length];
 }
+const SIDEBAR_WIDTH = PANEL_METRICS.commentsWidth;
+/** A drawer is a surface of its own over the page; a column is transparent. */
+const DRAWER_SURFACE_STYLE = {
+	boxSizing: "border-box",
+	paddingInline: PANEL_METRICS.commentsGap,
+	background: "var(--doc-canvas-surface)",
+	borderInlineStart: "1px solid var(--doc-border)",
+	boxShadow: "0 8px 28px var(--doc-shadow-md)",
+	outline: "none"
+};
+const COLUMN_SURFACE_STYLE = { backgroundColor: "transparent" };
 const MIN_CARD_GAP = 6;
 const DEFAULT_CARD_HEIGHT = 64;
 const DEFAULT_INPUT_HEIGHT = 104;
@@ -86,7 +98,7 @@ const CANCEL_BUTTON_STYLE = {
 	fontWeight: 500,
 	fontFamily: "inherit"
 };
-const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions }) => {
+const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onCommentReply, onCommentResolve, onCommentDelete, onAddComment, onCancelAddComment, onAcceptChange: _onAcceptChange, onRejectChange: _onRejectChange, onTrackedChangeReply: _onTrackedChangeReply, topOffset = 0, showResolved = false, isAddingComment = false, addCommentYPosition = null, pageWidth = 816, editorContainerRef, anchorPositions, surface = "column", onDismiss }) => {
 	const t = useTranslations("folio");
 	const locale = useLocale();
 	const [replyingTo, setReplyingTo] = useState(null);
@@ -101,6 +113,13 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 	const lastKnownCardPositionsRef = useRef(/* @__PURE__ */ new Map());
 	const sidebarRef = useRef(null);
 	const cardRefs = useRef(/* @__PURE__ */ new Map());
+	const isDrawer = surface === "drawer";
+	const [drawerBox, setDrawerBox] = useState({
+		top: 0,
+		width: PANEL_METRICS.drawerWidth,
+		height: 0
+	});
+	useDrawerFocus(sidebarRef, isDrawer && onDismiss ? onDismiss : null, "container");
 	const updateSidebarLeft = useCallback(() => {
 		const scrollEl = editorContainerRef?.current;
 		const sidebarEl = sidebarRef.current;
@@ -112,10 +131,27 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 			return;
 		}
 		const parentRect = offsetParent.getBoundingClientRect();
-		const rawLeft = pageEl.getBoundingClientRect().right - parentRect.left + 12;
-		const maxVisibleLeft = Math.max(8, parentRect.width - 280 - 8);
+		const parentScale = offsetParent.clientWidth ? parentRect.width / offsetParent.clientWidth : 1;
+		const parentX = (viewportX) => (viewportX - parentRect.left) / parentScale;
+		if (isDrawer) {
+			const scrollRect = scrollEl.getBoundingClientRect();
+			const top = -Math.round((parentRect.top - scrollRect.top) / parentScale + scrollEl.scrollTop);
+			const width = Math.min(PANEL_METRICS.drawerWidth, scrollEl.clientWidth - 16);
+			const height = scrollEl.clientHeight;
+			const scrollScale = scrollEl.offsetWidth ? scrollRect.width / scrollEl.offsetWidth : parentScale;
+			const viewportEnd = scrollRect.left + scrollEl.clientWidth * scrollScale;
+			setDrawerBox((box) => box.top === top && box.width === width && box.height === height ? box : {
+				top,
+				width,
+				height
+			});
+			setMeasuredLeft(parentX(viewportEnd) - width);
+			return;
+		}
+		const rawLeft = parentX(pageEl.getBoundingClientRect().right) + PANEL_METRICS.commentsGap;
+		const maxVisibleLeft = Math.max(8, offsetParent.clientWidth - SIDEBAR_WIDTH - 8);
 		setMeasuredLeft(Math.max(8, Math.min(rawLeft, maxVisibleLeft)));
-	}, [editorContainerRef]);
+	}, [editorContainerRef, isDrawer]);
 	useLayoutEffect(() => {
 		updateSidebarLeft();
 	}, [
@@ -165,12 +201,12 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		const containerRect = container.getBoundingClientRect();
 		const scrollTop = container.scrollTop;
 		const positions = [];
-		const pushPosition = (id, targetY, height) => {
+		const pushPosition = (id, targetY, height_0) => {
 			lastKnownCardPositionsRef.current.set(id, targetY);
 			positions.push({
 				id,
 				targetY,
-				height
+				height: height_0
 			});
 		};
 		for (const comment of visibleComments) {
@@ -327,8 +363,15 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		setExpandedCard(nextExpandedCard);
 		setMenuOpenFor(null);
 		if (commentId_0 !== void 0) onCommentClick?.(nextExpandedCard === null && activeCommentId === commentId_0 ? null : commentId_0);
+		if (isDrawer && commentId_0 !== void 0 && nextExpandedCard !== null) revealAnchor(cardId_0);
+	};
+	const revealAnchor = (cardId_1) => {
+		const scrollEl_1 = editorContainerRef?.current;
+		const anchorY = lastKnownCardPositionsRef.current.get(cardId_1) ?? anchorPositions?.get(cardId_1);
+		if (!scrollEl_1 || anchorY === void 0) return;
+		scrollEl_1.scrollTop = Math.max(0, anchorY - scrollEl_1.clientHeight / 3);
 	};
-	const hasPositions = cardPositions.size > 0;
+	const hasPositions = !isDrawer && cardPositions.size > 0;
 	const avatarStyle = (name, size = 28) => ({
 		width: size,
 		height: size,
@@ -354,9 +397,9 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 		fontWeight: 500,
 		fontFamily: "inherit"
 	});
-	const cardContainerStyle = (cardId_1, isExpanded, yPos) => {
-		const isKnown = knownCardsRef.current.has(cardId_1);
-		if (yPos !== void 0) knownCardsRef.current.add(cardId_1);
+	const cardContainerStyle = (cardId_2, isExpanded, yPos) => {
+		const isKnown = knownCardsRef.current.has(cardId_2);
+		if (yPos !== void 0) knownCardsRef.current.add(cardId_2);
 		const isNewCard = !isKnown && yPos !== void 0;
 		const noPosition = hasPositions && yPos === void 0;
 		const positionStyle = (() => {
@@ -542,24 +585,24 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 	});
 	const renderCommentCard = (comment_0) => {
 		const replies_0 = getReplies(comment_0.id);
-		const cardId_2 = `comment-${comment_0.id}`;
-		const isExpanded_1 = expandedCard === cardId_2;
+		const cardId_3 = `comment-${comment_0.id}`;
+		const isExpanded_1 = expandedCard === cardId_3;
 		const isActive = activeCommentId === comment_0.id;
-		const yPos_0 = cardPositions.get(cardId_2) ?? lastKnownCardPositionsRef.current.get(cardId_2);
+		const yPos_0 = cardPositions.get(cardId_3) ?? lastKnownCardPositionsRef.current.get(cardId_3);
 		return /* @__PURE__ */ jsxs("div", {
 			ref: (el_3) => {
-				if (el_3) cardRefs.current.set(cardId_2, el_3);
-				else cardRefs.current.delete(cardId_2);
+				if (el_3) cardRefs.current.set(cardId_3, el_3);
+				else cardRefs.current.delete(cardId_3);
 			},
 			"data-comment-id": comment_0.id,
 			className: "docx-comment-card",
-			onClick: containedHandler(() => handleCardClick(cardId_2, comment_0.id)),
+			onClick: containedHandler(() => handleCardClick(cardId_3, comment_0.id)),
 			onKeyDown: (e_9) => {
-				if (e_9.key === "Enter" || e_9.key === " ") handleCardClick(cardId_2, comment_0.id);
+				if (e_9.key === "Enter" || e_9.key === " ") handleCardClick(cardId_3, comment_0.id);
 			},
 			onMouseDown: containedHandler((e_10) => e_10.stopPropagation()),
 			style: {
-				...cardContainerStyle(cardId_2, isExpanded_1, yPos_0),
+				...cardContainerStyle(cardId_3, isExpanded_1, yPos_0),
 				opacity: comment_0.done ? .6 : 1,
 				outline: isActive ? "2px solid var(--doc-primary, var(--primary))" : "none",
 				outlineOffset: 2
@@ -618,13 +661,13 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 									type: "button",
 									onClick: (e_12) => {
 										e_12.stopPropagation();
-										setMenuOpenFor(menuOpenFor === cardId_2 ? null : cardId_2);
+										setMenuOpenFor(menuOpenFor === cardId_3 ? null : cardId_3);
 									},
 									title: "More options",
 									style: ICON_BUTTON_STYLE,
 									children: /* @__PURE__ */ jsx(MoreVerticalIcon, { size: 16 })
 								}),
-								menuOpenFor === cardId_2 && /* @__PURE__ */ jsx("div", {
+								menuOpenFor === cardId_3 && /* @__PURE__ */ jsx("div", {
 									onClick: (e_13) => e_13.stopPropagation(),
 									onKeyDown: (e_14) => e_14.stopPropagation(),
 									onMouseDown: (e_15) => e_15.stopPropagation(),
@@ -695,25 +738,35 @@ const CommentsSidebar = ({ comments, onCommentClick, activeCommentId = null, onC
 	return /* @__PURE__ */ jsx("aside", {
 		ref: sidebarRef,
 		className: "docx-comments-sidebar",
-		"aria-label": "Comments",
+		"aria-label": t("comments.visibility"),
+		"data-folio-comments-surface": surface,
+		"data-testid": "folio-comments",
+		tabIndex: isDrawer ? -1 : void 0,
 		style: {
 			position: "absolute",
-			top: topOffset,
-			left: measuredLeft ?? `calc(50% - 120px + ${pageWidth / 2 + 12}px)`,
+			top: isDrawer ? drawerBox.top : topOffset,
+			left: measuredLeft ?? `calc(50% - 120px + ${pageWidth / 2 + PANEL_METRICS.commentsGap}px)`,
 			bottom: 0,
-			width: 280,
+			width: isDrawer ? drawerBox.width : SIDEBAR_WIDTH,
 			fontFamily: "inherit",
-			zIndex: 40,
-			backgroundColor: "transparent",
+			zIndex: isDrawer ? 46 : 40,
 			overflowY: "visible",
 			overflowX: "visible",
-			opacity: initialPositionsDone || cardPositions.size > 0 ? 1 : 0,
-			pointerEvents: initialPositionsDone || cardPositions.size > 0 ? "auto" : "none",
-			transition: "opacity 0.15s ease"
+			opacity: isDrawer || initialPositionsDone || cardPositions.size > 0 ? 1 : 0,
+			pointerEvents: isDrawer || initialPositionsDone || cardPositions.size > 0 ? "auto" : "none",
+			transition: "opacity 0.15s ease",
+			...isDrawer ? DRAWER_SURFACE_STYLE : COLUMN_SURFACE_STYLE
 		},
 		onMouseDown: containedHandler((e_20) => e_20.stopPropagation()),
 		children: /* @__PURE__ */ jsxs("div", {
-			style: { position: "relative" },
+			style: isDrawer ? {
+				position: "sticky",
+				top: 0,
+				maxHeight: drawerBox.height || void 0,
+				overflowY: "auto",
+				paddingBlock: PANEL_METRICS.commentsGap,
+				boxSizing: "border-box"
+			} : { position: "relative" },
 			children: [
 				isAddingComment && /* @__PURE__ */ jsxs("div", {
 					ref: (el_4) => {

package/dist/{FindReplaceDialog-CqKK82nE.js → FindReplaceDialog-BUwFQWaq.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { ChevronDownIcon, ChevronUpIcon, SearchIcon, XIcon } from "lucide-react";
 import { useTranslations } from "use-intl";

package/dist/{FootnotePropertiesDialog-CixRdIiT.js → FootnotePropertiesDialog-6XdO0zBH.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useId, useState } from "react";

package/dist/{ImagePositionDialog-DNodkoI2.js → ImagePositionDialog-9q71ka9N.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";

package/dist/{ImagePropertiesDialog-CLsDIUWb.js → ImagePropertiesDialog-o79NCGk7.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";

package/dist/{InsertSymbolDialog-DCFLmfzn.js → InsertSymbolDialog-Cn_Nifhg.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useState } from "react";

package/dist/{PageSetupDialog-COkgeOQn.js → PageSetupDialog-CMdVXCZ-.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";

package/dist/SetNumberingValueDialog-DOsaSq7e.js

@@ -0,0 +1,237 @@
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
+import { a as DIALOG_LABEL_CLASS, c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
+import { c } from "react-compiler-runtime";
+import { useEffect, useId, useState } from "react";
+import { useTranslations } from "use-intl";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dialogs/SetNumberingValueDialog.tsx
+/** `w:startOverride` is a non-negative decimal; the input stops far below its limit. */
+const MIN_VALUE = 0;
+const MAX_VALUE = 32767;
+const DEFAULT_VALUE = 1;
+/** *Set Numbering Value*: start the selected item's list over at a value. */
+function SetNumberingValueDialog(t0) {
+	const $ = c(62);
+	const { isOpen, onClose, onApply } = t0;
+	const { Root: Dialog, Portal: DialogPortal, Backdrop: DialogBackdrop, Popup: DialogPopup, Title: DialogTitle, Close: DialogClose } = useFolioUI().Dialog;
+	const handleOpenChange = useCloseOnDialogOpenChange(onClose);
+	const t = useTranslations("folio");
+	const id = useId();
+	const [text, setText] = useState(String(DEFAULT_VALUE));
+	let t1;
+	let t2;
+	if ($[0] !== isOpen) {
+		t1 = () => {
+			if (isOpen) setText(String(DEFAULT_VALUE));
+		};
+		t2 = [isOpen];
+		$[0] = isOpen;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useEffect(t1, t2);
+	const inputId = `${id}-numbering-value`;
+	let t3;
+	if ($[3] !== text) {
+		t3 = text.trim() === "" ? NaN : Number(text);
+		$[3] = text;
+		$[4] = t3;
+	} else t3 = $[4];
+	const parsed = t3;
+	let t4;
+	if ($[5] !== parsed) {
+		t4 = Number.isFinite(parsed);
+		$[5] = parsed;
+		$[6] = t4;
+	} else t4 = $[6];
+	const valid = t4;
+	let t5;
+	if ($[7] !== onApply || $[8] !== onClose || $[9] !== parsed || $[10] !== valid) {
+		t5 = () => {
+			if (!valid) return;
+			onApply(Math.min(MAX_VALUE, Math.max(MIN_VALUE, Math.trunc(parsed))));
+			onClose();
+		};
+		$[7] = onApply;
+		$[8] = onClose;
+		$[9] = parsed;
+		$[10] = valid;
+		$[11] = t5;
+	} else t5 = $[11];
+	const apply = t5;
+	let t6;
+	if ($[12] !== DialogBackdrop) {
+		t6 = /* @__PURE__ */ jsx(DialogBackdrop, { className: DIALOG_BACKDROP_CLASS });
+		$[12] = DialogBackdrop;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t) {
+		t7 = t("dialogs.setNumberingValue.title");
+		$[14] = t;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== DialogTitle || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsx(DialogTitle, {
+			className: DIALOG_TITLE_CLASS,
+			children: t7
+		});
+		$[16] = DialogTitle;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t) {
+		t9 = t("dialogs.setNumberingValue.valueLabel");
+		$[19] = t;
+		$[20] = t9;
+	} else t9 = $[20];
+	let t10;
+	if ($[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("span", {
+			className: DIALOG_LABEL_CLASS,
+			children: t9
+		});
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = (event) => setText(event.target.value);
+		$[23] = t11;
+	} else t11 = $[23];
+	let t12;
+	if ($[24] !== apply) {
+		t12 = (event_0) => {
+			if (event_0.key === "Enter") {
+				event_0.preventDefault();
+				apply();
+			}
+		};
+		$[24] = apply;
+		$[25] = t12;
+	} else t12 = $[25];
+	let t13;
+	if ($[26] !== inputId || $[27] !== t12 || $[28] !== text) {
+		t13 = /* @__PURE__ */ jsx("input", {
+			className: DIALOG_INPUT_CLASS,
+			id: inputId,
+			max: MAX_VALUE,
+			min: MIN_VALUE,
+			onChange: t11,
+			onKeyDown: t12,
+			type: "number",
+			value: text
+		});
+		$[26] = inputId;
+		$[27] = t12;
+		$[28] = text;
+		$[29] = t13;
+	} else t13 = $[29];
+	let t14;
+	if ($[30] !== inputId || $[31] !== t10 || $[32] !== t13) {
+		t14 = /* @__PURE__ */ jsx("div", {
+			className: DIALOG_BODY_CLASS,
+			children: /* @__PURE__ */ jsxs("label", {
+				className: "flex flex-col gap-1",
+				htmlFor: inputId,
+				children: [t10, t13]
+			})
+		});
+		$[30] = inputId;
+		$[31] = t10;
+		$[32] = t13;
+		$[33] = t14;
+	} else t14 = $[33];
+	let t15;
+	if ($[34] !== t) {
+		t15 = t("common.cancel");
+		$[34] = t;
+		$[35] = t15;
+	} else t15 = $[35];
+	let t16;
+	if ($[36] !== DialogClose || $[37] !== t15) {
+		t16 = /* @__PURE__ */ jsx(DialogClose, {
+			className: DIALOG_SECONDARY_BUTTON_CLASS,
+			children: t15
+		});
+		$[36] = DialogClose;
+		$[37] = t15;
+		$[38] = t16;
+	} else t16 = $[38];
+	const t17 = !valid;
+	let t18;
+	if ($[39] !== t) {
+		t18 = t("common.apply");
+		$[39] = t;
+		$[40] = t18;
+	} else t18 = $[40];
+	let t19;
+	if ($[41] !== apply || $[42] !== t17 || $[43] !== t18) {
+		t19 = /* @__PURE__ */ jsx("button", {
+			className: DIALOG_PRIMARY_BUTTON_CLASS,
+			disabled: t17,
+			onClick: apply,
+			type: "button",
+			children: t18
+		});
+		$[41] = apply;
+		$[42] = t17;
+		$[43] = t18;
+		$[44] = t19;
+	} else t19 = $[44];
+	let t20;
+	if ($[45] !== t16 || $[46] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
+			className: DIALOG_FOOTER_CLASS,
+			children: [t16, t19]
+		});
+		$[45] = t16;
+		$[46] = t19;
+		$[47] = t20;
+	} else t20 = $[47];
+	let t21;
+	if ($[48] !== DialogPopup || $[49] !== t14 || $[50] !== t20 || $[51] !== t8) {
+		t21 = /* @__PURE__ */ jsxs(DialogPopup, {
+			className: DIALOG_POPUP_CLASS,
+			children: [
+				t8,
+				t14,
+				t20
+			]
+		});
+		$[48] = DialogPopup;
+		$[49] = t14;
+		$[50] = t20;
+		$[51] = t8;
+		$[52] = t21;
+	} else t21 = $[52];
+	let t22;
+	if ($[53] !== DialogPortal || $[54] !== t21 || $[55] !== t6) {
+		t22 = /* @__PURE__ */ jsxs(DialogPortal, { children: [t6, t21] });
+		$[53] = DialogPortal;
+		$[54] = t21;
+		$[55] = t6;
+		$[56] = t22;
+	} else t22 = $[56];
+	let t23;
+	if ($[57] !== Dialog || $[58] !== handleOpenChange || $[59] !== isOpen || $[60] !== t22) {
+		t23 = /* @__PURE__ */ jsx(Dialog, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children: t22
+		});
+		$[57] = Dialog;
+		$[58] = handleOpenChange;
+		$[59] = isOpen;
+		$[60] = t22;
+		$[61] = t23;
+	} else t23 = $[61];
+	return t23;
+}
+//#endregion
+export { SetNumberingValueDialog };

package/dist/{TablePropertiesDialog-DOUiX1KZ.js → TablePropertiesDialog-DwPiUj4m.js}

@@ -1,5 +1,5 @@
 import { t as __exportAll } from "./rolldown-runtime-BBjsoOtd.js";
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";

package/dist/{TextContextMenu-Ci7-M4oU.js → TextContextMenu-Bqth8itn.js}

@@ -81,6 +81,9 @@ function getActionIcon(action) {
 		case "addComment": return /* @__PURE__ */ jsx(MessageSquarePlus, { size: ICON_SIZE });
 		case "acceptChange":
 		case "rejectChange":
+		case "restartNumbering":
+		case "continueNumbering":
+		case "setNumberingValue":
 		case "separator": return null;
 	}
 }
@@ -302,7 +305,10 @@ const TextContextMenu = ({ isOpen, position, hasSelection, isEditable, hasClipbo
 				case "addColumnRight":
 				case "deleteColumn":
 				case "tableBordersAll":
-				case "tableBordersNone": return false;
+				case "tableBordersNone":
+				case "restartNumbering":
+				case "continueNumbering":
+				case "setNumberingValue": return false;
 			}
 		})();
 		const menuItem = {

package/dist/compat/eigenpal.d.ts

@@ -1,4 +1,4 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-D5OOIQRt.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-BYZY3FVx.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 //#region src/compat/eigenpal.d.ts

package/dist/compat/eigenpal.js

@@ -1,4 +1,4 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-CTnJ1YYt.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-CYQL2X5T.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/{dialogs-CB49Gr8j.js → dialogs-Dzu4hqRp.js}

@@ -1,4 +1,4 @@
-import { r as useFolioUI } from "./folio-ui-BgDDRsUX.js";
+import { r as useFolioUI } from "./folio-ui-DO95voaI.js";
 import { a as DIALOG_LABEL_CLASS, c as DIALOG_SECONDARY_BUTTON_CLASS, i as DIALOG_INPUT_CLASS, l as DIALOG_TITLE_CLASS, n as DIALOG_BODY_CLASS, o as DIALOG_POPUP_CLASS, r as DIALOG_FOOTER_CLASS, s as DIALOG_PRIMARY_BUTTON_CLASS, t as DIALOG_BACKDROP_CLASS, u as useCloseOnDialogOpenChange } from "./dialogChrome-BoGYPgeu.js";
 import { c } from "react-compiler-runtime";
 import { useEffect, useId, useState } from "react";

package/dist/dialogs.js

@@ -1,9 +1,9 @@
-import { t as FindReplaceDialog } from "./FindReplaceDialog-CqKK82nE.js";
-import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-CixRdIiT.js";
-import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-CB49Gr8j.js";
-import { t as ImagePositionDialog } from "./ImagePositionDialog-DNodkoI2.js";
-import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-CLsDIUWb.js";
-import { t as InsertSymbolDialog } from "./InsertSymbolDialog-DCFLmfzn.js";
-import { t as PageSetupDialog } from "./PageSetupDialog-COkgeOQn.js";
-import { t as TablePropertiesDialog } from "./TablePropertiesDialog-DOUiX1KZ.js";
+import { t as FindReplaceDialog } from "./FindReplaceDialog-BUwFQWaq.js";
+import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-6XdO0zBH.js";
+import { a as InsertImageDialog, i as InsertTableDialog, n as SplitCellDialog, o as HyperlinkDialog, r as PasteSpecialDialog, t as WatermarkDialog } from "./dialogs-Dzu4hqRp.js";
+import { t as ImagePositionDialog } from "./ImagePositionDialog-9q71ka9N.js";
+import { t as ImagePropertiesDialog } from "./ImagePropertiesDialog-o79NCGk7.js";
+import { t as InsertSymbolDialog } from "./InsertSymbolDialog-Cn_Nifhg.js";
+import { t as PageSetupDialog } from "./PageSetupDialog-CMdVXCZ-.js";
+import { t as TablePropertiesDialog } from "./TablePropertiesDialog-DwPiUj4m.js";
 export { FindReplaceDialog, FootnotePropertiesDialog, HyperlinkDialog, ImagePositionDialog, ImagePropertiesDialog, InsertImageDialog, InsertSymbolDialog, InsertTableDialog, PageSetupDialog, PasteSpecialDialog, SplitCellDialog, TablePropertiesDialog, WatermarkDialog };