@bendyline/squisq-editor-react 2.13.16 → 2.13.18

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { C as CodeContext, P as PageTemplateSettings, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-CdtncgKy.js';
 export { A as ApplySourceEditsOptions, B as BlockInsertionBuilder, d as BlockInsertionContext, e as BlockPlacement, f as BlockRange, g as BlockSlice, h as BlockTagVisibility, i as CodeContextSection, j as CoverImageSaveOutput, D as DashboardImageSaveOutput, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, y as EditorSelectionInfo, z as EditorShell, G as EditorShellProps, H as EditorState, I as FindOptions, J as FindRequest, K as FormulaSessionOptions, L as ImageDisplayMode, M as IngestedSidecar, N as InsertBlockOptions, O as LayoutMode, Q as MentionCandidate, R as MentionProvider, T as NavigationSheetPanel, U as OutlineBlock, V as OutlineInsertion, W as PageTemplateChoice, Y as PreviewPanel, Z as PreviewPanelProps, _ as RawEditor, $ as RawEditorProps, a0 as ThemeInheritance, a1 as ViewPreferences, a2 as WriteCanvasSettings, a3 as WysiwygEditor, a4 as WysiwygEditorProps, a5 as XLSX_LOCKED_REASON, a6 as XlsxFormulaSession, a7 as applySourceEditsToText, a8 as blockInsertionPoint, a9 as createXlsxFormulaSession, aa as getBlockSlices, ab as headingDepthForInsertion, ac as ingestSidecarBytes, ad as joinBlockAt, ae as lineToOffset, af as minimalReplaceEdit, ag as normalizeSourceEdits, ah as offsetToLine, ai as resolveOutlineInsertion, aj as sliceIndexAtOffset, ak as sourceOutline, al as spliceBlock, am as useEditorContext, an as useEditorContextMenuItems, ao as useEditorInsertMenuItems } from './shell-CdtncgKy.js';
 import * as react from 'react';
-import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { ReactNode, CSSProperties, RefObject, ReactElement } from 'react';
 import { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, MediaEdits, MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
 export { CanvasRect, ImageEditor, ImageEditorAction, ImageEditorProps, ImageEditorState, ImageEditorTool, ImageViewer, ImageViewerProps, UseImageEditorOptions, UseImageEditorReturn, imageEditorReducer, initialImageEditorState, useImageEditor } from './image-editor/index.js';
@@ -1064,6 +1064,19 @@ declare function VersionHistoryPanel(): react.JSX.Element | null;
  */
 declare function ViewMenuPanel(): react.JSX.Element;
 
+/**
+ * Dropdown trigger rendered directly beside the Write tab. Selecting a layout
+ * also enters the Write view, so the menu works from Source and Use too. The
+ * layout still applies to Source, which scopes to the same block.
+ */
+interface WriteModeMenuProps {
+    /** Incremented by the parent to open the menu from another control. */
+    openRequest?: number;
+    /** The Write tab, which the menu lines up under. */
+    alignWith?: RefObject<HTMLElement | null>;
+}
+declare function WriteModeMenu({ openRequest, alignWith }: WriteModeMenuProps): react.JSX.Element;
+
 /**
  * TransformMenu
  *
@@ -3627,4 +3640,4 @@ declare function unshownSlidesWarning(total: number, unshown: number): string |
 /** The exact label of the review-state block-timings checkbox. */
 declare const SLIDE_TIMING_CHECKBOX_LABEL = "Update block timings when I save this narration";
 
-export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CalcEngineFactory, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, CsvSourceMeta, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DATA_CARD_KEY, DEFAULT_MERMAID_DIAGRAM_TYPE, type DataCardBlockEntry, DataCardExtension, type DataCardExtensionOptions, type DataCardPluginState, DataCardWidget, type DataPreview, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EditorHostMode, EditorView$1 as EditorView, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, FormulaEditRecord, type GridSaveResult, HOST_FENCE_KEY, type HeadingTransitionAttrs, type HeadingViewBinding, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MarkdownEscape, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, type MermaidSurfaceScheme, type MermaidValidationResult, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, PageTemplateSettings, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RecorderPanelMode, type RecorderSlide, RecorderSlidesPanel, type RecorderSlidesPanelProps, RecorderState, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, SLIDE_TIMING_CHECKBOX_LABEL, SVG_ISLAND_KEY, type SaveCsvEditsOptions, type SaveXlsxEditsOptions, StatusBar, type StatusBarProps, Subscript, Superscript, type SvgIslandBlockEntry, SvgIslandExtension, type SvgIslandExtensionOptions, type SvgIslandPluginState, SvgIslandWidget, type SvgIslandWidgetProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VIDEO_EMBED_KEY, VersionHistoryPanel, type VideoEmbedBlockEntry, VideoEmbedDialog, type VideoEmbedDialogProps, VideoEmbedExtension, type VideoEmbedExtensionOptions, type VideoEmbedPluginState, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, XlsxSourceMeta, adaptThemeToSurface, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildRecorderSlideDeck, clampSlideIndex, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, convertVideoEmbedToLink, dataExtensionOf, dataLinkHrefOf, describeSvgIslandRemovals, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findDataCardBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findOwningHeadingPosition, findRepairableBlockPos, findSvgIslandBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, findVideoEmbedBlockPos, formatSeconds, getTimelineForNode, indentItemOp, ingestForWrite, insertVideoEmbedReference, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isExpandedPanel, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isSvgIslandNode, isSvgIslandSourceVisible, isTimelineSourceSafeForSemanticEdit, loadDataPreview, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, mermaidSurfaceScheme, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, outdentItemOp, panelModeAfterToggle, parseTimelineForNode, partitionFiles, pasteVideoEmbedCode, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processDataFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, readHeadingViewBinding, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceSvgIslandText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, resolveMermaidSurfaceTheme, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, saveCsvEdits, saveXlsxEdits, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsSvgFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, showSlideTimingCheckbox, slideStepForKey, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, toggleSvgIslandSource, transitionLabel, translateDiagramOp, unshownSlidesWarning, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMermaidSurfaceTheme, useMonacoLoader, usePreviewSettings, usePreviewSettingsOptional, useTimelineData, useTreeViewData, validateMermaidSource, videoEmbedMarkdown, videoEmbedOfParagraph, videoEmbedParagraphJson, viewStateFromBinding, writeHeadingViewState };
+export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CalcEngineFactory, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, CsvSourceMeta, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DATA_CARD_KEY, DEFAULT_MERMAID_DIAGRAM_TYPE, type DataCardBlockEntry, DataCardExtension, type DataCardExtensionOptions, type DataCardPluginState, DataCardWidget, type DataPreview, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EditorHostMode, EditorView$1 as EditorView, EmojiPicker, type EmojiPickerProps, FENCE_WIDGET_CONTAINED_EVENTS, type FenceBlockEntry, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, FormulaEditRecord, type GridSaveResult, HOST_FENCE_KEY, type HeadingTransitionAttrs, type HeadingViewBinding, HeadingWithTemplate, type HostFenceBlockEntry, HostFenceExtension, type HostFenceExtensionOptions, type HostFencePluginState, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MarkdownEscape, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, type MermaidSurfaceScheme, type MermaidValidationResult, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, PageTemplateSettings, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, type PreviewToolbarControlsProps, REPAIRABLE_KEY, type RecorderPanelMode, type RecorderSlide, RecorderSlidesPanel, type RecorderSlidesPanelProps, RecorderState, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, SLIDE_TIMING_CHECKBOX_LABEL, SVG_ISLAND_KEY, type SaveCsvEditsOptions, type SaveXlsxEditsOptions, StatusBar, type StatusBarProps, Subscript, Superscript, type SvgIslandBlockEntry, SvgIslandExtension, type SvgIslandExtensionOptions, type SvgIslandPluginState, SvgIslandWidget, type SvgIslandWidgetProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VIDEO_EMBED_KEY, VersionHistoryPanel, type VideoEmbedBlockEntry, VideoEmbedDialog, type VideoEmbedDialogProps, VideoEmbedExtension, type VideoEmbedExtensionOptions, type VideoEmbedPluginState, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, WriteModeMenu, type WriteModeMenuProps, XlsxSourceMeta, adaptThemeToSurface, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildRecorderSlideDeck, clampSlideIndex, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, containFenceWidgetEvents, convertVideoEmbedToLink, dataExtensionOf, dataLinkHrefOf, describeSvgIslandRemovals, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findDataCardBlockPos, findHostFenceBlockPos, findMermaidDiagramBlockPos, findOwningHeadingPosition, findRepairableBlockPos, findSvgIslandBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, findVideoEmbedBlockPos, formatSeconds, getTimelineForNode, indentItemOp, ingestForWrite, insertVideoEmbedReference, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isExpandedPanel, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isSvgIslandNode, isSvgIslandSourceVisible, isTimelineSourceSafeForSemanticEdit, loadDataPreview, mapFenceEntries, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, mermaidSurfaceScheme, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, outdentItemOp, panelModeAfterToggle, parseTimelineForNode, partitionFiles, pasteVideoEmbedCode, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processDataFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, readHeadingViewBinding, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceHostFenceText, replaceSvgIslandText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, resolveMermaidSurfaceTheme, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, saveCsvEdits, saveXlsxEdits, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setBlockStartTimeInSource, setBlockTransitionInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsSvgFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, showSlideTimingCheckbox, slideStepForKey, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, toggleSvgIslandSource, transitionLabel, translateDiagramOp, unshownSlidesWarning, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMermaidSurfaceTheme, useMonacoLoader, usePreviewSettings, usePreviewSettingsOptional, useTimelineData, useTreeViewData, validateMermaidSource, videoEmbedMarkdown, videoEmbedOfParagraph, videoEmbedParagraphJson, viewStateFromBinding, writeHeadingViewState };

