@stll/folio-react 0.5.0 → 0.6.0

package/dist/{renderAsync-B4SrVWHb.js → renderAsync-CwHTsxBN.js}

@@ -1,6 +1,7 @@
+import { a as FolioUIProvider, i as DEFAULT_COMPONENTS, n as findInDocument, o as useFolioUI, r as scrollToMatch, s as cn, t as useFindReplace$1 } from "./useFindReplace-BPBpMWS9.js";
 import { t as messages_exports } from "./messages.js";
 import * as React$1 from "react";
-import React, { Component, Suspense, cloneElement, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import React, { Component, Suspense, cloneElement, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { AlertCircleIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BaselineIcon, BoldIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardCopyIcon, EyeIcon, FileIcon, GlobeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfoIcon, ItalicIcon, LinkIcon, ListIcon, ListOrderedIcon, MoreHorizontalIcon, PaintbrushIcon, PenLineIcon, PencilIcon, PilcrowIcon, Redo2Icon, RulerIcon, SeparatorHorizontalIcon, SquarePenIcon, StickyNoteIcon, TableIcon, TableOfContentsIcon, TypeIcon, UnderlineIcon, Undo2Icon, UnlinkIcon, XIcon } from "lucide-react";
 import { IntlProvider, useTranslations } from "use-intl";
 import { applyFolioAIEditOperations, createFolioAIEditSnapshot, getCommentAnchorsFromDoc, getTrackedChangesFromDoc } from "@stll/folio-core/ai-edits";
@@ -74,12 +75,6 @@ import { expectFontFamilyMarkAttrs, expectImageAttrs, expectTableAttrs, expectTa
 import { extractEmbeddedFonts } from "@stll/folio-core/fonts/embeddedFonts";
 import { panic } from "better-result";
 import { collectRemoteSelections, createHiddenEditorManager, createHiddenEditorState } from "@stll/folio-core/controller/hiddenEditorManager";
-import { Checkbox } from "@base-ui/react/checkbox";
-import { Popover } from "@base-ui/react/popover";
-import { Dialog } from "@base-ui/react/dialog";
-import { Input } from "@base-ui/react/input";
-import { Menu } from "@base-ui/react/menu";
-import { Select } from "@base-ui/react/select";
 import { createFolioAIEditSnapshot as createFolioAIEditSnapshot$1 } from "@stll/folio-core/ai-edits/snapshot";
 import { getFolioParaIdFromBlockId, getSequentialFolioBlockIdIndex } from "@stll/folio-core/types/block-id";
 import { CONTENT_CONTROL_WIDGET_EVENT_NAME, dispatchDatePick, dispatchDropdownPick } from "@stll/folio-core/prosemirror/plugins/contentControlWidgets";
@@ -2297,15 +2292,17 @@ function renderHeaderFooterContentByRId(source, hfPMs, contentWidth, metrics, op
 function getSectionHeaderFooterRefs(documentModel) {
 	const body = documentModel?.package.document;
 	if (!body) return;
+	const documentEvenAndOddHeaders = documentModel.package.settings?.evenAndOddHeaders === true;
 	const sections = body.sections;
-	if (sections && sections.length > 0) return sections.map((section) => getHeaderFooterRefsFromSectionProperties(section.properties));
+	if (sections && sections.length > 0) return sections.map((section) => getHeaderFooterRefsFromSectionProperties(section.properties, documentEvenAndOddHeaders));
 	const finalProps = body.finalSectionProperties;
 	if (!finalProps) return;
-	return [getHeaderFooterRefsFromSectionProperties(finalProps)];
+	return [getHeaderFooterRefsFromSectionProperties(finalProps, documentEvenAndOddHeaders)];
 }
-function getHeaderFooterRefsFromSectionProperties(props) {
+function getHeaderFooterRefsFromSectionProperties(props, documentEvenAndOddHeaders) {
 	const refs = {};
 	if (props.titlePg !== void 0) refs.titlePg = props.titlePg;
+	refs.evenAndOddHeaders = props.evenAndOddHeaders ?? documentEvenAndOddHeaders;
 	for (const ref of props.headerReferences ?? []) if (ref.type === "default") refs.headerDefault = ref.rId;
 	else if (ref.type === "first") refs.headerFirst = ref.rId;
 	else refs.headerEven = ref.rId;
@@ -6108,487 +6105,6 @@ function generateVerticalTicks(pageHeightTwips, zoom, unit) {
 	return ticks;
 }
 //#endregion
-//#region src/lib/utils.ts
-/** Merge class names, filtering out falsy values. */
-function cn(...inputs) {
-	return inputs.filter(Boolean).join(" ");
-}
-//#endregion
-//#region src/ui/defaults/button.tsx
-/**
-* Built-in, dependency-free Button used when a consumer does not inject one.
-*
-* Renders a native, accessible `<button>` honoring the `FolioButtonProps`
-* subset. The minimal default styling lives in `editor.css`
-* (`.folio-default-button*` classes, keyed off folio's `--doc-*` variables with
-* safe fallbacks) rather than inline styles, so a caller's `className` can
-* override the defaults through the normal cascade. Consumers that want
-* polished chrome inject their own design-system Button via `DocxEditor`'s
-* `components` prop.
-*/
-function DefaultButton({ variant = "default", size = "sm", className, children, ...props }) {
-	return /* @__PURE__ */ jsx("button", {
-		type: "button",
-		className: cn("folio-default-button", `folio-default-button--${variant}`, `folio-default-button--${size}`, className),
-		...props,
-		children
-	});
-}
-//#endregion
-//#region src/ui/defaults/checkbox.tsx
-/**
-* Built-in, dependency-light Checkbox used when a consumer does not inject one.
-* Wraps `@base-ui/react`'s accessible Checkbox primitive with a minimal check
-* indicator; consumers inject their own design-system Checkbox for full polish.
-*/
-function DefaultCheckbox({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Checkbox.Root, {
-		className: cn("folio-default-checkbox", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
-			className: "folio-default-checkbox-indicator",
-			children: /* @__PURE__ */ jsx("svg", {
-				"aria-hidden": "true",
-				fill: "none",
-				height: "14",
-				stroke: "currentColor",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: "3",
-				viewBox: "0 0 24 24",
-				width: "14",
-				xmlns: "http://www.w3.org/2000/svg",
-				children: /* @__PURE__ */ jsx("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
-			})
-		})
-	});
-}
-//#endregion
-//#region src/ui/defaults/color-picker.tsx
-/**
-* Built-in, dependency-light ColorPicker used when a consumer does not inject
-* one. Wraps `@base-ui/react`'s Popover primitive (focus management,
-* portalling, collision-aware positioning) and renders the `presets` as a row
-* of swatch buttons plus a native `<input type="color">` for a custom color.
-* `onSelect` emits a preset value or a 6-char uppercase hex (no `#`), matching
-* the design-system ColorPicker contract. Consumers inject a polished picker
-* via `DocxEditor`'s `components` prop.
-*/
-const swatchColor = (preset) => preset.color ?? `#${preset.value}`;
-const normalizeHex = (hex) => hex.replace(/^#/u, "").toUpperCase();
-const EMPTY_PRESETS = [];
-function DefaultColorPicker({ value, onSelect, onClear, presets = EMPTY_PRESETS, columns = 8, children }) {
-	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(Popover.Trigger, {
-		nativeButton: false,
-		render: /* @__PURE__ */ jsx("div", { className: "folio-default-color-picker-trigger" }),
-		children
-	}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
-		align: "start",
-		className: "folio-default-popover-positioner folio-root",
-		side: "bottom",
-		sideOffset: 4,
-		children: /* @__PURE__ */ jsxs(Popover.Popup, {
-			className: "folio-default-color-picker-popup",
-			children: [
-				onClear && /* @__PURE__ */ jsx(Popover.Close, {
-					className: "folio-default-color-picker-clear",
-					onClick: onClear,
-					children: "No color"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "folio-default-color-picker-swatches",
-					style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
-					children: presets.map((preset) => /* @__PURE__ */ jsx(Popover.Close, {
-						"aria-label": preset.label,
-						className: cn("folio-default-color-picker-swatch", value === preset.value && "folio-default-color-picker-swatch--selected"),
-						onClick: () => onSelect?.(preset.value),
-						style: { backgroundColor: swatchColor(preset) },
-						title: preset.label
-					}, preset.value))
-				}),
-				/* @__PURE__ */ jsxs("label", {
-					className: "folio-default-color-picker-custom",
-					children: ["Custom", /* @__PURE__ */ jsx("input", {
-						"aria-label": "Custom color",
-						onChange: (event) => onSelect?.(normalizeHex(event.target.value)),
-						type: "color",
-						value: value ? `#${normalizeHex(value)}` : "#000000"
-					})]
-				})
-			]
-		})
-	}) })] });
-}
-//#endregion
-//#region src/ui/defaults/date-picker-popover.tsx
-/**
-* Built-in, dependency-light DatePickerPopover used when a consumer does not
-* inject one. Renders a native `<input type="date">` whose value is an ISO
-* `yyyy-mm-dd` string; `onChange` emits that string (or `null` when cleared),
-* matching the design-system picker contract. Consumers inject a polished
-* calendar via `DocxEditor`'s `components` prop.
-*/
-const toISODate = (value) => {
-	if (value === null) return "";
-	if (value instanceof Date) return `${value.getFullYear().toString().padStart(4, "0")}-${(value.getMonth() + 1).toString().padStart(2, "0")}-${value.getDate().toString().padStart(2, "0")}`;
-	return value.length >= 10 ? value.slice(0, 10) : value;
-};
-function DefaultDatePickerPopover({ value, onChange, defaultOpen = false }) {
-	return /* @__PURE__ */ jsx("input", {
-		autoFocus: defaultOpen,
-		className: "folio-default-date-input",
-		onChange: (event) => onChange(event.target.value || null),
-		type: "date",
-		value: toISODate(value)
-	});
-}
-//#endregion
-//#region src/ui/defaults/dialog.tsx
-/**
-* Built-in, dependency-light Dialog parts used when a consumer does not inject
-* its own. Each part wraps the matching `@base-ui/react` primitive — the same
-* accessible primitive the app design system wraps — with minimal styling.
-* Folio's chrome positions the popup itself via `className`, so the default
-* popup is a bare portalled surface (no viewport grid); consumers inject a
-* polished Dialog through `DocxEditor`'s `components` prop.
-*/
-function DefaultDialogRoot(props) {
-	return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
-}
-function DefaultDialogPortal({ children, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Portal, {
-		...props,
-		children: /* @__PURE__ */ jsx("div", {
-			className: "folio-root",
-			style: { display: "contents" },
-			children
-		})
-	});
-}
-function DefaultDialogBackdrop({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
-		className: cn("folio-default-dialog-backdrop", className),
-		...props
-	});
-}
-function DefaultDialogPopup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Popup, {
-		className: cn("folio-default-dialog-popup", className),
-		...props
-	});
-}
-function DefaultDialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Title, {
-		className: cn("folio-default-dialog-title", className),
-		...props
-	});
-}
-function DefaultDialogClose({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Dialog.Close, {
-		className: cn("folio-default-dialog-close", className),
-		...props
-	});
-}
-const DefaultDialog = {
-	Root: DefaultDialogRoot,
-	Portal: DefaultDialogPortal,
-	Backdrop: DefaultDialogBackdrop,
-	Popup: DefaultDialogPopup,
-	Title: DefaultDialogTitle,
-	Close: DefaultDialogClose
-};
-//#endregion
-//#region src/ui/defaults/input.tsx
-/**
-* Built-in, dependency-light Input used when a consumer does not inject one.
-*
-* Wraps `@base-ui/react`'s Input primitive, honoring the `nativeInput` escape
-* hatch (render a plain `<input>` when the caller needs uncontrolled native
-* behavior) and folio's `size` shorthand. Styling is intentionally minimal;
-* consumers inject their own design-system Input for full polish.
-*/
-function DefaultInput({ className, size = "default", nativeInput = false, ...props }) {
-	const inputClassName = cn("folio-default-input", className);
-	const numericSize = typeof size === "number" ? size : void 0;
-	if (nativeInput) return /* @__PURE__ */ jsx("input", {
-		className: inputClassName,
-		"data-size": typeof size === "string" ? size : void 0,
-		size: numericSize,
-		...props
-	});
-	return /* @__PURE__ */ jsx(Input, {
-		className: inputClassName,
-		"data-size": typeof size === "string" ? size : void 0,
-		size: numericSize,
-		...props
-	});
-}
-//#endregion
-//#region src/ui/defaults/menu.tsx
-/**
-* Built-in, dependency-light Menu parts used when a consumer does not inject
-* its own. Each part wraps the matching `@base-ui/react` primitive (real
-* keyboard navigation, portalling, collision-aware positioning) with minimal
-* styling. Consumers inject a polished Menu via `DocxEditor`'s `components`
-* prop.
-*/
-function DefaultMenuRoot(props) {
-	return /* @__PURE__ */ jsx(Menu.Root, { ...props });
-}
-function DefaultMenuTrigger({ nativeButton = true, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		nativeButton,
-		...props
-	});
-}
-function DefaultMenuPopup({ className, children, align = "center", side = "bottom", sideOffset = 4, alignOffset, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		align,
-		alignOffset,
-		className: "folio-default-menu-positioner folio-root",
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Menu.Popup, {
-			className: cn("folio-default-menu-popup", className),
-			...props,
-			children
-		})
-	}) });
-}
-function DefaultMenuItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Item, {
-		className: cn("folio-default-menu-item", className),
-		...props
-	});
-}
-function DefaultMenuCheckboxItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		className: cn("folio-default-menu-checkbox-item", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, {
-			className: "folio-default-menu-checkbox-indicator",
-			children: /* @__PURE__ */ jsx("svg", {
-				"aria-hidden": "true",
-				fill: "none",
-				height: "14",
-				stroke: "currentColor",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: "3",
-				viewBox: "0 0 24 24",
-				width: "14",
-				xmlns: "http://www.w3.org/2000/svg",
-				children: /* @__PURE__ */ jsx("path", { d: "M5.252 12.7 10.2 18.63 18.748 5.37" })
-			})
-		}), /* @__PURE__ */ jsx("span", { children })]
-	});
-}
-function DefaultMenuGroup(props) {
-	return /* @__PURE__ */ jsx(Menu.Group, { ...props });
-}
-function DefaultMenuGroupLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		className: cn("folio-default-menu-group-label", className),
-		...props
-	});
-}
-function DefaultMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Separator, {
-		className: cn("folio-default-menu-separator", className),
-		...props
-	});
-}
-const DefaultMenu = {
-	Root: DefaultMenuRoot,
-	Trigger: DefaultMenuTrigger,
-	Popup: DefaultMenuPopup,
-	Item: DefaultMenuItem,
-	CheckboxItem: DefaultMenuCheckboxItem,
-	Group: DefaultMenuGroup,
-	GroupLabel: DefaultMenuGroupLabel,
-	Separator: DefaultMenuSeparator
-};
-//#endregion
-//#region src/ui/defaults/outline-rail.tsx
-/**
-* Built-in, dependency-light OutlineRail used when a consumer does not inject
-* one. Renders the outline as a plain semantic `<nav>` list of clickable
-* entries indented by level; clicking an entry calls `onJump` with the resolved
-* scroll container. Consumers inject the polished tick-rail + hover panel via
-* `DocxEditor`'s `components` prop.
-*/
-function DefaultOutlineRail({ items, scrollContainerRef, onJump, activeId, topOffset = 0, panelWidth = 300, ariaLabel = "Outline" }) {
-	if (items.length < 2) return null;
-	return /* @__PURE__ */ jsx("nav", {
-		"aria-label": ariaLabel,
-		className: "folio-default-outline-rail",
-		style: {
-			top: topOffset,
-			width: panelWidth
-		},
-		children: /* @__PURE__ */ jsx("ul", {
-			className: "folio-default-outline-list",
-			children: items.map((item) => {
-				const isActive = item.id === activeId;
-				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", {
-					"aria-current": isActive ? "true" : void 0,
-					className: cn("folio-default-outline-item", isActive && "folio-default-outline-item--active"),
-					onClick: () => {
-						const container = scrollContainerRef.current;
-						if (container) onJump(item.id, container);
-					},
-					style: { paddingInlineStart: `${item.level * 12 + 8}px` },
-					title: item.label,
-					type: "button",
-					children: item.label
-				}) }, item.id);
-			})
-		})
-	});
-}
-//#endregion
-//#region src/ui/defaults/popover.tsx
-/**
-* Built-in, dependency-light Popover parts used when a consumer does not inject
-* its own. Each part wraps the matching `@base-ui/react` primitive (real focus
-* management, portalling, and collision-aware positioning) with minimal
-* styling. Consumers inject a polished Popover via `DocxEditor`'s `components`
-* prop.
-*/
-function DefaultPopoverRoot(props) {
-	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
-}
-function DefaultPopoverTrigger(props) {
-	return /* @__PURE__ */ jsx(Popover.Trigger, { ...props });
-}
-function DefaultPopoverPopup({ className, children, side = "bottom", align = "center", sideOffset = 4, alignOffset = 0, ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, {
-		align,
-		alignOffset,
-		className: "folio-default-popover-positioner folio-root",
-		side,
-		sideOffset,
-		children: /* @__PURE__ */ jsx(Popover.Popup, {
-			className: cn("folio-default-popover-popup", className),
-			...props,
-			children
-		})
-	}) });
-}
-function DefaultPopoverClose(props) {
-	return /* @__PURE__ */ jsx(Popover.Close, { ...props });
-}
-const DefaultPopover = {
-	Root: DefaultPopoverRoot,
-	Trigger: DefaultPopoverTrigger,
-	Popup: DefaultPopoverPopup,
-	Close: DefaultPopoverClose
-};
-//#endregion
-//#region src/ui/defaults/select.tsx
-/**
-* Built-in, dependency-light Select parts used when a consumer does not inject
-* its own. Each part wraps the matching `@base-ui/react` primitive (real
-* listbox semantics, keyboard navigation, portalled positioning) with minimal
-* styling. The default popup omits the scroll arrows and item-aligned
-* positioning of a fully styled design-system Select; consumers inject their
-* own Select via `DocxEditor`'s `components` prop for that polish.
-*/
-function DefaultSelectRoot(props) {
-	return /* @__PURE__ */ jsx(Select.Root, { ...props });
-}
-function DefaultSelectTrigger({ className, children, size, ...props }) {
-	return /* @__PURE__ */ jsxs(Select.Trigger, {
-		className: cn("folio-default-select-trigger", className),
-		"data-size": size,
-		...props,
-		children: [children, /* @__PURE__ */ jsx(Select.Icon, {
-			className: "folio-default-select-icon",
-			children: /* @__PURE__ */ jsx("svg", {
-				"aria-hidden": "true",
-				fill: "none",
-				height: "16",
-				stroke: "currentColor",
-				strokeLinecap: "round",
-				strokeLinejoin: "round",
-				strokeWidth: "2",
-				viewBox: "0 0 24 24",
-				width: "16",
-				xmlns: "http://www.w3.org/2000/svg",
-				children: /* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })
-			})
-		})]
-	});
-}
-function DefaultSelectValue({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Value, {
-		className: cn("folio-default-select-value", className),
-		...props
-	});
-}
-function DefaultSelectPopup({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, {
-		align: "start",
-		className: "folio-default-select-positioner folio-root",
-		side: "bottom",
-		sideOffset: 4,
-		children: /* @__PURE__ */ jsx(Select.Popup, {
-			className: cn("folio-default-select-popup", className),
-			...props,
-			children: /* @__PURE__ */ jsx(Select.List, { children })
-		})
-	}) });
-}
-function DefaultSelectItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsx(Select.Item, {
-		className: cn("folio-default-select-item", className),
-		...props,
-		children: /* @__PURE__ */ jsx(Select.ItemText, { children })
-	});
-}
-//#endregion
-//#region src/ui/folio-ui.tsx
-const DEFAULT_COMPONENTS = {
-	Button: DefaultButton,
-	Dialog: DefaultDialog,
-	Select: {
-		Root: DefaultSelectRoot,
-		Trigger: DefaultSelectTrigger,
-		Value: DefaultSelectValue,
-		Popup: DefaultSelectPopup,
-		Item: DefaultSelectItem
-	},
-	Menu: DefaultMenu,
-	Popover: DefaultPopover,
-	Input: DefaultInput,
-	Checkbox: DefaultCheckbox,
-	ColorPicker: DefaultColorPicker,
-	DatePickerPopover: DefaultDatePickerPopover,
-	OutlineRail: DefaultOutlineRail
-};
-const FolioUIContext = createContext(DEFAULT_COMPONENTS);
-/**
-* Merge a consumer's partial overrides over the built-in defaults: every key is
-* present (defaults fill the gaps), and each provided override wins. Pure, so
-* the resolution contract is unit-tested independently of React.
-*/
-function resolveFolioComponents(components) {
-	return components ? {
-		...DEFAULT_COMPONENTS,
-		...components
-	} : DEFAULT_COMPONENTS;
-}
-function FolioUIProvider({ components, children }) {
-	const value = resolveFolioComponents(components);
-	return /* @__PURE__ */ jsx(FolioUIContext.Provider, {
-		value,
-		children
-	});
-}
-function useFolioUI() {
-	return useContext(FolioUIContext);
-}
-//#endregion
 //#region src/components/aiEditRange.ts
 const resolveFolioAIBlockRange = ({ blockId, doc, snapshot }) => {
 	const paraId = getFolioParaIdFromBlockId(blockId);
@@ -6986,357 +6502,6 @@ function ContentControlWidgetsOverlay({ getEditorView }) {
 	}), document.body);
 }
 //#endregion
