@bendyline/squisq-editor-react 2.13.11 → 2.13.12

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-dM2AHXc3.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, P as MentionCandidate, Q as MentionProvider, R as OutlineBlock, T as OutlineInsertion, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, $ as WriteCanvasSettings, a0 as WysiwygEditor, a1 as WysiwygEditorProps, a2 as XLSX_LOCKED_REASON, a3 as XlsxFormulaSession, a4 as applySourceEditsToText, a5 as blockInsertionPoint, a6 as createXlsxFormulaSession, a7 as getBlockSlices, a8 as headingDepthForInsertion, a9 as ingestSidecarBytes, aa as joinBlockAt, ab as lineToOffset, ac as minimalReplaceEdit, ad as normalizeSourceEdits, ae as offsetToLine, af as resolveOutlineInsertion, ag as sliceIndexAtOffset, ah as sourceOutline, ai as spliceBlock, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from './shell-dM2AHXc3.js';
+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 { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, MediaEdits, MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';
@@ -546,22 +546,6 @@ interface EmojiPickerProps {
 }
 declare function EmojiPicker({ open, onSelect, onClose, anchorRef, className, style, theme, }: EmojiPickerProps): react.JSX.Element | null;
 
-/**
- * DocumentSettingsDialog
- *
- * Modal editor for the frontmatter values that Squisq currently
- * understands: document title and cover subtitle plus the persisted preview keys
- * (`squisq-theme`, `squisq-transform`, `squisq-captions`). Writes back
- * to the same `setFrontmatterValues` channel that `PreviewControls`
- * uses, so any change made here is reflected in the play-mode controls
- * (and vice versa).
- *
- * Title behavior: the placeholder shows the title that
- * `inferDocumentTitle()` would derive from frontmatter or headings.
- * When the user-entered title is empty or equal to the inferred title,
- * the `title:` key is removed from frontmatter — there's no point
- * storing a redundant value.
- */
 interface DocumentSettingsDialogProps {
     /** Current markdown source string (frontmatter + body). */
     markdownSource: string;
@@ -579,8 +563,13 @@ interface DocumentSettingsDialogProps {
     defaultThemeId?: string;
     /** Label for the Theme picker's default entry. Defaults to `'Default'`. */
     defaultThemeLabel?: string;
+    /**
+     * Page template capability. Defaults to the one `EditorShell` received as
+     * `pageTemplates`; the Page template field appears only when one is set.
+     */
+    pageTemplates?: PageTemplateSettings | null;
 }
-declare function DocumentSettingsDialog({ markdownSource, onSave, onClose, defaultThemeId, defaultThemeLabel, }: DocumentSettingsDialogProps): react.JSX.Element;
+declare function DocumentSettingsDialog({ markdownSource, onSave, onClose, defaultThemeId, defaultThemeLabel, pageTemplates: pageTemplatesProp, }: DocumentSettingsDialogProps): react.JSX.Element;
 
 interface ThemePickerProps {
     /** Currently selected theme id. Empty string represents "default". */
@@ -1138,8 +1127,16 @@ interface OutlinePanelProps {
     className?: string;
     /** Disable heading-level changes and section reordering. */
     readOnly?: boolean;
+    /**
+     * `sheet` fills the navigation sheet instead of taking a pane's width, and
+     * leaves focus where it is after a jump so choosing a section does not
+     * raise the on-screen keyboard. Defaults to `pane`.
+     */
+    presentation?: 'pane' | 'sheet';
+    /** Called after choosing a row has moved the editor to that section. */
+    onNavigate?: () => void;
 }
-declare function OutlinePanel({ width, className, readOnly }: OutlinePanelProps): react.JSX.Element;
+declare function OutlinePanel({ width, className, readOnly, presentation, onNavigate, }: OutlinePanelProps): react.JSX.Element;
 
 interface ThemeCustomizerPanelProps {
     /** Current custom theme (or null to start from defaults). */
@@ -3078,7 +3075,7 @@ declare function DataCardWidget({ editor, blockId, getMediaProvider, getMediaRev
  * VideoEmbedExtension — the Write view's inline player for hosted videos.
  *
  * A top-level paragraph that is nothing but a link (or bare URL) to a
- * YouTube, Vimeo, Loom, Dailymotion or Wistia page gets the provider's player
+ * YouTube, Vimeo, Loom or Wistia page gets the provider's player
  * mounted ABOVE it. The paragraph itself stays in the document, visible and
  * editable, styled as the player's caption: edit its text to retitle the
  * video, edit the link (or the URL) to change it, delete it to remove the
@@ -3597,4 +3594,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, 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, 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

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-5SRIK3O4.js";
+} from "./chunk-J5IUF3BC.js";
 import {
   EditorProvider,
   applySourceEditsToText,

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { h as BlockTagVisibility, 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, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, L as ImageDisplayMode, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, a0 as WysiwygEditor, a1 as WysiwygEditorProps, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from '../shell-dM2AHXc3.js';
+export { h as BlockTagVisibility, 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, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, L as ImageDisplayMode, O as LayoutMode, Q as MentionCandidate, R as MentionProvider, Y as PreviewPanel, Z as PreviewPanelProps, _ as RawEditor, $ as RawEditorProps, a0 as ThemeInheritance, a1 as ViewPreferences, a3 as WysiwygEditor, a4 as WysiwygEditorProps, am as useEditorContext, an as useEditorContextMenuItems, ao as useEditorInsertMenuItems } from '../shell-CdtncgKy.js';
 import 'react';
 import '@bendyline/squisq/table';
 import '@bendyline/squisq-calc';

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-5SRIK3O4.js";
+} from "../chunk-J5IUF3BC.js";
 import {
   EditorProvider,
   useEditorContext,

package/dist/{shell-dM2AHXc3.d.ts → shell-CdtncgKy.d.ts}

@@ -1092,6 +1092,9 @@ interface ViewPreferences {
 }
 declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, mediaEditRenders, imageDisplayMode, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, onCopyCode, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode: controlledFindMode, onFindModeChange, findRequest, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react.JSX.Element;
 
+/** Which list the navigation sheet shows. */
+type NavigationSheetPanel = 'outline' | 'previews';
+
 /**
  * Host-supplied context sections rendered INSIDE the Monaco (raw/code)
  * surface: collapsible markdown blurbs injected above anchor lines, plus an
@@ -1168,6 +1171,36 @@ interface CodeContext {
     onToggleSection?: (sectionId: string, expanded: boolean) => void;
 }
 
+/**
+ * Page templates — host capability for choosing the page a rendered document
+ * is generated inside (the `squisq-output-template` frontmatter key; see
+ * `applyHtmlPageTemplate` in `@bendyline/squisq-formats/html`).
+ *
+ * Only the host knows whether the open document renders through a template
+ * and which files can serve as one, so the Document settings dialog offers a
+ * Page template field only when the host passes `EditorShell` a
+ * `pageTemplates` value.
+ */
+interface PageTemplateChoice {
+    /** The `squisq-output-template` value that selects this template. */
+    readonly value: string;
+    /** How the choice is listed, typically the template's path. */
+    readonly label: string;
+}
+interface PageTemplateSettings {
+    /**
+     * The templates the document may use. Called each time Document settings
+     * opens, so a template added since appears without remounting the editor.
+     */
+    listTemplates: () => Promise<readonly PageTemplateChoice[]>;
+    /**
+     * What applies when the document names no template, such as
+     * `'Workspace default (_templates/post.html)'`. Omit when nothing applies;
+     * the field then offers that choice as "None".
+     */
+    defaultLabel?: string;
+}
+
 /** Host-controlled typography for the markdown Write canvas. */
 interface WriteCanvasSettings {
     /** Base text size in CSS pixels. Headings continue to scale relative to it. */
@@ -1704,6 +1737,21 @@ interface EditorShellProps {
      * the View menu has toggled it on).
      */
     outlineWidth?: number;
+    /**
+     * The navigation sheet that stands in for the outline and preview panes
+     * once the editor body is too narrow for them (~720px): a popover from the
+     * right edge holding the outline or a scrolling list of block previews.
+     * On touch, swiping in from the right edge opens the outline and turning
+     * the swipe downward opens previews; tapping outside it, Escape, swiping it
+     * back, or choosing a section closes it.
+     *
+     * Leave unset for the shell to manage it. Hosts that need to close it
+     * themselves (from a hardware Back button, say) pass the open panel, or
+     * `null` while closed, together with {@link onNavigationSheetChange}.
+     */
+    navigationSheet?: NavigationSheetPanel | null;
+    /** Called when the navigation sheet opens, changes panel, or closes. */
+    onNavigationSheetChange?: (panel: NavigationSheetPanel | null) => void;
     /**
      * Legacy initial visibility of inline block-template tags on headings.
      * `true` maps to always visible and `false` maps to hidden. When omitted,
@@ -1765,12 +1813,45 @@ interface EditorShellProps {
      * `'Default'`.
      */
     defaultThemeLabel?: string;
+    /**
+     * Set when the document renders through a page template the author can
+     * choose (`squisq-output-template`). Document settings then offers a Page
+     * template field listing the host's templates. Keep the value stable
+     * across renders.
+     */
+    pageTemplates?: PageTemplateSettings | null;
 }
 /**
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, }: EditorShellProps): react.JSX.Element;
+declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, navigationSheet, onNavigationSheetChange, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, pageTemplates, }: EditorShellProps): react.JSX.Element;
+
+/**
+ * MediaClipboard — copy, cut and paste of one image, video or audio clip in
+ * the Write view.
+ *
+ * Copying a selected clip remembers it: its node, and the bytes of the file
+ * it names when that file is stored with the document. The clipboard HTML
+ * carries the copy's id. A paste that finds the id:
+ *
+ *  - in the document it was copied from inserts the same reference, so the
+ *    file is not stored twice;
+ *  - in another document stores the remembered bytes in that document's
+ *    media and references the new file, because the original path means
+ *    nothing there — unless that path already holds the same file.
+ *
+ * Other applications get the picture itself: an image copy also writes a PNG
+ * and an `<img>` whose source is the image's data, which they paste as an
+ * image. The clipboard has no format for video or audio, so those carry their
+ * file only between Squisq editors in this page.
+ *
+ * The memory is one copy deep and lives in this module, so it spans every
+ * editor in the page but not other windows. A paste from another window finds
+ * no match, and the Write view stores the clipboard's PNG instead.
+ */
+
+type ClipboardMediaKind = 'image' | 'video' | 'audio';
 
 /**
  * Shared editor context menu.
@@ -1788,6 +1869,14 @@ interface EditorContextMenuContext {
     hasSelection: boolean;
     /** False in Preview and when the host made the editor read-only. */
     editable: boolean;
+    /**
+     * The image, video or audio clip the right-click landed on, which it
+     * selected (Write view only). Cut and Copy act on the clip.
+     */
+    media?: {
+        kind: ClipboardMediaKind;
+        src: string;
+    };
     clientX: number;
     clientY: number;
     target: Element;
@@ -1934,4 +2023,4 @@ interface EditorInsertMenuItem {
 /** Call from a toolbar slot; callbacks retain access to the editor context. */
 declare function useEditorInsertMenuItems(items: readonly EditorInsertMenuItem[]): void;
 
-export { type WriteCanvasSettings as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type FindOptions as I, type FindRequest as J, type FormulaSessionOptions as K, type ImageDisplayMode as L, type IngestedSidecar as M, type InsertBlockOptions as N, type LayoutMode as O, type MentionCandidate as P, type MentionProvider as Q, type OutlineBlock as R, type SceneTextChannel as S, type OutlineInsertion as T, PreviewPanel as U, type PreviewPanelProps as V, RawEditor as W, type XlsxSourceMeta as X, type RawEditorProps as Y, type ThemeInheritance as Z, type ViewPreferences as _, type CalcEngineFactory as a, WysiwygEditor as a0, type WysiwygEditorProps as a1, XLSX_LOCKED_REASON as a2, type XlsxFormulaSession as a3, applySourceEditsToText as a4, blockInsertionPoint as a5, createXlsxFormulaSession as a6, getBlockSlices as a7, headingDepthForInsertion as a8, ingestSidecarBytes as a9, joinBlockAt as aa, lineToOffset as ab, minimalReplaceEdit as ac, normalizeSourceEdits as ad, offsetToLine as ae, resolveOutlineInsertion as af, sliceIndexAtOffset as ag, sourceOutline as ah, spliceBlock as ai, useEditorContext as aj, useEditorContextMenuItems as ak, useEditorInsertMenuItems as al, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };
+export { type RawEditorProps as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type FindOptions as I, type FindRequest as J, type FormulaSessionOptions as K, type ImageDisplayMode as L, type IngestedSidecar as M, type InsertBlockOptions as N, type LayoutMode as O, type PageTemplateSettings as P, type MentionCandidate as Q, type MentionProvider as R, type SceneTextChannel as S, type NavigationSheetPanel as T, type OutlineBlock as U, type OutlineInsertion as V, type PageTemplateChoice as W, type XlsxSourceMeta as X, PreviewPanel as Y, type PreviewPanelProps as Z, RawEditor as _, type CalcEngineFactory as a, type ThemeInheritance as a0, type ViewPreferences as a1, type WriteCanvasSettings as a2, WysiwygEditor as a3, type WysiwygEditorProps as a4, XLSX_LOCKED_REASON as a5, type XlsxFormulaSession as a6, applySourceEditsToText as a7, blockInsertionPoint as a8, createXlsxFormulaSession as a9, getBlockSlices as aa, headingDepthForInsertion as ab, ingestSidecarBytes as ac, joinBlockAt as ad, lineToOffset as ae, minimalReplaceEdit as af, normalizeSourceEdits as ag, offsetToLine as ah, resolveOutlineInsertion as ai, sliceIndexAtOffset as aj, sourceOutline as ak, spliceBlock as al, useEditorContext as am, useEditorContextMenuItems as an, useEditorInsertMenuItems as ao, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };

package/dist/styles/index.css

@@ -9897,9 +9897,6 @@
 .squisq-status-spacer {
   flex: 1;
 }
-.squisq-status-ok {
-  color: var(--squisq-success);
-}
 .squisq-status-error {
   color: var(--squisq-danger);
 }
@@ -13620,7 +13617,7 @@ button.squisq-view-menu-radio-row:focus-visible {
   .squisq-block-preview-panel,
   .squisq-inline-preview-gutter,
   .squisq-inline-preview-connectors,
-  .squisq-outline {
+  .squisq-outline:not(.squisq-outline--sheet) {
     display: none;
   }
 }
@@ -14970,6 +14967,183 @@ button.squisq-view-menu-radio-row:focus-visible {
   color: var(--squisq-text-soft);
 }
 
+/* src/styles/navigation-sheet.css */
+.squisq-navigation-sheet {
+  --squisq-navigation-sheet-progress: 0;
+  --squisq-navigation-sheet-duration: 220ms;
+  --squisq-navigation-sheet-gap: 56px;
+  --squisq-navigation-sheet-inset: 8px;
+  position: absolute;
+  inset: 0;
+  z-index: 40;
+  visibility: hidden;
+  pointer-events: none;
+  transition: visibility 0s linear var(--squisq-navigation-sheet-duration);
+}
+.squisq-navigation-sheet[data-state=dragging],
+.squisq-navigation-sheet[data-state=open] {
+  visibility: visible;
+  pointer-events: auto;
+  transition: none;
+}
+.squisq-navigation-sheet[data-state=open] {
+  --squisq-navigation-sheet-progress: 1;
+}
+@container squisq-editor-body (width > 720px) {
+  .squisq-navigation-sheet {
+    display: none;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .squisq-navigation-sheet {
+    --squisq-navigation-sheet-duration: 0ms;
+  }
+}
+.squisq-navigation-sheet-scrim {
+  position: absolute;
+  inset: 0;
+  background: var(--squisq-scrim);
+  opacity: var(--squisq-navigation-sheet-progress);
+  transition: opacity var(--squisq-navigation-sheet-duration) ease;
+}
+.squisq-navigation-sheet-panel {
+  position: absolute;
+  top: var(--squisq-navigation-sheet-inset);
+  right: var(--squisq-navigation-sheet-inset);
+  bottom: var(--squisq-navigation-sheet-inset);
+  width: min(calc(100% - var(--squisq-navigation-sheet-gap) - var(--squisq-navigation-sheet-inset)), 400px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--squisq-surface-overlay);
+  border: 1px solid var(--squisq-border);
+  border-radius: 12px;
+  box-shadow: var(--squisq-shadow-lg);
+  color: var(--squisq-text);
+  font-family: var(--squisq-ux-font, system-ui, sans-serif);
+  outline: none;
+  transform: translateX(calc((1 - var(--squisq-navigation-sheet-progress)) * (100% + var(--squisq-navigation-sheet-inset) + 32px)));
+  transition: transform var(--squisq-navigation-sheet-duration) ease;
+}
+.squisq-navigation-sheet-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+}
+.squisq-navigation-sheet-tabs {
+  display: flex;
+  flex: 1;
+  min-width: 0;
+  gap: 2px;
+  padding: 2px;
+  border-radius: 8px;
+  background: var(--squisq-surface-sunken);
+}
+.squisq-navigation-sheet-tab {
+  flex: 1 1 0;
+  min-width: 0;
+  min-height: 36px;
+  padding: 0 8px;
+  border: none;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--squisq-text-soft);
+  font: inherit;
+  font-size: 13px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.squisq-navigation-sheet-tab[aria-selected=true] {
+  background: var(--squisq-surface-raised);
+  color: var(--squisq-text-strong);
+  box-shadow: var(--squisq-shadow-sm);
+}
+.squisq-navigation-sheet-close {
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--squisq-text-muted);
+  font-size: 16px;
+  cursor: pointer;
+}
+.squisq-navigation-sheet-close:hover {
+  background: var(--squisq-surface-hover);
+  color: var(--squisq-text);
+}
+.squisq-navigation-sheet-tab:focus-visible,
+.squisq-navigation-sheet-close:focus-visible,
+.squisq-preview-list-card:focus-visible {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: 1px;
+}
+.squisq-navigation-sheet-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+}
+.squisq-navigation-sheet-body,
+.squisq-navigation-sheet-body * {
+  touch-action: pan-y;
+}
+.squisq-outline--sheet {
+  background: transparent;
+  overflow: visible;
+}
+.squisq-preview-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 0;
+  padding: 12px;
+  list-style: none;
+}
+.squisq-preview-list > li {
+  content-visibility: auto;
+  contain-intrinsic-size: auto 200px;
+}
+.squisq-preview-list-card {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+  padding: 8px;
+  background: var(--squisq-preview-card-bg);
+  border: 1px solid var(--squisq-preview-card-border);
+  border-radius: 8px;
+  box-shadow: var(--squisq-preview-card-shadow);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.squisq-preview-list-card > .squisq-inline-preview-card-svg {
+  display: block;
+}
+.squisq-preview-list-empty {
+  padding: 16px;
+  color: var(--squisq-text-muted);
+  font-size: 13px;
+}
+@media (pointer: coarse) {
+  @container squisq-editor-body (max-width: 720px) {
+    .squisq-wysiwyg-container {
+      touch-action: pan-y pinch-zoom;
+    }
+  }
+}
+
 /* src/styles/wiki-links.css */
 .squisq-wiki-link button {
   font: inherit;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.11",
+  "version": "2.13.12",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.6",
+    "@bendyline/squisq": "2.13.7",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.7",
-    "@bendyline/squisq-grid-react": "2.11.35",
-    "@bendyline/squisq-react": "2.12.18",
-    "@bendyline/squisq-video-react": "2.5.19",
+    "@bendyline/squisq-formats": "2.8.8",
+    "@bendyline/squisq-grid-react": "2.11.36",
+    "@bendyline/squisq-react": "2.12.19",
+    "@bendyline/squisq-video-react": "2.5.20",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",