package/dist/index.js

@@ -96,6 +96,7 @@ import {
   VideoEmbedDialog,
   VideoEmbedExtension,
   ViewMenuPanel,
+  WriteModeMenu,
   WysiwygEditor,
   XLSX_LOCKED_REASON,
   adaptThemeToSurface,
@@ -243,7 +244,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-54MN2HG7.js";
+} from "./chunk-XUEYPMBH.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +265,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-UQUYPT5P.js";
+} from "./chunk-MMK26QF7.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +274,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-LDU3AWER.js";
+} from "./chunk-6GHLTJNG.js";
 import {
   MarkdownEscape
-} from "./chunk-4MBH7MMU.js";
+} from "./chunk-F6URHAW6.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-ZLKINE4Y.js";
+} from "./chunk-SSEE55FT.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -906,6 +907,7 @@ export {
   VideoEmbedExtension,
   ViewMenuPanel,
   ViewSwitcher,
+  WriteModeMenu,
   WysiwygEditor,
   XLSX_LOCKED_REASON,
   adaptThemeToSurface,

package/dist/json-editor/index.js

@@ -1,8 +1,8 @@
 import {
   JsonEditor
-} from "../chunk-LDU3AWER.js";
-import "../chunk-4MBH7MMU.js";
-import "../chunk-ZLKINE4Y.js";
+} from "../chunk-6GHLTJNG.js";
+import "../chunk-F6URHAW6.js";
+import "../chunk-SSEE55FT.js";
 export {
   JsonEditor
 };