-//#region src/components/dialogs/findReplaceUtils.ts
-/**
-* Find & Replace Utility Functions
-*
-* Pure utility functions for text search, pattern matching, and document search.
-* Extracted from FindReplaceDialog.tsx.
-*/
-/**
-* Create default find options
-*/
-function createDefaultFindOptions() {
-	return {
-		matchCase: false,
-		matchWholeWord: false,
-		useRegex: false
-	};
-}
-/**
-* Find all matches of search text in content
-*/
-function findAllMatches(content, searchText, options) {
-	if (!content || !searchText) return [];
-	const matches = [];
-	let searchFor = searchText;
-	if (!options.matchCase) searchFor = searchText.toLowerCase();
-	const escapeRegex = (str) => str.replace(/[.*+?^${}()|[\]\\]/gu, "\\$&");
-	let pattern;
-	if (options.matchWholeWord) pattern = `\\b${escapeRegex(searchFor)}\\b`;
-	else pattern = escapeRegex(searchFor);
-	const flags = options.matchCase ? "g" : "gi";
-	const regex = new RegExp(pattern, flags);
-	let match;
-	while ((match = regex.exec(content)) !== null) {
-		matches.push({
-			start: match.index,
-			end: match.index + match[0].length
-		});
-		if (match[0].length === 0) regex.lastIndex++;
-	}
-	return matches;
-}
-/**
-* Get plain text from a run
-*/
-function getRunText(run) {
-	let text = "";
-	for (const item of run.content) if (item.type === "text") text += item.text;
-	else if (item.type === "tab") text += "	";
-	else if (item.type === "break" && item.breakType === "textWrapping") text += "\n";
-	return text;
-}
-function getHyperlinkText(hyperlink) {
-	let text = "";
-	for (const child of hyperlink.children) if (child.type === "run") text += getRunText(child);
-	return text;
-}
-function getParagraphContentText(content) {
-	if (content.type === "run") return getRunText(content);
-	if (content.type === "hyperlink") return getHyperlinkText(content);
-	if (content.type === "inlineSdt") {
-		let text = "";
-		for (const child of content.content) text += getParagraphContentText(child);
-		return text;
-	}
-	if (content.type === "simpleField") {
-		let text = "";
-		for (const child of content.content) {
-			if (child.type === "run") {
-				text += getRunText(child);
-				continue;
-			}
-			text += getHyperlinkText(child);
-		}
-		return text;
-	}
-	if (content.type === "complexField") {
-		let text = "";
-		for (const run of content.fieldResult) text += getRunText(run);
-		return text;
-	}
-	return "";
-}
-/**
-* Get plain text from a paragraph
-*/
-function getParagraphPlainText(paragraph) {
-	let text = "";
-	for (const item of paragraph.content) text += getParagraphContentText(item);
-	return text;
-}
-/**
-* Find all matches in a document
-*/
-function findInDocument(document, searchText, options) {
-	if (!document || !searchText) return [];
-	const matches = [];
-	const body = document.package.document;
-	if (!isDocumentBody(body)) return matches;
-	forEachParagraph(body.content, (block, paragraphIndex) => {
-		const paragraphMatches = findInParagraph(block, searchText, options, paragraphIndex);
-		matches.push(...paragraphMatches);
-	});
-	return matches;
-}
-function forEachParagraph(blocks, visit) {
-	let paragraphIndex = 0;
-	const walkBlocks = (items) => {
-		for (const block of items) {
-			if (isParagraph(block)) {
-				visit(block, paragraphIndex);
-				paragraphIndex++;
-				continue;
-			}
-			if (isTable(block)) {
-				walkTable(block);
-				continue;
-			}
-			if (isBlockSdt(block)) walkBlocks(block.content);
-		}
-	};
-	const walkTable = (table) => {
-		for (const row of table.rows) {
-			if (!isTableRow(row)) continue;
-			for (const cell of row.cells) {
-				if (!isTableCell(cell)) continue;
-				walkBlocks(cell.content);
-			}
-		}
-	};
-	walkBlocks(blocks);
-}
-function isRecord(value) {
-	return typeof value === "object" && value !== null;
-}
-function isDocumentBody(value) {
-	return isRecord(value) && Array.isArray(value["content"]);
-}
-function isParagraph(value) {
-	return isRecord(value) && value["type"] === "paragraph" && Array.isArray(value["content"]);
-}
-function isTable(value) {
-	return isRecord(value) && value["type"] === "table" && Array.isArray(value["rows"]);
-}
-function isTableRow(value) {
-	return isRecord(value) && Array.isArray(value["cells"]);
-}
-function isTableCell(value) {
-	return isRecord(value) && Array.isArray(value["content"]);
-}
-function isBlockSdt(value) {
-	return isRecord(value) && value["type"] === "blockSdt" && Array.isArray(value["content"]);
-}
-/**
-* Find matches in a single paragraph
-*/
-function findInParagraph(paragraph, searchText, options, paragraphIndex) {
-	const matches = [];
-	const paragraphText = getParagraphPlainText(paragraph);
-	if (!paragraphText) return matches;
-	const textMatches = findAllMatches(paragraphText, searchText, options);
-	for (const match of textMatches) {
-		const contentInfo = findContentAtOffset(paragraph, match.start);
-		matches.push({
-			paragraphIndex,
-			contentIndex: contentInfo.contentIndex,
-			startOffset: match.start,
-			endOffset: match.end,
-			text: paragraphText.slice(match.start, match.end)
-		});
-	}
-	return matches;
-}
-/**
-* Find the content (run) at a specific character offset in a paragraph
-*/
-function findContentAtOffset(paragraph, offset) {
-	let currentOffset = 0;
-	let contentIndex = 0;
-	for (const item of paragraph.content) {
-		const itemLength = getParagraphContentText(item).length;
-		if (currentOffset + itemLength > offset) return {
-			contentIndex,
-			runIndex: contentIndex,
-			offsetInContent: offset - currentOffset
-		};
-		currentOffset += itemLength;
-		contentIndex++;
-	}
-	return {
-		contentIndex: Math.max(0, paragraph.content.length - 1),
-		runIndex: Math.max(0, paragraph.content.length - 1),
-		offsetInContent: 0
-	};
-}
-/**
-* Scroll to a match in the document
-*/
-function scrollToMatch(containerElement, match) {
-	if (!containerElement) return;
-	(containerElement.querySelector(`[data-paragraph-index="${match.paragraphIndex}"]`) ?? containerElement.querySelector(`.layout-paragraph[data-block-id="block-${match.paragraphIndex + 1}"]`) ?? containerElement.querySelectorAll(".layout-paragraph").item(match.paragraphIndex)).scrollIntoView({
-		behavior: prefersReducedMotionBehavior(),
-		block: "center"
-	});
-}
-//#endregion
-//#region src/components/dialogs/useFindReplace.ts
-/**
-* useFindReplace Hook
-*
-* React hook for managing find/replace dialog state.
-* Extracted from FindReplaceDialog.tsx.
-*/
-/**
-* Hook for managing find/replace dialog state
-*/
-function useFindReplace$1(hookOptions) {
-	const [state, setState] = useState({
-		...closedDialogState(hookOptions?.initialReplaceMode ? "replace" : "find"),
-		searchText: "",
-		replaceText: "",
-		options: createDefaultFindOptions(),
-		matches: [],
-		currentIndex: 0
-	});
-	return {
-		state,
-		openFind: useCallback((selectedText) => {
-			setState((prev) => ({
-				...prev,
-				...openDialogState("find"),
-				searchText: selectedText || prev.searchText,
-				matches: [],
-				currentIndex: 0
-			}));
-		}, []),
-		openReplace: useCallback((selectedText) => {
-			setState((prev) => ({
-				...prev,
-				...openDialogState("replace"),
-				searchText: selectedText || prev.searchText,
-				matches: [],
-				currentIndex: 0
-			}));
-		}, []),
-		close: useCallback(() => {
-			setState((prev) => ({
-				...prev,
-				...closedDialogState(prev.lastMode)
-			}));
-		}, []),
-		toggle: useCallback(() => {
-			setState((prev) => ({
-				...prev,
-				...prev.dialog.status === "closed" ? openDialogState(prev.lastMode) : closedDialogState(prev.lastMode)
-			}));
-		}, []),
-		setSearchText: useCallback((text) => {
-			setState((prev) => ({
-				...prev,
-				searchText: text
-			}));
-		}, []),
-		setReplaceText: useCallback((text) => {
-			setState((prev) => ({
-				...prev,
-				replaceText: text
-			}));
-		}, []),
-		setOptions: useCallback((options) => {
-			setState((prev) => ({
-				...prev,
-				options: {
-					...prev.options,
-					...options
-				}
-			}));
-		}, []),
-		setMatches: useCallback((matches, currentIndex = 0) => {
-			const newIndex = Math.max(0, Math.min(currentIndex, matches.length - 1));
-			setState((prev) => ({
-				...prev,
-				matches,
-				currentIndex: matches.length > 0 ? newIndex : 0
-			}));
-			hookOptions?.onMatchesChange?.(matches);
-			if (matches.length > 0) hookOptions?.onCurrentMatchChange?.(matches[newIndex] ?? null, newIndex);
-			else hookOptions?.onCurrentMatchChange?.(null, -1);
-		}, [hookOptions]),
-		goToNextMatch: useCallback(() => {
-			let newIndex = 0;
-			setState((prev) => {
-				if (prev.matches.length === 0) return prev;
-				newIndex = (prev.currentIndex + 1) % prev.matches.length;
-				return {
-					...prev,
-					currentIndex: newIndex
-				};
-			});
-			return newIndex;
-		}, []),
-		goToPreviousMatch: useCallback(() => {
-			let newIndex = 0;
-			setState((prev) => {
-				if (prev.matches.length === 0) return prev;
-				newIndex = prev.currentIndex === 0 ? prev.matches.length - 1 : prev.currentIndex - 1;
-				return {
-					...prev,
-					currentIndex: newIndex
-				};
-			});
-			return newIndex;
-		}, []),
-		goToMatch: useCallback((index) => {
-			setState((prev) => {
-				if (prev.matches.length === 0 || index < 0 || index >= prev.matches.length) return prev;
-				return {
-					...prev,
-					currentIndex: index
-				};
-			});
-		}, []),
-		getCurrentMatch: useCallback(() => {
-			if (state.matches.length === 0) return null;
-			return state.matches[state.currentIndex] || null;
-		}, [state.matches, state.currentIndex]),
-		hasMatches: useCallback(() => state.matches.length > 0, [state.matches.length])
-	};
-}
-function closedDialogState(mode) {
-	return {
-		dialog: { status: "closed" },
-		lastMode: mode
-	};
-}
-function openDialogState(mode) {
-	if (mode === "replace") return {
-		dialog: {
-			status: "open",
-			mode: "replace"
-		},
-		lastMode: "replace"
-	};
-	return {
-		dialog: {
-			status: "open",
-			mode: "find"
-		},
-		lastMode: "find"
-	};
-}
-//#endregion
 //#region src/components/DocumentOutline.tsx
 const DocumentOutline = ({ headings, scrollContainerRef, topOffset, docSize, onHeadingClick }) => {
 	const OutlineRail = useFolioUI().OutlineRail;
@@ -7417,12 +6582,12 @@ const DocumentOutline = ({ headings, scrollContainerRef, topOffset, docSize, onH
 };
 //#endregion
 //#region src/components/DocxEditorDialogs.tsx
-const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-By2OhOPu.js").then((m) => ({ default: m.FindReplaceDialog })));
-const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-Ci6h1tk2.js").then((m) => ({ default: m.TablePropertiesDialog })));
-const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-B_md0l56.js").then((m) => ({ default: m.ImagePositionDialog })));
-const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-UcGv8qr3.js").then((m) => ({ default: m.ImagePropertiesDialog })));
-const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-CoPGKND_.js").then((m) => ({ default: m.FootnotePropertiesDialog })));
-const PageSetupDialog = lazy(() => import("./PageSetupDialog-Ba7bs6m3.js").then((m) => ({ default: m.PageSetupDialog })));
+const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-DLdBekSR.js").then((n) => n.n).then((m) => ({ default: m.FindReplaceDialog })));
+const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-Dw8gvL78.js").then((n) => n.n).then((m) => ({ default: m.TablePropertiesDialog })));
+const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-BMuO9rLT.js").then((n) => n.n).then((m) => ({ default: m.ImagePositionDialog })));
+const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-C8iEgdmN.js").then((n) => n.n).then((m) => ({ default: m.ImagePropertiesDialog })));
+const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-CUjq9c6H.js").then((n) => n.n).then((m) => ({ default: m.FootnotePropertiesDialog })));
+const PageSetupDialog = lazy(() => import("./PageSetupDialog-BKsSMCGb.js").then((n) => n.n).then((m) => ({ default: m.PageSetupDialog })));
 function DocxEditorDialogs({ findReplace, tableProperties, imagePosition, imageProperties, pageSetup, footnoteProperties }) {
 	return /* @__PURE__ */ jsxs(Suspense, {
 		fallback: null,
@@ -9115,7 +8280,7 @@ function useContextMenu({ pagedEditorRef }) {
 * effects that drive a load, the original buffer ref, and re-binding the host
 * callbacks each render.
 */
-const useDocumentLoader = ({ documentBuffer, initialDocument, history, onError, onCompatibilityChange, onReset, setDocumentLoadState }) => {
+const useDocumentLoader = ({ documentBuffer, initialDocument, password, history, onError, onCompatibilityChange, onReset, setDocumentLoadState }) => {
 	/** Original DOCX buffer kept for selective save / full repack. */
 	const originalBufferRef = useRef(null);
 	const [{ manager, api }] = useState(() => {
@@ -9152,15 +8317,20 @@ const useDocumentLoader = ({ documentBuffer, initialDocument, history, onError,
 			api.loadParsedDocument(source.document);
 			return;
 		}
-		api.loadBuffer(source.buffer);
+		api.loadBuffer(source.buffer, { password });
 	}, [
 		documentBuffer,
 		initialDocument,
+		password,
 		api
 	]);
 	useEffect(() => {
-		if (documentBuffer) originalBufferRef.current = documentBuffer instanceof ArrayBuffer ? documentBuffer : null;
-	}, [documentBuffer]);
+		if (history.state?.originalBuffer) {
+			originalBufferRef.current = history.state.originalBuffer;
+			return;
+		}
+		if (documentBuffer instanceof ArrayBuffer) originalBufferRef.current = documentBuffer;
+	}, [history.state, documentBuffer]);
 	return {
 		loadBuffer: api.loadBuffer,
 		loadParsedDocument: api.loadParsedDocument,
@@ -10958,7 +10128,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-BMD21hiD.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-_utmEkA9.js").then((m) => ({ default: m.CommentsSidebar })));
 const TextContextMenu = lazy(() => import("./TextContextMenu-CG0V37wi.js").then((m) => ({ default: m.TextContextMenu })));
 const loadAttemptSelectiveSave = async () => {
 	const { attemptSelectiveSave } = await import("@stll/folio-core/docx/selectiveSave");
@@ -11038,7 +10208,7 @@ function areActiveTrackedChangesEqual(a, b) {
 /**
 * DocxEditor - Complete DOCX editor component
 */
-const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, document: initialDocument, documentKey, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, showMarginGuides: _showMarginGuides = false, marginGuideColor: _marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, readOnly: readOnlyProp = false, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy: _onCopy, onCut: _onCut, onPaste: _onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, featureFlags, onSelectiveSaveTripwire }, ref) {
+const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, document: initialDocument, documentKey, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, showMarginGuides: _showMarginGuides = false, marginGuideColor: _marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, readOnly: readOnlyProp = false, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy: _onCopy, onCut: _onCut, onPaste: _onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, featureFlags, onSelectiveSaveTripwire }, ref) {
 	const t = useTranslations("folio");
 	useEffect(() => {
 		const onClipboardReadError = () => {
@@ -11356,6 +10526,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, document: in
 	const { loadBuffer, loadParsedDocument, originalBufferRef } = useDocumentLoader({
 		documentBuffer: documentBuffer ?? null,
 		initialDocument: initialDocument ?? null,
+		password,
 		history,
 		onError,
 		onCompatibilityChange,
@@ -13557,4 +12728,4 @@ const renderAsync = (input, container, options = {}) => {
 	});
 };
 //#endregion
-export { useFolioUI as _, formatZoom as a, FormattingBar as c, createDefaultFindOptions as d, findAllMatches as f, FolioUIProvider as g, scrollToMatch as h, clampZoom as i, ZoomControl as l, findInParagraph as m, DocxEditor as n, parseZoom as o, findInDocument as p, ZOOM_PRESETS as r, useWheelZoom as s, renderAsync as t, useFindReplace$1 as u, AutocompleteCaretOverlay as v, containedHandler as y };
+export { formatZoom as a, FormattingBar as c, containedHandler as d, clampZoom as i, ZoomControl as l, DocxEditor as n, parseZoom as o, ZOOM_PRESETS as r, useWheelZoom as s, renderAsync as t, AutocompleteCaretOverlay as u };