@beyondwork/docx-react-component 1.0.28 → 1.0.29

package/dist/ui-tailwind/index.d.ts

@@ -0,0 +1,617 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode, FocusEventHandler, Ref, KeyboardEvent } from 'react';
+import { g as CommentSidebarSnapshot, X as RuntimeRenderSnapshot, ay as WorkflowScopeSnapshot, ae as TrackedChangesSnapshot, l as CompatibilityPanelSnapshot, B as EditorWarning, i as CommentSidebarThreadSnapshot, ad as TrackedChangeEntrySnapshot, aA as WorkspaceMode, aB as ZoomLevel, aC as FormattingAlignment, a2 as SectionBreakType, aD as InsertImageOptions, a3 as SectionLayoutPatch, a4 as SectionPageNumberingPatch, J as HeaderFooterLinkPatch, z as EditorViewStateSnapshot, aE as FormattingStateSnapshot, a7 as StyleCatalogSnapshot, O as InteractionGuardSnapshot, n as DocumentNavigationSnapshot, ag as WordReviewEditorChromeVisibility, y as EditorUser, a5 as SelectionSnapshot, a8 as SurfaceBlockSnapshot, a9 as SurfaceInlineSegment, ai as WorkflowBlockedCommandReason, v as EditorStoryTarget } from '../public-types-7ZL_94cz.js';
+import '../canonical-document-BLEbzL2J.js';
+
+interface CommentDecorationModel {
+    threads: CommentDecorationThread[];
+    activeCommentId?: string;
+}
+interface CommentDecorationThread {
+    commentId: string;
+    from: number;
+    to: number;
+    status: CommentSidebarSnapshot["threads"][number]["status"];
+    isActive: boolean;
+}
+interface CommentRangeState {
+    hasComments: boolean;
+    hasOpen: boolean;
+    hasResolved: boolean;
+    hasActive: boolean;
+    count: number;
+    overlapping: CommentDecorationThread[];
+}
+declare function createCommentDecorationModel(snapshot?: CommentSidebarSnapshot): CommentDecorationModel | undefined;
+declare function getCommentRangeState(model: CommentDecorationModel | undefined, from: number, to: number): CommentRangeState;
+type MarkupDisplay = "clean" | "simple" | "all";
+declare function getCommentHighlightClass(model: CommentDecorationModel | undefined, from: number, to: number, markupDisplay?: MarkupDisplay): string;
+
+interface SelectionToolbarBadge {
+    label: string;
+    tone?: "neutral" | "accent";
+}
+interface SelectionToolbarModel {
+    previewText: string;
+    badges: SelectionToolbarBadge[];
+    canToggleFormatting: boolean;
+    boldActive: boolean;
+    italicActive: boolean;
+    underlineActive: boolean;
+    canAddComment: boolean;
+    disabledReason?: string;
+}
+interface SuggestionCardModel {
+    revisionId: string;
+    kindLabel: string;
+    previewText: string;
+    badges: SelectionToolbarBadge[];
+    canAccept: boolean;
+    canReject: boolean;
+    canEditSuggestion: boolean;
+    canAddComment: boolean;
+    disabledReason?: string;
+}
+interface SelectionToolbarAnchor {
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+}
+
+/**
+ * Session capabilities derived from the runtime snapshot.
+ *
+ * All fields are computed from `RuntimeRenderSnapshot` — no local component
+ * state. The UI reads these to decide what controls to enable/disable, what
+ * chrome to show, and what mode the editor is in.
+ */
+interface SessionCapabilities {
+    /** Current lifecycle phase of the editor session. */
+    phase: "loading" | "ready" | "diagnostics" | "error";
+    /** Effective editor mode after accounting for runtime state. */
+    mode: "editing" | "review" | "read-only-diagnostics";
+    /** Runtime document mode — editing authority, distinct from view/workspace mode. */
+    documentMode: "editing" | "suggesting" | "viewing";
+    canUndo: boolean;
+    canRedo: boolean;
+    canEdit: boolean;
+    canAddComment: boolean;
+    canExport: boolean;
+    canAcceptChange: boolean;
+    canRejectChange: boolean;
+    canAcceptAll: boolean;
+    canRejectAll: boolean;
+    /** Whether the review rail should be visible by default. */
+    reviewRailVisible: boolean;
+    /** Whether tracked changes exist in the document (display toggle is meaningful). */
+    trackChangesSupported: boolean;
+    exportBlocked: boolean;
+    preserveOnlyCount: number;
+    unsupportedFatalCount: number;
+    /** Whether the source package declares document-level protection. */
+    hasDocumentProtection: boolean;
+    /** Count of permission ranges from the source package. */
+    protectedRangeCount: number;
+    /** Total count of health issues (preserve-only + unsupported-fatal + warnings). */
+    healthIssueCount: number;
+    /** Whether a workflow overlay is currently applied. */
+    workflowOverlayPresent: boolean;
+    /** Whether the current selection is blocked by workflow scope enforcement. */
+    workflowBlocked: boolean;
+    isDirty: boolean;
+    isReady: boolean;
+    hasFatalError: boolean;
+}
+/**
+ * Derive UI capabilities from the runtime snapshot and requested review mode.
+ *
+ * This is a pure function with no side effects. Call it on every render to
+ * get the current capability state.
+ */
+declare function deriveCapabilities(snapshot: RuntimeRenderSnapshot, reviewMode: "editing" | "review", workflowScope?: WorkflowScopeSnapshot | null): SessionCapabilities;
+
+type ReviewRailTab = "comments" | "changes";
+interface TwReviewRailProps {
+    activeTab: ReviewRailTab;
+    currentUserId?: string;
+    comments: CommentSidebarSnapshot;
+    trackedChanges: TrackedChangesSnapshot;
+    compatibility: CompatibilityPanelSnapshot;
+    warnings: EditorWarning[];
+    markupDisplay: MarkupDisplay;
+    activeCommentId?: string;
+    activeRevisionId?: string;
+    onActiveTabChange: (tab: ReviewRailTab) => void;
+    onOpenComment?: (thread: CommentSidebarThreadSnapshot) => void;
+    onResolveComment?: (commentId: string) => void;
+    onReopenComment?: (commentId: string) => void;
+    onAddReply?: (commentId: string, body: string) => void;
+    onEditBody?: (commentId: string, body: string) => void;
+    onOpenRevision?: (revision: TrackedChangeEntrySnapshot) => void;
+    onAcceptRevision?: (revisionId: string) => void;
+    onRejectRevision?: (revisionId: string) => void;
+    onAcceptAllChanges?: () => void;
+    onRejectAllChanges?: () => void;
+}
+declare function TwReviewRail(props: TwReviewRailProps): react_jsx_runtime.JSX.Element;
+
+interface EditorCommandBag {
+    onWorkspaceModeChange(value: WorkspaceMode): void;
+    onZoomChange?(level: ZoomLevel): void;
+    onActiveRailTabChange(value: ReviewRailTab): void;
+    onShowTrackedChangesChange(show: boolean): void;
+    onUndo(): void;
+    onRedo(): void;
+    onSetParagraphStyle?(styleId: string): void;
+    onToggleBold?(): void;
+    onToggleItalic?(): void;
+    onToggleUnderline?(): void;
+    onSetSelectionTextColor?(color: string): void;
+    onSetSelectionHighlightColor?(color: string | null): void;
+    onToggleStrikethrough?(): void;
+    onToggleSuperscript?(): void;
+    onToggleSubscript?(): void;
+    onSetFontFamily?(fontFamily: string): void;
+    onSetFontSize?(fontSize: number): void;
+    onSetTextColor?(color: string): void;
+    onSetHighlightColor?(color: string | null): void;
+    onSetAlignment?(alignment: FormattingAlignment): void;
+    onOutdent?(): void;
+    onIndent?(): void;
+    onAddComment(): void;
+    onInsertPageBreak?(): void;
+    onInsertTable?(): void;
+    onInsertSectionBreak?(type: SectionBreakType): void;
+    onInsertImage?(options: InsertImageOptions): void;
+    onSetTableStyle?(styleId: string): void;
+    onAddRowBefore?(): void;
+    onAddRowAfter?(): void;
+    onAddColumnBefore?(): void;
+    onAddColumnAfter?(): void;
+    onDeleteRow?(): void;
+    onDeleteColumn?(): void;
+    onDeleteTable?(): void;
+    onMergeCells?(): void;
+    onSplitCell?(): void;
+    onSetCellBackground?(color: string): void;
+    onSetImageLayout?(mediaId: string, dimensions: {
+        widthEmu: number;
+        heightEmu: number;
+    }): void;
+    onSetImageFrame?(mediaId: string, offsets: {
+        horizontalOffsetEmu?: number;
+        verticalOffsetEmu?: number;
+    }): void;
+    onDeleteSectionBreak?(sectionIndex: number): void;
+    onUpdateSectionLayout?(sectionIndex: number, patch: SectionLayoutPatch): void;
+    onSetSectionPageNumbering?(sectionIndex: number, patch: SectionPageNumberingPatch | null): void;
+    onSetHeaderFooterLink?(sectionIndex: number, patch: HeaderFooterLinkPatch): void;
+    onExport(): void;
+    onOpenComment(thread: CommentSidebarThreadSnapshot): void;
+    onResolveComment(commentId: string): void;
+    onReopenComment?(commentId: string): void;
+    onAddReply?(commentId: string, body: string): void;
+    onEditBody?(commentId: string, body: string): void;
+    onOpenRevision(revision: TrackedChangeEntrySnapshot): void;
+    onAcceptRevision(revisionId: string): void;
+    onRejectRevision(revisionId: string): void;
+    onAcceptAllChanges(): void;
+    onRejectAllChanges(): void;
+    onCloseStory?(): void;
+    onOpenHeaderStory?(): void;
+    onOpenFooterStory?(): void;
+    onSetParagraphIndentation?(indentation: {
+        left?: number;
+        right?: number;
+        firstLine?: number;
+        hanging?: number;
+    }): void;
+    onSetParagraphTabStops?(tabStops: Array<{
+        pos: number;
+        val?: string;
+        leader?: string;
+    }>): void;
+    onRestartNumbering?(): void;
+    onContinueNumbering?(): void;
+    onNavigateHeading?(headingId: string): void;
+}
+
+interface ActiveImageContext {
+    mediaId: string;
+    display: "inline" | "floating";
+    widthEmu?: number;
+    heightEmu?: number;
+    horizontalOffsetEmu?: number;
+    verticalOffsetEmu?: number;
+}
+
+interface ActiveObjectContext {
+    kind: "textbox" | "shape";
+    display: "inline" | "floating";
+}
+
+type ReviewWorkspaceChromeVisibility = WordReviewEditorChromeVisibility;
+interface TwReviewWorkspaceProps {
+    snapshot: RuntimeRenderSnapshot;
+    viewState: EditorViewStateSnapshot;
+    markupDisplay: MarkupDisplay;
+    currentUserId?: string;
+    capabilities?: SessionCapabilities;
+    reviewMode?: "editing" | "review";
+    document: ReactNode;
+    workspaceMode: WorkspaceMode;
+    zoomLevel?: ZoomLevel;
+    formattingState?: FormattingStateSnapshot;
+    styleCatalog?: StyleCatalogSnapshot;
+    activeRailTab: ReviewRailTab;
+    activeCommentId?: string;
+    activeRevisionId?: string;
+    showTrackedChanges: boolean;
+    workflowScopeSnapshot?: WorkflowScopeSnapshot | null;
+    interactionGuardSnapshot?: InteractionGuardSnapshot;
+    commands: EditorCommandBag;
+    selectionToolbar?: SelectionToolbarModel | null;
+    suggestionCard?: SuggestionCardModel | null;
+    selectionToolbarAnchor?: SelectionToolbarAnchor | null;
+    documentNavigation?: DocumentNavigationSnapshot;
+    onWorkspaceModeChange?: (value: WorkspaceMode) => void;
+    onZoomChange?: (level: ZoomLevel) => void;
+    onActiveRailTabChange?: (value: ReviewRailTab) => void;
+    onShowTrackedChangesChange?: (show: boolean) => void;
+    onUndo?: () => void;
+    onRedo?: () => void;
+    onSetParagraphStyle?: (styleId: string) => void;
+    onToggleBold?: () => void;
+    onToggleItalic?: () => void;
+    onToggleUnderline?: () => void;
+    onSetSelectionTextColor?: (color: string) => void;
+    onSetSelectionHighlightColor?: (color: string | null) => void;
+    onToggleStrikethrough?: () => void;
+    onToggleSuperscript?: () => void;
+    onToggleSubscript?: () => void;
+    onSetFontFamily?: (fontFamily: string) => void;
+    onSetFontSize?: (fontSize: number) => void;
+    onSetTextColor?: (color: string) => void;
+    onSetHighlightColor?: (color: string | null) => void;
+    onSetAlignment?: (alignment: FormattingAlignment) => void;
+    onOutdent?: () => void;
+    onIndent?: () => void;
+    onAddComment?: () => void;
+    onInsertPageBreak?: () => void;
+    onInsertTable?: () => void;
+    onInsertSectionBreak?: (type: SectionBreakType) => void;
+    onInsertImage?: (options: InsertImageOptions) => void;
+    onSetTableStyle?: (styleId: string) => void;
+    onAddRowBefore?: () => void;
+    onAddRowAfter?: () => void;
+    onAddColumnBefore?: () => void;
+    onAddColumnAfter?: () => void;
+    onDeleteRow?: () => void;
+    onDeleteColumn?: () => void;
+    onDeleteTable?: () => void;
+    onMergeCells?: () => void;
+    onSplitCell?: () => void;
+    onSetCellBackground?: (color: string) => void;
+    activeImageContext?: ActiveImageContext | null;
+    activeObjectContext?: ActiveObjectContext | null;
+    onSetImageLayout?: (mediaId: string, dimensions: {
+        widthEmu: number;
+        heightEmu: number;
+    }) => void;
+    onSetImageFrame?: (mediaId: string, offsets: {
+        horizontalOffsetEmu?: number;
+        verticalOffsetEmu?: number;
+    }) => void;
+    onDeleteSectionBreak?: (sectionIndex: number) => void;
+    onUpdateSectionLayout?: (sectionIndex: number, patch: {
+        pageSize?: {
+            width?: number;
+            height?: number;
+            orientation?: "portrait" | "landscape";
+        };
+        pageMargins?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+            header?: number;
+            footer?: number;
+            gutter?: number;
+        };
+        columns?: {
+            count?: number;
+            space?: number;
+            equalWidth?: boolean;
+            columns?: Array<{
+                width: number;
+                space?: number;
+            }>;
+            separator?: boolean;
+        };
+        titlePage?: boolean;
+        sectionType?: SectionBreakType;
+    }) => void;
+    onSetSectionPageNumbering?: (sectionIndex: number, patch: SectionPageNumberingPatch | null) => void;
+    onSetHeaderFooterLink?: (sectionIndex: number, patch: HeaderFooterLinkPatch) => void;
+    onAddCommentFromSelection?: () => void;
+    onExport?: () => void;
+    onDismissSelectionToolbar?: () => void;
+    onAcceptSuggestion?: () => void;
+    onRejectSuggestion?: () => void;
+    onEditSuggestion?: () => void;
+    onAddCommentFromSuggestion?: () => void;
+    onSelectionToolbarFocusCapture?: FocusEventHandler<HTMLDivElement>;
+    onSelectionToolbarBlurCapture?: FocusEventHandler<HTMLDivElement>;
+    selectionToolbarRef?: Ref<HTMLDivElement>;
+    onOpenComment?: (thread: CommentSidebarThreadSnapshot) => void;
+    onResolveComment?: (commentId: string) => void;
+    onReopenComment?: (commentId: string) => void;
+    onAddReply?: (commentId: string, body: string) => void;
+    onEditBody?: (commentId: string, body: string) => void;
+    onOpenRevision?: (revision: TrackedChangeEntrySnapshot) => void;
+    onAcceptRevision?: (revisionId: string) => void;
+    onRejectRevision?: (revisionId: string) => void;
+    onAcceptAllChanges?: () => void;
+    onRejectAllChanges?: () => void;
+    onCloseStory?: () => void;
+    onOpenHeaderStory?: () => void;
+    onOpenFooterStory?: () => void;
+    onSetParagraphIndentation?: (indentation: {
+        left?: number;
+        right?: number;
+        firstLine?: number;
+        hanging?: number;
+    }) => void;
+    onSetParagraphTabStops?: (tabStops: Array<{
+        pos: number;
+        val?: string;
+        leader?: string;
+    }>) => void;
+    onRestartNumbering?: () => void;
+    onContinueNumbering?: () => void;
+    onNavigateHeading?: (headingId: string) => void;
+    chromeVisibility?: Partial<ReviewWorkspaceChromeVisibility>;
+}
+declare function TwReviewWorkspace(inputProps: TwReviewWorkspaceProps): react_jsx_runtime.JSX.Element;
+
+interface TwEditorSurfaceProps {
+    currentUser: EditorUser;
+    snapshot: RuntimeRenderSnapshot;
+    reviewMode: "editing" | "review";
+    markupDisplay: MarkupDisplay;
+    activeRevisionId?: string;
+    /** When false, revision decorations are suppressed in the document surface. */
+    showTrackedChanges?: boolean;
+    onFocus: FocusEventHandler<HTMLDivElement>;
+    onBlur: FocusEventHandler<HTMLDivElement>;
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+    onInsertText?: (text: string) => void;
+    onDeleteBackward?: () => void;
+    onDeleteForward?: () => void;
+    onInsertTab?: () => void;
+    onInsertHardBreak?: () => void;
+    onSplitParagraph?: () => void;
+    onCommentActivated?: (commentId: string) => void;
+    onRevisionActivated?: (revisionId: string) => void;
+}
+declare function TwEditorSurface(props: TwEditorSurfaceProps): react_jsx_runtime.JSX.Element;
+
+interface RevisionDecorationModel {
+    revisions: RevisionDecorationEntry[];
+}
+interface RevisionDecorationEntry {
+    revisionId: string;
+    from: number;
+    to: number;
+    kind: TrackedChangeEntrySnapshot["kind"];
+    status: TrackedChangeEntrySnapshot["status"];
+    actionability: TrackedChangeEntrySnapshot["actionability"];
+    isActive: boolean;
+}
+interface RevisionRangeState {
+    hasChanges: boolean;
+    hasInsertions: boolean;
+    hasDeletions: boolean;
+    hasActive: boolean;
+    count: number;
+    overlapping: RevisionDecorationEntry[];
+}
+declare function createRevisionDecorationModel(snapshot?: TrackedChangesSnapshot, activeRevisionId?: string): RevisionDecorationModel | undefined;
+declare function getRevisionRangeState(model: RevisionDecorationModel | undefined, from: number, to: number): RevisionRangeState;
+declare function getRevisionHighlightClass(model: RevisionDecorationModel | undefined, from: number, to: number, markupDisplay?: MarkupDisplay): string;
+declare function shouldHideInCleanMode(model: RevisionDecorationModel | undefined, from: number, to: number): boolean;
+
+interface TwParagraphBlockProps {
+    block: Extract<SurfaceBlockSnapshot, {
+        kind: "paragraph";
+    }>;
+    selection: SelectionSnapshot;
+    markupDisplay: MarkupDisplay;
+    commentDecorations?: CommentDecorationModel;
+    revisionDecorations?: RevisionDecorationModel;
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+    onCommentActivated?: (commentId: string) => void;
+    onRevisionActivated?: (revisionId: string) => void;
+}
+declare function TwParagraphBlock(props: TwParagraphBlockProps): react_jsx_runtime.JSX.Element;
+
+interface TwOpaqueBlockProps {
+    block: Extract<SurfaceBlockSnapshot, {
+        kind: "opaque_block";
+    }>;
+    selection: SelectionSnapshot;
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+    workflowTargeted?: boolean;
+}
+declare function TwOpaqueBlock(props: TwOpaqueBlockProps): react_jsx_runtime.JSX.Element;
+
+interface TwSegmentViewProps {
+    segment: SurfaceInlineSegment;
+    selection: SelectionSnapshot;
+    markupDisplay: MarkupDisplay;
+    commentDecorations?: CommentDecorationModel;
+    revisionDecorations?: RevisionDecorationModel;
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+    onCommentActivated?: (commentId: string) => void;
+    onRevisionActivated?: (revisionId: string) => void;
+}
+declare function TwSegmentView(props: TwSegmentViewProps): react_jsx_runtime.JSX.Element | null;
+
+interface TwInlineTokenProps {
+    segment: SurfaceInlineSegment;
+    selection: SelectionSnapshot;
+    markupDisplay: MarkupDisplay;
+    commentDecorations?: CommentDecorationModel;
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+}
+declare function TwInlineToken(props: TwInlineTokenProps): react_jsx_runtime.JSX.Element | null;
+
+declare function renderTwCaret(selection: SelectionSnapshot, position: number): react_jsx_runtime.JSX.Element | null;
+
+interface TwCommentSidebarProps {
+    comments: CommentSidebarSnapshot;
+    activeCommentId?: string;
+    currentUserId?: string;
+    onOpenComment?: (thread: CommentSidebarThreadSnapshot) => void;
+    onResolveComment?: (commentId: string) => void;
+    onReopenComment?: (commentId: string) => void;
+    onAddReply?: (commentId: string, body: string) => void;
+    onEditBody?: (commentId: string, body: string) => void;
+}
+declare function TwCommentSidebar(props: TwCommentSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TwRevisionSidebarProps {
+    trackedChanges: TrackedChangesSnapshot;
+    markupDisplay: MarkupDisplay;
+    activeRevisionId?: string;
+    onOpenRevision?: (revision: TrackedChangeEntrySnapshot) => void;
+    onAcceptRevision?: (revisionId: string) => void;
+    onRejectRevision?: (revisionId: string) => void;
+    onAcceptAllChanges?: () => void;
+    onRejectAllChanges?: () => void;
+}
+declare function TwRevisionSidebar(props: TwRevisionSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface TwHealthPanelProps {
+    compatibility: CompatibilityPanelSnapshot;
+    warnings: EditorWarning[];
+    blockedReasons?: WorkflowBlockedCommandReason[];
+}
+declare function TwHealthPanel(props: TwHealthPanelProps): react_jsx_runtime.JSX.Element;
+
+interface TwToolbarProps {
+    sourceLabel?: string;
+    capabilities?: SessionCapabilities;
+    compatibility?: CompatibilityPanelSnapshot;
+    warnings?: EditorWarning[];
+    blockedReasons?: WorkflowBlockedCommandReason[];
+    interactionPolicy?: ToolbarInteractionPolicy;
+    workspaceMode: WorkspaceMode;
+    zoomLevel?: ZoomLevel;
+    formattingState?: FormattingStateSnapshot;
+    styleCatalog?: StyleCatalogSnapshot;
+    /** Display toggle for tracked change decorations (not a runtime mutation toggle). */
+    showTrackedChanges: boolean;
+    /** Active story target — shows a breadcrumb when editing a secondary story. */
+    activeStory?: EditorStoryTarget;
+    /** Called when the user clicks the story breadcrumb to return to main body. */
+    onCloseStory?: () => void;
+    onUndo: () => void;
+    onRedo: () => void;
+    onSetParagraphStyle?: (styleId: string) => void;
+    onToggleBold?: () => void;
+    onToggleItalic?: () => void;
+    onToggleUnderline?: () => void;
+    onToggleStrikethrough?: () => void;
+    onToggleSuperscript?: () => void;
+    onToggleSubscript?: () => void;
+    onSetFontFamily?: (fontFamily: string) => void;
+    onSetFontSize?: (fontSize: number) => void;
+    onSetTextColor?: (color: string) => void;
+    onSetHighlightColor?: (color: string | null) => void;
+    onSetAlignment?: (alignment: FormattingAlignment) => void;
+    onOutdent?: () => void;
+    onIndent?: () => void;
+    onAddComment: () => void;
+    onInsertPageBreak?: () => void;
+    onInsertTable?: () => void;
+    onInsertSectionBreak?: (type: SectionBreakType) => void;
+    onInsertImage?: (options: InsertImageOptions) => void;
+    onExport: () => void;
+    onWorkspaceModeChange: (value: WorkspaceMode) => void;
+    onZoomChange?: (level: ZoomLevel) => void;
+    onShowTrackedChangesChange: (show: boolean) => void;
+}
+interface ToolbarInteractionPolicy {
+    mode: "edit" | "suggest" | "comment" | "view" | "blocked";
+    canFormatText: boolean;
+    canInsertStructural: boolean;
+    canAddComment: boolean;
+}
+declare function TwToolbar(props: TwToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface TwToolbarIconButtonProps {
+    icon: React.ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    disabled?: boolean;
+    active?: boolean;
+    emphasis?: boolean;
+    onClick?: () => void;
+}
+declare function TwToolbarIconButton(props: TwToolbarIconButtonProps): react_jsx_runtime.JSX.Element;
+
+interface TwStatusBarProps {
+    isDirty: boolean;
+    isExportBlocked: boolean;
+    preserveOnlyCount: number;
+    commentCount: number;
+    changeCount: number;
+    sessionId: string;
+}
+declare function TwStatusBar(props: TwStatusBarProps): react_jsx_runtime.JSX.Element;
+
+interface TwAlertBannerProps {
+    snapshot: RuntimeRenderSnapshot;
+    preserveOnlyCount: number;
+    workflowBlockedReasons?: WorkflowBlockedCommandReason[];
+}
+declare function TwAlertBanner(props: TwAlertBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface TwSelectionToolbarProps {
+    model: SelectionToolbarModel;
+    disabledReason?: string;
+    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: FocusEventHandler<HTMLDivElement>;
+    onToggleBold?: () => void;
+    onToggleItalic?: () => void;
+    onToggleUnderline?: () => void;
+    onSetTextColor?: (color: string) => void;
+    onSetHighlightColor?: (color: string | null) => void;
+    onAddComment?: () => void;
+}
+declare const TwSelectionToolbar: React.ForwardRefExoticComponent<TwSelectionToolbarProps & React.RefAttributes<HTMLDivElement>>;
+
+interface EditorKeyboardCallbacks {
+    onSelectionChange?: (selection: SelectionSnapshot) => void;
+    onInsertText?: (text: string) => void;
+    onDeleteBackward?: () => void;
+    onDeleteForward?: () => void;
+    onInsertTab?: () => void;
+    onOutdentTab?: () => void;
+    onInsertHardBreak?: () => void;
+    onSplitParagraph?: () => void;
+}
+interface EditorKeyboardContext {
+    selection: SelectionSnapshot;
+    storySize: number;
+    canEdit: boolean;
+}
+declare function createEditorKeyboardHandler(context: EditorKeyboardContext, callbacks: EditorKeyboardCallbacks): (event: KeyboardEvent<HTMLDivElement>) => void;
+
+declare function createSelectionSnapshot(anchor: number, head?: number): SelectionSnapshot;
+declare function selectionTouchesRange(selection: SelectionSnapshot, from: number, to: number): boolean;
+
+export { type CommentDecorationModel, type EditorKeyboardCallbacks, type EditorKeyboardContext, type MarkupDisplay, type ReviewRailTab, type RevisionDecorationModel, type SessionCapabilities, TwAlertBanner, TwCommentSidebar, TwEditorSurface, type TwEditorSurfaceProps, TwHealthPanel, TwInlineToken, TwOpaqueBlock, TwParagraphBlock, TwReviewRail, type TwReviewRailProps, TwReviewWorkspace, type TwReviewWorkspaceProps, TwRevisionSidebar, TwSegmentView, TwSelectionToolbar, TwStatusBar, TwToolbar, TwToolbarIconButton, type TwToolbarProps, WorkspaceMode, ZoomLevel, createCommentDecorationModel, createEditorKeyboardHandler, createRevisionDecorationModel, createSelectionSnapshot, deriveCapabilities, getCommentHighlightClass, getCommentRangeState, getRevisionHighlightClass, getRevisionRangeState, renderTwCaret, selectionTouchesRange, shouldHideInCleanMode };