package/dist/review/index.js

@@ -19,9 +19,9 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-UQUYPT5P.js";
+} from "../chunk-MMK26QF7.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-ZLKINE4Y.js";
+import "../chunk-SSEE55FT.js";
 
 // src/review/proofingAdapter.ts
 import {

package/dist/shell/index.js

@@ -5,16 +5,16 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-54MN2HG7.js";
+} from "../chunk-XUEYPMBH.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-UQUYPT5P.js";
+} from "../chunk-MMK26QF7.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-4MBH7MMU.js";
-import "../chunk-ZLKINE4Y.js";
+import "../chunk-F6URHAW6.js";
+import "../chunk-SSEE55FT.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-ECS2FFXA.js";
 import "../chunk-LRZJD5YD.js";

package/dist/styles/index.css

@@ -7944,42 +7944,65 @@
   color: var(--squisq-text);
 }
 .squisq-toolbar-view-tabs {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(5, auto);
+  justify-content: start;
   gap: 0;
   margin-right: 0;
   padding: 0 16px 0 12px;
   background: var(--squisq-surface);
   border-right: 1px solid rgba(0, 0, 0, 0.12);
   align-self: stretch;
-  align-items: flex-end;
+  align-items: end;
   box-sizing: border-box;
 }
-.squisq-toolbar-view-tab-list,
+.squisq-toolbar-view-tab-list {
+  grid-row: 1;
+  grid-column: 1 / 5;
+  display: grid;
+  grid-template-columns: subgrid;
+  align-self: stretch;
+}
 .squisq-toolbar-view-tab-wrap,
-.squisq-toolbar-use-menu {
+.squisq-toolbar-mode-menu {
+  grid-row: 1;
   display: flex;
   align-items: flex-end;
   align-self: stretch;
 }
-.squisq-toolbar-use-tab,
+.squisq-toolbar-view-tab-wrap--wysiwyg {
+  grid-column: 1;
+}
+.squisq-toolbar-write-menu {
+  grid-column: 2;
+}
+.squisq-toolbar-view-tab-wrap--raw {
+  grid-column: 3;
+}
+.squisq-toolbar-view-tab-wrap--preview {
+  grid-column: 4;
+}
 .squisq-toolbar-use-menu {
+  grid-column: 5;
+}
+.squisq-toolbar-mode-tab,
+.squisq-toolbar-mode-menu {
   position: relative;
   border-bottom: 2px solid transparent;
 }
-.squisq-toolbar-use-tab > .squisq-toolbar-view-tab {
+.squisq-toolbar-mode-tab > .squisq-toolbar-view-tab {
   padding-right: 4px;
   padding-bottom: 4px;
   border-bottom: 0;
 }
-.squisq-toolbar-use-tab--active {
+.squisq-toolbar-mode-tab--active {
   border-bottom-color: var(--squisq-accent);
 }
-.squisq-toolbar-use-tab > .squisq-toolbar-view-tab:focus-visible,
-.squisq-toolbar-use-menu > .squisq-use-mode-trigger:focus-visible {
+.squisq-toolbar-mode-tab > .squisq-toolbar-view-tab:focus-visible,
+.squisq-toolbar-mode-menu > .squisq-view-mode-trigger:focus-visible {
   outline: none;
 }
-.squisq-toolbar-use-tab:has(> .squisq-toolbar-view-tab:focus-visible)::after,
-.squisq-toolbar-use-menu:has(> .squisq-use-mode-trigger:focus-visible)::after {
+.squisq-toolbar-mode-tab:has(> .squisq-toolbar-view-tab:focus-visible)::after {
   content: "";
   position: absolute;
   inset: 2px 0 4px;
@@ -7988,31 +8011,61 @@
   box-sizing: border-box;
   pointer-events: none;
 }
-.squisq-use-mode-trigger {
+.squisq-view-mode-trigger {
   align-self: stretch;
   display: inline-flex;
   align-items: flex-end;
   justify-content: center;
-  width: 20px;
-  padding: 0 6px 9px 0;
+  padding: 0 6px 2px 2px;
   border: 0;
   background: transparent;
   color: var(--squisq-text-soft);
   cursor: pointer;
-  box-sizing: content-box;
 }
-.squisq-use-mode-trigger > svg {
+.squisq-view-mode-trigger-face {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border: 1px solid var(--squisq-border);
+  border-radius: 5px;
+  background: var(--squisq-input-bg);
+  box-sizing: border-box;
+  transition:
+    background 0.12s ease,
+    border-color 0.12s ease,
+    color 0.12s ease;
+}
+.squisq-view-mode-trigger-face > svg {
   display: block;
-  transform: translateY(-1px);
 }
-.squisq-use-mode-trigger:hover,
-.squisq-use-mode-trigger--open {
+.squisq-view-mode-trigger:hover > .squisq-view-mode-trigger-face {
+  border-color: var(--squisq-border-strong);
+  background: var(--squisq-surface-hover);
   color: var(--squisq-text-strong);
 }
-.squisq-toolbar-use-tab--active .squisq-use-mode-trigger {
+.squisq-toolbar-mode-tab--active .squisq-view-mode-trigger-face {
+  border-color: var(--squisq-accent-border);
+  background: var(--squisq-accent-subtle);
   color: var(--squisq-accent-strong);
 }
-.squisq-use-mode-menu {
+.squisq-view-mode-trigger--open > .squisq-view-mode-trigger-face,
+.squisq-toolbar-mode-tab--active .squisq-view-mode-trigger:hover > .squisq-view-mode-trigger-face {
+  border-color: var(--squisq-accent);
+  background: var(--squisq-accent-soft);
+  color: var(--squisq-accent-strong);
+}
+.squisq-view-mode-trigger:focus-visible > .squisq-view-mode-trigger-face {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: 1px;
+}
+@media (pointer: coarse) {
+  .squisq-view-mode-trigger {
+    padding: 0 10px 2px 6px;
+  }
+}
+.squisq-view-mode-menu {
   position: fixed;
   z-index: 120;
   width: min(340px, calc(100vw - 16px));
@@ -8023,9 +8076,9 @@
   box-shadow: 0 12px 32px rgba(15, 23, 42, 0.2), 0 2px 6px rgba(15, 23, 42, 0.08);
   box-sizing: border-box;
   font-family: var( --squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif );
-  animation: squisq-use-mode-menu-in 0.12s ease-out;
+  animation: squisq-view-mode-menu-in 0.12s ease-out;
 }
-.squisq-use-mode-menu-item {
+.squisq-view-mode-menu-item {
   display: flex;
   align-items: center;
   gap: 10px;
@@ -8041,17 +8094,17 @@
   cursor: pointer;
   transition: background 0.12s ease, color 0.12s ease;
 }
-.squisq-use-mode-menu-item:hover,
-.squisq-use-mode-menu-item:focus-visible {
+.squisq-view-mode-menu-item:hover,
+.squisq-view-mode-menu-item:focus-visible {
   outline: none;
   background: var(--squisq-surface-hover);
   color: var(--squisq-text-strong);
 }
-.squisq-use-mode-menu-item--selected {
+.squisq-view-mode-menu-item--selected {
   background: var(--squisq-accent-subtle);
   color: var(--squisq-accent-strong);
 }
-.squisq-use-mode-menu-icon {
+.squisq-view-mode-menu-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -8063,24 +8116,24 @@
   color: var(--squisq-text-muted);
   font-size: 14px;
 }
-.squisq-use-mode-menu-item--selected .squisq-use-mode-menu-icon {
+.squisq-view-mode-menu-item--selected .squisq-view-mode-menu-icon {
   background: var(--squisq-accent-soft);
   color: var(--squisq-accent);
 }
-.squisq-use-mode-menu-copy {
+.squisq-view-mode-menu-copy {
   display: flex;
   flex: 1 1 auto;
   min-width: 0;
   flex-direction: column;
   gap: 2px;
 }
-.squisq-use-mode-menu-label {
+.squisq-view-mode-menu-label {
   color: inherit;
   font-size: 12.5px;
   font-weight: 650;
   line-height: 1.2;
 }
-.squisq-use-mode-menu-summary {
+.squisq-view-mode-menu-summary {
   overflow: hidden;
   color: var(--squisq-text-muted);
   font-size: 11.5px;
@@ -8089,7 +8142,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.squisq-use-mode-menu-check {
+.squisq-view-mode-menu-check {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -8099,7 +8152,7 @@
   font-size: 11px;
   text-align: center;
 }
-@keyframes squisq-use-mode-menu-in {
+@keyframes squisq-view-mode-menu-in {
   from {
     opacity: 0;
     transform: translateY(-3px) scale(0.99);
@@ -8110,23 +8163,23 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .squisq-use-mode-menu {
+  .squisq-view-mode-menu {
     animation: none;
   }
 }
-.squisq-use-mode-menu[data-theme=dark] {
+.squisq-view-mode-menu[data-theme=dark] {
   border-color: var(--squisq-border);
   background: var(--squisq-surface-overlay);
 }
-.squisq-use-mode-menu[data-theme=dark] .squisq-use-mode-menu-icon {
+.squisq-view-mode-menu[data-theme=dark] .squisq-view-mode-menu-icon {
   background: var(--squisq-surface-hover);
   color: var(--squisq-text-soft);
 }
-.squisq-use-mode-menu[data-theme=dark] .squisq-use-mode-menu-item--selected .squisq-use-mode-menu-icon {
+.squisq-view-mode-menu[data-theme=dark] .squisq-view-mode-menu-item--selected .squisq-view-mode-menu-icon {
   background: var(--squisq-accent-soft);
   color: var(--squisq-accent-strong);
 }
-.squisq-use-mode-menu[data-theme=dark] .squisq-use-mode-menu-check {
+.squisq-view-mode-menu[data-theme=dark] .squisq-view-mode-menu-check {
   color: var(--squisq-accent-strong);
 }
 .squisq-cover-slide-trigger {
@@ -10768,6 +10821,17 @@
   overflow: auto;
   color: var(--squisq-danger);
 }
+.squisq-preview-notice {
+  flex: none;
+  margin: 8px 12px 0;
+  padding: 6px 10px;
+  border: 1px solid var(--squisq-border);
+  border-left: 3px solid var(--squisq-accent);
+  border-radius: 6px;
+  background: var(--squisq-input-bg);
+  color: var(--squisq-text);
+  font-size: 13px;
+}
 .squisq-editor-shell[data-presentation-mode=control],
 .squisq-editor-shell[data-presentation-mode=fullscreen] {
   position: relative;
@@ -10945,17 +11009,9 @@
   color: var(--squisq-accent-strong);
   border-bottom-color: var(--squisq-accent);
 }
-.squisq-editor-shell[data-theme=dark] .squisq-toolbar-use-tab--active {
+.squisq-editor-shell[data-theme=dark] .squisq-toolbar-mode-tab--active {
   border-bottom-color: var(--squisq-accent);
 }
-.squisq-editor-shell[data-theme=dark] .squisq-use-mode-trigger {
-  color: var(--squisq-text-soft);
-}
-.squisq-editor-shell[data-theme=dark] .squisq-use-mode-trigger:hover,
-.squisq-editor-shell[data-theme=dark] .squisq-use-mode-trigger--open,
-.squisq-editor-shell[data-theme=dark] .squisq-toolbar-use-tab--active .squisq-use-mode-trigger {
-  color: var(--squisq-accent-strong);
-}
 .squisq-editor-shell[data-theme=dark] .squisq-toolbar-button {
   color: var(--squisq-text-soft);
 }
@@ -15324,6 +15380,18 @@ button.squisq-view-menu-radio-row:focus-visible {
 .squisq-wysiwyg-editor .squisq-document-tray-source {
   display: none !important;
 }
+.squisq-wysiwyg-editor .squisq-document-tray-body-start {
+  min-height: 1lh;
+  cursor: text;
+}
+.squisq-wysiwyg-editor .squisq-document-tray-body-start::before {
+  content: attr(data-placeholder);
+  color: var(--squisq-text-faint);
+  pointer-events: none;
+}
+.squisq-wysiwyg-editor[contenteditable=false] .squisq-document-tray-body-start {
+  display: none;
+}
 .squisq-document-tray {
   max-width: 800px;
   margin: 0 auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.16",
+  "version": "2.13.18",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -86,8 +86,8 @@
     }
   },
   "scripts": {
-    "build": "tsup && node ../../scripts/build-styles.mjs && node ../../scripts/generate-bundle-licenses.mjs . @fortawesome/fontawesome-free && node ../../scripts/remove-empty-chunks.mjs dist",
-    "dev": "concurrently -n js,dts -c blue,gray -r \"tsup --watch --no-dts --no-clean\" \"tsup --watch --dts-only --no-clean\"",
+    "build": "tsup && tsup --config tsup.worker.config.ts && node ../../scripts/build-styles.mjs && node ../../scripts/generate-bundle-licenses.mjs . @fortawesome/fontawesome-free && node ../../scripts/remove-empty-chunks.mjs dist",
+    "dev": "concurrently -n js,dts,parser -c blue,gray,cyan -r \"tsup --watch --no-dts --no-clean\" \"tsup --watch --dts-only --no-clean\" \"tsup --config tsup.worker.config.ts --watch\"",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.10",
+    "@bendyline/squisq": "2.13.11",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.12",
-    "@bendyline/squisq-grid-react": "2.11.39",
-    "@bendyline/squisq-react": "2.12.22",
-    "@bendyline/squisq-video-react": "2.5.23",
+    "@bendyline/squisq-formats": "2.8.13",
+    "@bendyline/squisq-grid-react": "2.11.40",
+    "@bendyline/squisq-react": "2.12.23",
+    "@bendyline/squisq-video-react": "2.5.24",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",