@mocanvas/mocanvas 4.0.2 → 4.1.1

package/dist/index.js

@@ -1,22 +1,20 @@
-import { getSvgString, exportToBlob, getTextMeasure, copyBlobToClipboard, downloadBlob, DEFAULT_GEO_TYPE_DEFINITIONS, GeoShapeUtil, ArrowShapeUtil, TextShapeUtil, NoteShapeUtil, FrameShapeUtil, VideoShapeUtil, getRichTextExtensions, TextLabel, textToSvg, getFontFamily, getArrowTerminalsInArrowSpace, getArrowBindings, getElbowBody, getArrowBody, getBodyLength, getArrowheadLength, getArrowheadInset, shortenBody, getElbowRoute, getArrowBindingTargetAtPoint, getNormalizedAnchor, getThemeColors, getDashId, getFillRgba, getStrokeRgba } from './chunk-DMCI6V5Y.js';
-export { ARROW_KINDS, ARROW_LABEL_PADDING, ARROW_TERMINAL_GAP_STROKES, AVG_CHAR_WIDTH, ArrowShapeUtil, DEFAULT_GEO_TYPE_DEFINITIONS, ELBOW_CORNER_STROKES, FALLBACK_THEME_COLORS, FRAME_FILL, FRAME_NAME_COLOR, FRAME_NAME_FONT_SIZE, FRAME_NAME_GAP, FRAME_NAME_HEIGHT, FRAME_NAME_OFFSET, FRAME_STROKE, FRAME_STROKE_WIDTH, FrameShapeUtil, GEO_DEFAULT_SIZE, GEO_LABEL_PADDING, GeoShapeUtil, LINE_HEIGHT, MAX_TEXT_TEXTURE_PX, NOTE_GRADIENT_TOP_SCALE, NOTE_PADDING, NOTE_SHADOW_BLUR, NOTE_SHADOW_COLOR, NOTE_SHADOW_OFFSET_Y, NOTE_SHADOW_OPACITY, NOTE_SHADOW_SPREAD, NOTE_SIZE, NoteShapeUtil, RICH_TEXT_BLOCK_CSS, SVG_DARK_BACKGROUND, SVG_EXPORT_DEFAULT_PADDING, SVG_LIGHT_BACKGROUND, TEXT_SHAPE_MIN_WIDTH, TextLabel, TextMeasure, TextShapeUtil, VIDEO_HEIGHT, VIDEO_PLACEHOLDER_FILL, VIDEO_PLACEHOLDER_STROKE, VIDEO_PLAY_COLOR, VIDEO_PLAY_SIZE, VIDEO_TIME_EPSILON, VIDEO_WIDTH, VideoShapeUtil, alignToJustify, alignToTextAlign, applyTransform, bodyToGeometry, computeGrowY, copyBlobToClipboard, dashArray, defaultShapeSvgRenderer, downloadBlob, escapeXml, estimateTextSize, exportToBlob, geoShapeMigrations, geoShapeVersions, geometryFallbackSvg, geometryToSvgPaths, getAnchorInShapeSpace, getArrowBindingTargetAtPoint, getArrowBindings, getArrowBody, getArrowDisplayValues, getArrowTerminalGap, getArrowTerminalsInArrowSpace, getArrowheadGeometry, getArrowheadInset, getArrowheadLength, getBendFromPoint, getBodyLength, getBoundElbowAxes, getDashId, getDominantAxis, getElbowBody, getElbowMidPointFromPoint, getElbowRoute, getExportBounds, getExportShapes, getFillRgba, getFontFamily, getFrameDisplayValues, getGeoDisplayValues, getGeoGrowY, getGeoTypeDefinition, getLabelFontFaces, getLabelOpticalLift, getNormalizedAnchor, getNoteBodyGradientCss, getNoteDisplayValues, getNoteFillCssColor, getNoteFillRgba, getNoteFontSize, getNoteGradientTopCssColor, getNoteGradientTopFrom, getNoteGrowY, getNoteShadowCss, getNoteShadowSvgRect, getNoteTextCssColor, getOutlineSegments, getPointOnBody, getRichTextExtensions, getStrokeRgba, getSvgString, getTangentOnBody, getTextCssColor, getTextDisplayValues, getTextMeasure, getTextShapeBox, getTextShapeHeight, getTextShapeSize, getTextShapeSizeFor, getTextShapeTextureSpec, getTextTextureKey, getTextTextureScale, getTheme, getThemeColors, getVideoDisplayValues, getVideoPlayTriangle, getVideoSource, hexToCssRgba, horizontalAlignToFlex, horizontalAlignToTextAlign, intersectSegments, isVideoAutoplayAllowed, labelFontFamily, labelFontStyle, labelGapOnBody, labelTextAlign, matrixAttr, measureGeoLabel, measureLabel, measureRichText, readArrowProps, readArrowShape, readGeoProps, readNoteProps, readTextProps, registerShapeSvgRenderer, renderHtmlFromRichTextForMeasurement, renderHtmlFromRichTextWithExtensions, renderTextToCanvas, rgbaToHex, roundElbowCorners, shapeSvgRenderers, shapeToBackgroundSvg, shapeToSvg, shortenBody, svgResultToMarkup, textTextureAlign, textTextureText, textToSvg, toDisplayText, trimTrailingWhitespace, verticalAlignToAlignItems, verticalAlignToFlex, wrapTextLines, wrapTextTextureLines, wrapTextTextureRuns } from './chunk-DMCI6V5Y.js';
+import { getSvgString, exportToBlob, getTextMeasure, copyBlobToClipboard, downloadBlob, DEFAULT_GEO_TYPE_DEFINITIONS, GeoShapeUtil, ArrowShapeUtil, TextShapeUtil, NoteShapeUtil, FrameShapeUtil, VideoShapeUtil, getRichTextExtensions, TextLabel, textToSvg, getFontFamily, getArrowTerminalsInArrowSpace, getArrowBindings, getElbowBody, getArrowBody, getBodyLength, getArrowheadLength, getArrowheadInset, shortenBody, getElbowRoute, getArrowBindingTargetAtPoint, getNormalizedAnchor, getThemeColors, getDashId, getFillRgba, getStrokeRgba } from './chunk-HRUFJLK5.js';
+export { ARROW_KINDS, ARROW_LABEL_PADDING, ARROW_TERMINAL_GAP_STROKES, AVG_CHAR_WIDTH, ArrowShapeUtil, DEFAULT_GEO_TYPE_DEFINITIONS, ELBOW_CORNER_STROKES, FALLBACK_THEME_COLORS, FRAME_FILL, FRAME_NAME_COLOR, FRAME_NAME_FONT_SIZE, FRAME_NAME_GAP, FRAME_NAME_HEIGHT, FRAME_NAME_OFFSET, FRAME_STROKE, FRAME_STROKE_WIDTH, FrameShapeUtil, GEO_DEFAULT_SIZE, GEO_LABEL_PADDING, GeoShapeUtil, LINE_HEIGHT, MAX_TEXT_TEXTURE_PX, NOTE_GRADIENT_TOP_SCALE, NOTE_PADDING, NOTE_SHADOW_BLUR, NOTE_SHADOW_COLOR, NOTE_SHADOW_OFFSET_Y, NOTE_SHADOW_OPACITY, NOTE_SHADOW_SPREAD, NOTE_SIZE, NoteShapeUtil, RICH_TEXT_BLOCK_CSS, SVG_DARK_BACKGROUND, SVG_EXPORT_DEFAULT_PADDING, SVG_LIGHT_BACKGROUND, TEXT_SHAPE_MIN_WIDTH, TextLabel, TextMeasure, TextShapeUtil, VIDEO_HEIGHT, VIDEO_PLACEHOLDER_FILL, VIDEO_PLACEHOLDER_STROKE, VIDEO_PLAY_COLOR, VIDEO_PLAY_SIZE, VIDEO_TIME_EPSILON, VIDEO_WIDTH, VideoShapeUtil, alignToJustify, alignToTextAlign, applyTransform, bodyToGeometry, computeGrowY, copyBlobToClipboard, dashArray, defaultShapeSvgRenderer, downloadBlob, escapeXml, estimateTextSize, exportToBlob, geoShapeMigrations, geoShapeVersions, geometryFallbackSvg, geometryToSvgPaths, getAnchorInShapeSpace, getArrowBindingTargetAtPoint, getArrowBindings, getArrowBody, getArrowDisplayValues, getArrowTerminalGap, getArrowTerminalsInArrowSpace, getArrowheadGeometry, getArrowheadInset, getArrowheadLength, getBendFromPoint, getBodyLength, getBoundElbowAxes, getDashId, getDominantAxis, getElbowBody, getElbowMidPointFromPoint, getElbowRoute, getExportBounds, getExportShapes, getFillRgba, getFontFamily, getFrameDisplayValues, getGeoDisplayValues, getGeoGrowY, getGeoTypeDefinition, getLabelFontFaces, getLabelOpticalLift, getNormalizedAnchor, getNoteBodyGradientCss, getNoteDisplayValues, getNoteFillCssColor, getNoteFillRgba, getNoteFontSize, getNoteGradientTopCssColor, getNoteGradientTopFrom, getNoteGrowY, getNoteShadowCss, getNoteShadowSvgRect, getNoteTextCssColor, getOutlineSegments, getPointOnBody, getRichTextExtensions, getStrokeRgba, getSvgString, getTangentOnBody, getTextCssColor, getTextDisplayValues, getTextMeasure, getTextShapeBox, getTextShapeHeight, getTextShapeSize, getTextShapeSizeFor, getTextShapeTextureSpec, getTextTextureKey, getTextTextureScale, getTheme, getThemeColors, getVideoDisplayValues, getVideoPlayTriangle, getVideoSource, hexToCssRgba, horizontalAlignToFlex, horizontalAlignToTextAlign, intersectSegments, isVideoAutoplayAllowed, labelFontFamily, labelFontStyle, labelGapOnBody, labelTextAlign, matrixAttr, measureGeoLabel, measureLabel, measureRichText, readArrowProps, readArrowShape, readGeoProps, readNoteProps, readTextProps, registerShapeSvgRenderer, renderHtmlFromRichTextForMeasurement, renderHtmlFromRichTextWithExtensions, renderTextToCanvas, rgbaToHex, roundElbowCorners, shapeSvgRenderers, shapeToBackgroundSvg, shapeToSvg, shortenBody, svgResultToMarkup, textTextureAlign, textTextureText, textToSvg, toDisplayText, trimTrailingWhitespace, verticalAlignToAlignItems, verticalAlignToFlex, wrapTextLines, wrapTextTextureLines, wrapTextTextureRuns } from './chunk-HRUFJLK5.js';
 export { TLDRAW_FILE_EXTENSION, loadMocanvasFile, parseTldrawJsonFile, serializeMocanvasFile, serializeTldrawJson, serializeTldrawJsonBlob } from './chunk-GYF6AY4N.js';
-import { registerDefaultExternalContentHandlers, createTextShapeAt, createImageAssetFromSvgText, defaultHandleExternalUrlContent, createBookmarkShape, readFileAsDataUrl, classifyExternalText } from './chunk-TWCVRVK2.js';
-export { BOOKMARK_UNFURL_FAILED, DEFAULT_MAX_IMAGE_DIMENSION, classifyExternalText, createBookmarkShape, createEmbedShape, createImageAssetFromFile, createImageAssetFromSvgText, createImageShapesForAssets, createTextShapeAt, defaultHandleExternalUrlContent, fitImageSize, getSvgTextSize, isAnimatedImageType, isImageFile, isSvgFile, loadImageSizeInBrowser, looksLikeSvg, looksLikeUrl, readFileAsDataUrl, registerDefaultExternalContentHandlers, svgTextToDataUrl } from './chunk-TWCVRVK2.js';
-import { registerRichTextEditorFactory, BookmarkShapeUtil, EmbedShapeUtil, richTextToHtml, richTextToText, asRichText, RICH_TEXT_NODES, RICH_TEXT_MARKS, readArray, propsOf, readNumber, readEnum, readBoolean, readStyle, drawShapeProps, drawShapeMigrations, polylinePath, highlightShapeProps, highlightShapeMigrations, readString, imageShapeProps, imageShapeMigrations, rectPath, lineShapeProps, lineShapeMigrations, svgPath, groupShapeProps, groupShapeMigrations, boxPath, toRichText } from './chunk-OCYJAMXT.js';
-export { BOOKMARK_BANNER_FILL, BOOKMARK_BANNER_HEIGHT, BOOKMARK_FAVICON_SIZE, BOOKMARK_FILL, BOOKMARK_GAP, BOOKMARK_HEIGHT, BOOKMARK_META_COLOR, BOOKMARK_META_FONT_SIZE, BOOKMARK_META_HEIGHT, BOOKMARK_MIN_BODY_HEIGHT, BOOKMARK_PADDING, BOOKMARK_RADIUS, BOOKMARK_STROKE, BOOKMARK_STROKE_WIDTH, BOOKMARK_TEXT_COLOR, BOOKMARK_TEXT_FONT_SIZE, BOOKMARK_TITLE_COLOR, BOOKMARK_TITLE_FONT_SIZE, BOOKMARK_TITLE_HEIGHT, BOOKMARK_WIDTH, BookmarkShapeUtil, DEFAULT_EMBED_DEFINITIONS, EMBED_HEIGHT, EMBED_PLACEHOLDER_FILL, EMBED_PLACEHOLDER_FONT_SIZE, EMBED_PLACEHOLDER_PADDING, EMBED_PLACEHOLDER_STROKE, EMBED_PLACEHOLDER_TEXT, EMBED_RADIUS, EMBED_SANDBOX, EMBED_SHAPE_PERMISSION_NAMES, EMBED_WIDTH, EmbedShapeUtil, RICH_TEXT_MARKS, RICH_TEXT_NODES, applyPlainTextToRichText, arrowBindingMigrations, arrowBindingProps, arrowShapeMigrations, arrowShapeProps, arrowShapeVersions, asRichText, bookmarkShapeMigrations, bookmarkShapeProps, boxPath, canBuildPath, createEmptyBookmarkShape, drawShapeMigrations, drawShapeProps, embedDefinitions, embedShapeMigrations, embedShapePermissionsToAllow, embedShapeProps, escapeHtml, frameShapeMigrations, frameShapeProps, geoShapeProps, getBookmarkAsset, getBookmarkCard, getBookmarkHostname, getBookmarkLayout, getEmbedDefinition, getEmbedDisplayValues, getEmbedInfo, getRichTextEditorFactory, groupShapeMigrations, groupShapeProps, highlightShapeMigrations, highlightShapeProps, imageShapeMigrations, imageShapeProps, isRichText, lineShapeMigrations, lineShapeProps, loadTipTapStarterExtensions, noteShapeMigrations, noteShapeProps, polylinePath, propsOf, readArray, readBoolean, readEnum, readNumber, readPoint, readRecord, readRichText, readString, readStyle, readText, rectPath, registerRichTextEditorFactory, richTextEquals, richTextToBlocks, richTextToHtml, richTextToText, richTextValidator, safeHref, svgPath, textShapeMigrations, textShapeProps, tipTapDefaultExtensions, toRichText, unknownEmbedShapePermissionOverrides, videoShapeMigrations, videoShapeProps } from './chunk-OCYJAMXT.js';
-import { Icon, Popover, TldrawUiMenuItem, TldrawUiMenuSubmenu, TldrawUiMenuGroup, TldrawUiMenuCheckboxItem, LANGUAGES, TldrawUiDropdownMenuRoot, TldrawUiDropdownMenuTrigger, TldrawUiDropdownMenuContent, TldrawUiMenuContextProvider, useRelevantStyles, ICONS, TldrawUiMenuActionItem, FloatingLayer, TldrawUiIcon, DefaultDialogs, useUiEvents, useCanApplySelectionAction, useReadonly, useHasLockedShapes, TldrawUiMenuActionCheckboxItem, useDialogs, UiTooltip, ICON_NAMES, TldrawUiEventsProvider, TldrawUiTranslationProvider, TldrawUiDialogsProvider, useTranslation } from './chunk-QDUQZXE4.js';
-export { DefaultDialogs, DefaultKeyboardShortcutsDialog, DefaultKeyboardShortcutsDialogContent, ExampleDialog, FloatingLayer, GEO_BOX, GEO_ICON_PATHS, ICONS, ICON_GRID, ICON_NAMES, Icon, KeyboardShortcutsDialogContents, LANGUAGES, Popover, RTL_LANGUAGES, TldrawUiButton, TldrawUiButtonCheck, TldrawUiButtonIcon, TldrawUiButtonLabel, TldrawUiDialogBody, TldrawUiDialogCloseButton, TldrawUiDialogFooter, TldrawUiDialogHeader, TldrawUiDialogTitle, TldrawUiDialogsProvider, TldrawUiDropdownMenuCheckboxItem, TldrawUiDropdownMenuContent, TldrawUiDropdownMenuGroup, TldrawUiDropdownMenuIndicator, TldrawUiDropdownMenuItem, TldrawUiDropdownMenuRoot, TldrawUiDropdownMenuSub, TldrawUiDropdownMenuSubContent, TldrawUiDropdownMenuSubTrigger, TldrawUiDropdownMenuTrigger, TldrawUiEventsProvider, TldrawUiIcon, TldrawUiKbd, TldrawUiMenuActionCheckboxItem, TldrawUiMenuActionItem, TldrawUiMenuCheckboxItem, TldrawUiMenuContextProvider, TldrawUiMenuGroup, TldrawUiMenuItem, TldrawUiMenuSubmenu, TldrawUiMenuToolItem, TldrawUiTranslationProvider, UiTooltip, getDefaultTranslationLocale, getGeoIconBox, isRtlLanguage, kbdToKeys, placeNear, useActionState, useAnchoredPosition, useCanApplySelectionAction, useCanRedo, useCanUndo, useCurrentTranslation, useDialogs, useDirection, useDismissable, useHasLockedShapes, useIsDarkMode, useIsGridMode, useMaybeCurrentTranslation, useMenuKeyboard, useMsg, useReadonly, useRelevantStyles, useTldrawUiMenuContext, useTranslation, useUiEvents, useUnlockedSelectedShapesCount } from './chunk-QDUQZXE4.js';
+import { registerDefaultExternalContentHandlers, createTextShapeAt, createImageAssetFromSvgText, defaultHandleExternalUrlContent, createBookmarkShape, readFileAsDataUrl, classifyExternalText } from './chunk-3F2HKY37.js';
+export { BOOKMARK_UNFURL_FAILED, DEFAULT_MAX_IMAGE_DIMENSION, classifyExternalText, createBookmarkShape, createEmbedShape, createImageAssetFromFile, createImageAssetFromSvgText, createImageShapesForAssets, createTextShapeAt, defaultHandleExternalUrlContent, fitImageSize, getSvgTextSize, isAnimatedImageType, isImageFile, isSvgFile, loadImageSizeInBrowser, looksLikeSvg, looksLikeUrl, readFileAsDataUrl, registerDefaultExternalContentHandlers, svgTextToDataUrl } from './chunk-3F2HKY37.js';
+import { registerRichTextEditorFactory, BookmarkShapeUtil, EmbedShapeUtil, richTextToHtml, richTextToText, asRichText, RICH_TEXT_NODES, RICH_TEXT_MARKS, readArray, propsOf, readNumber, readEnum, readBoolean, readStyle, drawShapeProps, drawShapeMigrations, polylinePath, highlightShapeProps, highlightShapeMigrations, readString, imageShapeProps, imageShapeMigrations, rectPath, lineShapeProps, lineShapeMigrations, svgPath, groupShapeProps, groupShapeMigrations, boxPath, toRichText } from './chunk-S7FPGQAA.js';
+export { BOOKMARK_BANNER_FILL, BOOKMARK_BANNER_HEIGHT, BOOKMARK_FAVICON_SIZE, BOOKMARK_FILL, BOOKMARK_GAP, BOOKMARK_HEIGHT, BOOKMARK_META_COLOR, BOOKMARK_META_FONT_SIZE, BOOKMARK_META_HEIGHT, BOOKMARK_MIN_BODY_HEIGHT, BOOKMARK_PADDING, BOOKMARK_RADIUS, BOOKMARK_STROKE, BOOKMARK_STROKE_WIDTH, BOOKMARK_TEXT_COLOR, BOOKMARK_TEXT_FONT_SIZE, BOOKMARK_TITLE_COLOR, BOOKMARK_TITLE_FONT_SIZE, BOOKMARK_TITLE_HEIGHT, BOOKMARK_WIDTH, BookmarkShapeUtil, DEFAULT_EMBED_DEFINITIONS, EMBED_HEIGHT, EMBED_PLACEHOLDER_FILL, EMBED_PLACEHOLDER_FONT_SIZE, EMBED_PLACEHOLDER_PADDING, EMBED_PLACEHOLDER_STROKE, EMBED_PLACEHOLDER_TEXT, EMBED_RADIUS, EMBED_SANDBOX, EMBED_SHAPE_PERMISSION_NAMES, EMBED_WIDTH, EmbedShapeUtil, RICH_TEXT_MARKS, RICH_TEXT_NODES, applyPlainTextToRichText, arrowBindingMigrations, arrowBindingProps, arrowShapeMigrations, arrowShapeProps, arrowShapeVersions, asRichText, bookmarkShapeMigrations, bookmarkShapeProps, boxPath, canBuildPath, createEmptyBookmarkShape, drawShapeMigrations, drawShapeProps, embedDefinitions, embedShapeMigrations, embedShapePermissionsToAllow, embedShapeProps, escapeHtml, frameShapeMigrations, frameShapeProps, geoShapeProps, getBookmarkAsset, getBookmarkCard, getBookmarkHostname, getBookmarkLayout, getEmbedDefinition, getEmbedDisplayValues, getEmbedInfo, getRichTextEditorFactory, groupShapeMigrations, groupShapeProps, highlightShapeMigrations, highlightShapeProps, imageShapeMigrations, imageShapeProps, isRichText, lineShapeMigrations, lineShapeProps, loadTipTapStarterExtensions, noteShapeMigrations, noteShapeProps, polylinePath, propsOf, readArray, readBoolean, readEnum, readNumber, readPoint, readRecord, readRichText, readString, readStyle, readText, rectPath, registerRichTextEditorFactory, richTextEquals, richTextToBlocks, richTextToHtml, richTextToText, richTextValidator, safeHref, svgPath, textShapeMigrations, textShapeProps, tipTapDefaultExtensions, toRichText, unknownEmbedShapePermissionOverrides, videoShapeMigrations, videoShapeProps } from './chunk-S7FPGQAA.js';
+import { Icon, Popover, TldrawUiMenuItem, TldrawUiMenuSubmenu, TldrawUiMenuGroup, TldrawUiMenuCheckboxItem, useAvailableTranslationLocales, TldrawUiDropdownMenuRoot, TldrawUiDropdownMenuTrigger, TldrawUiDropdownMenuContent, TldrawUiMenuContextProvider, useRelevantStyles, ICONS, ToolShortcuts, ActionShortcuts, TldrawUiMenuActionItem, TldrawUiDropdownMenuSub, TldrawUiDropdownMenuSubTrigger, TldrawUiDropdownMenuSubContent, FloatingLayer, TldrawUiIcon, DefaultDialogs, useUiEvents, useCanApplySelectionAction, useReadonly, useHasLockedShapes, TldrawUiMenuActionCheckboxItem, useDialogs, UiTooltip, ICON_NAMES, TldrawUiEventsProvider, TldrawUiTranslationProvider, TldrawUiDialogsProvider, useTranslation, useKeyboardShortcuts, debugStatsOpen } from './chunk-YMUR46N6.js';
+export { ActionShortcuts, DefaultDialogs, DefaultKeyboardShortcutsDialog, DefaultKeyboardShortcutsDialogContent, ExampleDialog, FloatingLayer, GEO_BOX, GEO_ICON_PATHS, ICONS, ICON_GRID, ICON_NAMES, Icon, KEYBOARD_SHORTCUTS, KeyboardShortcutsDialogContents, LANGUAGES, Popover, RTL_LANGUAGES, TldrawUiButton, TldrawUiButtonCheck, TldrawUiButtonIcon, TldrawUiButtonLabel, TldrawUiDialogBody, TldrawUiDialogCloseButton, TldrawUiDialogFooter, TldrawUiDialogHeader, TldrawUiDialogTitle, TldrawUiDialogsProvider, TldrawUiDropdownMenuCheckboxItem, TldrawUiDropdownMenuContent, TldrawUiDropdownMenuGroup, TldrawUiDropdownMenuIndicator, TldrawUiDropdownMenuItem, TldrawUiDropdownMenuRoot, TldrawUiDropdownMenuSub, TldrawUiDropdownMenuSubContent, TldrawUiDropdownMenuSubTrigger, TldrawUiDropdownMenuTrigger, TldrawUiEventsProvider, TldrawUiIcon, TldrawUiKbd, TldrawUiMenuActionCheckboxItem, TldrawUiMenuActionItem, TldrawUiMenuCheckboxItem, TldrawUiMenuContextProvider, TldrawUiMenuGroup, TldrawUiMenuItem, TldrawUiMenuSubmenu, TldrawUiMenuToolItem, TldrawUiTranslationProvider, ToolShortcuts, UiTooltip, actionKeyMap, buildShortcutIndex, debugStatsOpen, getDefaultTranslationLocale, getGeoIconBox, groupKeyboardShortcuts, isRtlLanguage, kbdToKeys, normalizeKbd, placeNear, toolKeyMap, useActionShortcuts, useActionState, useAnchoredPosition, useAvailableTranslationLocales, useBoundActionShortcuts, useBoundToolShortcuts, useCanApplySelectionAction, useCanRedo, useCanUndo, useCurrentTranslation, useDialogs, useDirection, useDismissable, useHasLockedShapes, useIsDarkMode, useIsGridMode, useKeyboardShortcuts, useMaybeCurrentTranslation, useMenuKeyboard, useMsg, useReadonly, useRelevantStyles, useTldrawUiMenuContext, useToolShortcuts, useTranslation, useUiEvents, useUnlockedSelectedShapesCount } from './chunk-YMUR46N6.js';
 import { catmullRomToBezier, pathWordsToSvgD } from './chunk-OMUOD53T.js';
 export { HEXAGON_FLAT_SIDE_SPAN, STAR_INNER_RATIO, arcToCubicSegments, catmullRomToBezier, fitPointsToBox, getCloudSegments, getGeoDecorations, getGeoGeometry, getGeoPolygonPoints, getHeartSegments, getStadiumSegments, hasGeoFlip, lineSegment, mirrorPointsInBox, mirrorSegmentsInBox, pathWordsToSvgD, pointOnCubic, transformPathWords } from './chunk-OMUOD53T.js';
-import { registerExportImplementation, registerTextMeasureImplementation, registerEngineProvider, getLoadedEngine, DEFAULT_COLORS, track, useEditor, GeoShapeGeoStyle, DefaultColorStyle, DefaultLabelColorStyle, DefaultFillStyle, DefaultDashStyle, DefaultSizeStyle, DefaultFontStyle, DefaultHorizontalAlignStyle, DefaultVerticalAlignStyle, GEO_SHAPE_KINDS, useTools, useGlobalMenuIsOpen, useIsToolSelected, DefaultFontFaces, LIGHT_THEME, useValue, EditorPortal, LineShapeSplineStyle, ArrowShapeKindStyle, ArrowShapeArrowheadStartStyle, ArrowShapeArrowheadEndStyle, DefaultTextAlignStyle, atom as atom$1, ShapeIndicatorCompositor, OverlayUtil, getOverlayDisplayValues, getSelectionHandlePositions, Rectangle2d, stopEventPropagation, MocanvasUiProvider, useContainerIfExists, BindingUtil, Vec, DIM_3D, DIM_2D, b64Vecs, getDefaultDisplayValues, ShapeUtil, Polygon2d, Polyline2d, STROKE_SIZES, getColorValue, hexToRgba, getUncroppedSize, BaseBoxShapeUtil, CubicSpline2d, Box, createStore, Editor as Editor$1, StateNode, loadEngine, Canvas, AssetUrlsProvider, EditorProvider, createShapeId, AssetRecordType, Geometry2d, PATH_OP, Group2d, Mat, useEditorComponents, dropShapesOnFrameLike, getFrameLikeDropTarget } from '@mocanvas/editor';
+import { registerExportImplementation, registerTextMeasureImplementation, registerEngineProvider, getLoadedEngine, DEFAULT_COLORS, track, useEditor, GeoShapeGeoStyle, DefaultColorStyle, DefaultLabelColorStyle, DefaultFillStyle, DefaultDashStyle, DefaultSizeStyle, DefaultFontStyle, DefaultHorizontalAlignStyle, DefaultVerticalAlignStyle, GEO_SHAPE_KINDS, useTools, useGlobalMenuIsOpen, useIsToolSelected, DefaultFontFaces, LIGHT_THEME, useValue, EditorPortal, LineShapeSplineStyle, ArrowShapeKindStyle, ArrowShapeArrowheadStartStyle, ArrowShapeArrowheadEndStyle, DefaultTextAlignStyle, atom, ShapeIndicatorCompositor, OverlayUtil, getOverlayDisplayValues, getSelectionHandlePositions, Rectangle2d, stopEventPropagation, MocanvasUiProvider, useContainerIfExists, BindingUtil, Vec, DIM_3D, DIM_2D, b64Vecs, getDefaultDisplayValues, ShapeUtil, Polygon2d, Polyline2d, STROKE_SIZES, getColorValue, hexToRgba, getUncroppedSize, BaseBoxShapeUtil, CubicSpline2d, Box, createStore, Editor as Editor$1, StateNode, loadEngine, Canvas, AssetUrlsProvider, EditorProvider, ContainerProvider, createShapeId, AssetRecordType, Geometry2d, PATH_OP, Group2d, Mat, useEditorComponents, useMaybeEditor, dropShapesOnFrameLike, getFrameLikeDropTarget } from '@mocanvas/editor';
 export * from '@mocanvas/editor';
-import { useState, useRef, Fragment, createContext, useEffect, useMemo, useId, useCallback, useLayoutEffect, useContext, Children } from 'react';
+import { createContext, useState, useRef, Fragment, useEffect, useMemo, useId, useCallback, useLayoutEffect, useContext, Children } from 'react';
 import { Editor } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
-import './ui-4C5V5GYT.css';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { atom } from '@mocanvas/state';
 import { sortByIndex, getIndexBetween, getIndexAbove } from '@mocanvas/store';
 
 // src/text/rich-text-render.ts
@@ -395,10 +393,25 @@ function traceCross(ctx, x, y, arm) {
   ctx.moveTo(x - arm, y + arm);
   ctx.lineTo(x + arm, y - arm);
 }
+function truncateToWidth(ctx, text, maxWidth) {
+  if (maxWidth === void 0 || maxWidth <= 0) return text;
+  if (ctx.measureText(text).width <= maxWidth) return text;
+  const ellipsis = "\u2026";
+  if (ctx.measureText(ellipsis).width > maxWidth) return "";
+  let lo = 0;
+  let hi = text.length;
+  while (lo < hi) {
+    const mid = Math.ceil((lo + hi) / 2);
+    if (ctx.measureText(text.slice(0, mid) + ellipsis).width <= maxWidth) lo = mid;
+    else hi = mid - 1;
+  }
+  return text.slice(0, lo) + ellipsis;
+}
 function drawLabelChip(ctx, text, x, y, opts) {
   ctx.font = opts.font;
   ctx.textBaseline = "top";
   ctx.textAlign = "left";
+  text = truncateToWidth(ctx, text, opts.maxWidth === void 0 ? void 0 : opts.maxWidth - opts.paddingX * 2);
   const metrics = ctx.measureText(text);
   const ascent = metrics.actualBoundingBoxAscent;
   const descent = metrics.actualBoundingBoxDescent;
@@ -645,8 +658,14 @@ var ZoomBrushOverlayUtil = class extends BaseBrushOverlayUtil {
   }
 };
 var DEFAULT_COLLABORATOR_OVERLAY_OPTIONS = {
-  idleOpacity: 0.5
+  idleOpacity: 0.5,
+  fontSize: 12,
+  nameMaxWidth: 120,
+  chatMaxWidth: 200
 };
+function chipFont(fontSize) {
+  return `${fontSize}px system-ui, -apple-system, "Segoe UI", sans-serif`;
+}
 var CollaboratorOverlayUtil = class extends OverlayUtil {
   /** Everybody present and on this page. Never the local user. */
   getPeople() {
@@ -688,11 +707,11 @@ var CollaboratorCursorOverlayUtil = class extends CollaboratorOverlayUtil {
     }
     return out;
   }
-  render(ctx) {
-    const overlays = this.getOverlays();
+  render(ctx, given) {
+    const overlays = given ?? this.getOverlays();
     if (overlays.length === 0) return;
     const editor = this.editor;
-    const idleOpacity = this.options.idleOpacity;
+    const { idleOpacity, fontSize, nameMaxWidth, chatMaxWidth } = this.options;
     isolate(ctx, (c) => {
       for (const overlay of overlays) {
         const at = editor.pageToViewport(overlay.point);
@@ -715,6 +734,7 @@ var CollaboratorCursorOverlayUtil = class extends CollaboratorOverlayUtil {
         c.fill();
         c.stroke();
         c.restore();
+        const isChat = !!overlay.chatMessage;
         const label = overlay.chatMessage || overlay.userName;
         if (label) {
           drawLabelChip(c, label, at.x + 12, at.y + 16, {
@@ -722,10 +742,13 @@ var CollaboratorCursorOverlayUtil = class extends CollaboratorOverlayUtil {
             // White reads on all eight presence colours, which are chosen to be
             // dark enough for exactly this.
             color: "#ffffff",
-            font: '12px system-ui, -apple-system, "Segoe UI", sans-serif',
+            font: chipFont(fontSize),
             paddingX: 6,
             paddingY: 3,
-            radius: 4
+            radius: 4,
+            // Without a cap a long name drew a chip as wide as the name, which
+            // on a zoomed-out board covered the drawing it was labelling.
+            maxWidth: isChat ? chatMaxWidth : nameMaxWidth
           });
         }
       }
@@ -1583,7 +1606,9 @@ var TOOLBAR_GROUPS = [
   ],
   [
     { id: "draw", tool: "draw", icon: "draw", label: "Draw", shortcut: "D", kbd: "d,p,b" },
-    { id: "eraser", tool: "eraser", icon: "eraser", label: "Eraser", shortcut: "E", kbd: "e" }
+    { id: "highlight", tool: "highlight", icon: "highlight", label: "Highlight", shortcut: "I", kbd: "i" },
+    { id: "eraser", tool: "eraser", icon: "eraser", label: "Eraser", shortcut: "E", kbd: "e" },
+    { id: "laser", tool: "laser", icon: "laser", label: "Laser", shortcut: "K", kbd: "k", readonlyOk: true }
   ],
   [
     { id: "rectangle", tool: "geo", icon: "geo-rectangle", label: "Rectangle", shortcut: "R", kbd: "r", geo: "rectangle" },
@@ -1711,228 +1736,107 @@ function buildDefaultActionItems(editor) {
   for (const entry of items) actions[entry.id] = entry;
   return actions;
 }
-function isEditable(t) {
-  return t instanceof HTMLElement && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable);
+var A11yContext = createContext(null);
+var NOOP = { announce: () => {
+}, currentMsg: null };
+function TldrawUiA11yProvider({ children }) {
+  const [currentMsg, setCurrentMsg] = useState(null);
+  const seq = useRef(0);
+  const announce = useCallback((value2) => {
+    seq.current += 1;
+    setCurrentMsg({ ...value2, msg: seq.current % 2 === 0 ? `${value2.msg}\u200B` : value2.msg });
+  }, []);
+  const value = useMemo(() => ({ announce, currentMsg }), [announce, currentMsg]);
+  return /* @__PURE__ */ jsx(A11yContext.Provider, { value, children });
 }
-function toolKeyMap(tools, isReadonly) {
-  const map = /* @__PURE__ */ new Map();
-  for (const tool of Object.values(tools)) {
-    if (tool.disabled) continue;
-    if (isReadonly && !tool.readonlyOk) continue;
-    if (!tool.kbd) continue;
-    for (const raw of tool.kbd.split(",")) {
-      const key = raw.trim().toLowerCase();
-      if (key === "" || key.includes("+")) continue;
-      if (!map.has(key)) map.set(key, tool.id);
-    }
-  }
-  return map;
+function useA11y() {
+  return useContext(A11yContext) ?? NOOP;
 }
-function useToolShortcuts() {
+function DefaultA11yAnnouncer() {
+  const { currentMsg } = useA11y();
+  const priority = currentMsg?.priority ?? "polite";
+  const hidden = {
+    position: "absolute",
+    width: 1,
+    height: 1,
+    margin: -1,
+    padding: 0,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    whiteSpace: "nowrap",
+    border: 0
+  };
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx("div", { className: "mocanvas-a11y-announcer", role: "status", "aria-live": "polite", "aria-atomic": "true", style: hidden, children: priority === "polite" ? currentMsg?.msg : "" }),
+    /* @__PURE__ */ jsx("div", { className: "mocanvas-a11y-announcer", role: "alert", "aria-live": "assertive", "aria-atomic": "true", style: hidden, children: priority === "assertive" ? currentMsg?.msg : "" })
+  ] });
+}
+function describeShape(shape) {
+  if (shape.type !== "geo") return shape.type;
+  const geo = shape.props?.["geo"];
+  return typeof geo === "string" && geo !== "" ? geo : shape.type;
+}
+function useSelectedShapesAnnouncer() {
   const editor = useEditor();
-  const tools = useTools();
-  const toolsRef = useRef(tools);
-  toolsRef.current = tools;
+  const { announce } = useA11y();
+  const summary = useValue(
+    "selection summary",
+    () => {
+      const shapes = editor.getSelectedShapes();
+      if (shapes.length === 0) return "";
+      const enhanced = editor.user.getIsEnhancedA11yMode();
+      if (shapes.length === 1) {
+        const shape = shapes[0];
+        const name = describeShape(shape);
+        if (!enhanced) return `${name} selected`;
+        const bounds2 = editor.getShapePageBounds(shape);
+        if (!bounds2) return `${name} selected`;
+        return `${name} selected, at ${Math.round(bounds2.x)}, ${Math.round(bounds2.y)}, ${Math.round(bounds2.w)} by ${Math.round(bounds2.h)}`;
+      }
+      if (!enhanced) return `${shapes.length} shapes selected`;
+      const bounds = editor.getSelectionPageBounds();
+      if (!bounds) return `${shapes.length} shapes selected`;
+      return `${shapes.length} shapes selected, ${Math.round(bounds.w)} by ${Math.round(bounds.h)}`;
+    },
+    [editor]
+  );
   useEffect(() => {
-    const onKeyDown = (e) => {
-      if (e.metaKey || e.ctrlKey || e.altKey) return;
-      if (isEditable(e.target)) return;
-      if (editor.getEditingShapeId()) return;
-      const map = toolKeyMap(toolsRef.current, editor.getInstanceState().isReadonly);
-      const id = map.get(e.key.toLowerCase());
-      if (id === void 0) return;
-      const tool = toolsRef.current[id];
-      if (!tool) return;
-      e.preventDefault();
-      tool.onSelect("kbd");
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, [editor]);
+    if (summary) announce({ msg: summary, priority: "polite" });
+  }, [summary]);
 }
-function ToolShortcuts() {
-  useToolShortcuts();
+function SelectionAnnouncer() {
+  useSelectedShapesAnnouncer();
   return null;
 }
-var debugStatsOpen = atom("debugStatsOpen", false);
-function isEditable2(t) {
-  return t instanceof HTMLElement && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable);
+function usePrefersReducedMotion() {
+  const [os, setOs] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined" || !window.matchMedia) return;
+    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const update = () => setOs(mq.matches);
+    update();
+    mq.addEventListener("change", update);
+    return () => mq.removeEventListener("change", update);
+  }, []);
+  return os;
 }
-var clipboardFallback = "";
-function useKeyboardShortcuts(editor, options = {}) {
-  const bindTools = options.tools ?? true;
+function useReduceMotion() {
+  const editor = useEditor();
+  const os = usePrefersReducedMotion();
+  const preference = useValue("animationSpeed", () => editor.user.getUserPreferences().animationSpeed, [editor]);
+  return preference === void 0 ? os : preference === 0;
+}
+function ReduceMotionAttribute() {
+  const editor = useEditor();
+  const reduced = useReduceMotion();
   useEffect(() => {
-    if (!editor) return;
-    const isMac = /Mac|iPhone|iPad/.test(navigator.platform ?? "");
-    const onKeyDown = (e) => {
-      if (isEditable2(e.target)) return;
-      if (editor.getEditingShapeId()) return;
-      const accel = isMac ? e.metaKey : e.ctrlKey;
-      const key = e.key.toLowerCase();
-      if (accel) {
-        switch (key) {
-          case "z":
-            e.preventDefault();
-            if (e.shiftKey) editor.redo();
-            else editor.undo();
-            return;
-          case "y":
-            e.preventDefault();
-            editor.redo();
-            return;
-          case "a":
-            e.preventDefault();
-            editor.selectAll();
-            return;
-          case "g": {
-            e.preventDefault();
-            const ids = editor.getSelectedShapeIds();
-            if (!ids.length) return;
-            editor.markHistoryStoppingPoint(e.shiftKey ? "ungroup" : "group");
-            if (e.shiftKey) editor.ungroupShapes(ids);
-            else editor.groupShapes(ids);
-            return;
-          }
-          case "l": {
-            e.preventDefault();
-            if (e.shiftKey) {
-              editor.markHistoryStoppingPoint("lock");
-              editor.toggleLock();
-            }
-            return;
-          }
-          case "d": {
-            e.preventDefault();
-            const ids = editor.getSelectedShapeIds();
-            if (ids.length) {
-              editor.markHistoryStoppingPoint("duplicate");
-              const copies = editor.duplicateShapes(ids);
-              editor.setSelectedShapes(copies);
-            }
-            return;
-          }
-          case "c":
-          case "x": {
-            const ids = editor.getSelectedShapeIds();
-            if (!ids.length) return;
-            e.preventDefault();
-            const content = editor.getContentFromCurrentPage(ids);
-            if (content) {
-              const text = JSON.stringify({ type: "application/mocanvas", ...content });
-              navigator.clipboard?.writeText(text).catch(() => {
-              });
-              clipboardFallback = text;
-            }
-            if (key === "x") {
-              editor.markHistoryStoppingPoint("cut");
-              editor.deleteShapes(ids);
-            }
-            return;
-          }
-          case "v": {
-            e.preventDefault();
-            const paste = (text) => {
-              try {
-                const data = JSON.parse(text);
-                if (data.type !== "application/mocanvas" || !Array.isArray(data.shapes)) return;
-                editor.markHistoryStoppingPoint("paste");
-                editor.putContentOntoCurrentPage(data, { point: editor.getViewportPageCenter() });
-              } catch {
-              }
-            };
-            if (navigator.clipboard?.readText) navigator.clipboard.readText().then(paste, () => clipboardFallback && paste(clipboardFallback));
-            else if (clipboardFallback) paste(clipboardFallback);
-            return;
-          }
-          case "=":
-          case "+":
-            e.preventDefault();
-            editor.zoomIn();
-            return;
-          case "-":
-            e.preventDefault();
-            editor.zoomOut();
-            return;
-          case "0":
-            e.preventDefault();
-            editor.resetZoom();
-            return;
-          case "1":
-            e.preventDefault();
-            editor.zoomToFit();
-            return;
-          case "2":
-            e.preventDefault();
-            editor.zoomToSelection();
-            return;
-          case "]":
-            e.preventDefault();
-            if (e.altKey) editor.bringToFront();
-            else editor.bringForward();
-            return;
-          case "[":
-            e.preventDefault();
-            if (e.altKey) editor.sendToBack();
-            else editor.sendBackward();
-            return;
-          default:
-            return;
-        }
-      }
-      if (e.altKey) {
-        if (e.code === "KeyD" || key === "d" || key === "\u2202") {
-          e.preventDefault();
-          debugStatsOpen.set(!debugStatsOpen.get());
-        }
-        return;
-      }
-      if (key === "q") {
-        editor.updateInstanceState({ isToolLocked: !editor.getInstanceState().isToolLocked });
-        return;
-      }
-      if (!bindTools) return;
-      switch (key) {
-        case "v":
-          editor.setCurrentTool("select");
-          break;
-        case "h":
-          editor.setCurrentTool("hand");
-          break;
-        case "r":
-          editor.setCurrentTool("geo", { geo: "rectangle" });
-          break;
-        case "o":
-          editor.setCurrentTool("geo", { geo: "ellipse" });
-          break;
-        case "d":
-        case "p":
-        case "b":
-          editor.setCurrentTool("draw");
-          break;
-        case "e":
-          editor.setCurrentTool("eraser");
-          break;
-        case "n":
-          editor.setCurrentTool("note");
-          break;
-        case "t":
-          editor.setCurrentTool("text");
-          break;
-        // arrow/line/frame are optional tools: apps may register a smaller set.
-        case "a":
-          if (editor.root.children?.["arrow"]) editor.setCurrentTool("arrow");
-          break;
-        case "l":
-          if (editor.root.children?.["line"]) editor.setCurrentTool("line");
-          break;
-        case "f":
-          if (editor.root.children?.["frame"]) editor.setCurrentTool("frame");
-          break;
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, [editor, bindTools]);
+    const container = editor.getContainer();
+    if (!container) return;
+    if (reduced) container.setAttribute("data-reduce-motion", "true");
+    else container.removeAttribute("data-reduce-motion");
+    return () => container.removeAttribute("data-reduce-motion");
+  }, [editor, reduced]);
+  return null;
 }
 var IS_MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent || "");
 var MOD_KEY = IS_MAC ? "\u2318" : "Ctrl+";
@@ -2122,7 +2026,9 @@ function Chrome({ showStats, hidePanels }) {
     c.Dialogs ? /* @__PURE__ */ jsx(c.Dialogs, {}) : null,
     c.A11y ? /* @__PURE__ */ jsx(c.A11y, {}) : null,
     c.Tooltip ? /* @__PURE__ */ jsx(c.Tooltip, {}) : null,
-    /* @__PURE__ */ jsx(ToolShortcuts, {})
+    /* @__PURE__ */ jsx(ToolShortcuts, {}),
+    /* @__PURE__ */ jsx(ActionShortcuts, {}),
+    /* @__PURE__ */ jsx(SelectionAnnouncer, {})
   ] });
 }
 function DefaultUi({ editor, components, overrides, showStats = true, canvas, hidePanels = false, children }) {
@@ -2194,70 +2100,6 @@ function useTldrawUiOrientation() {
   const rtl = value.dir === "rtl";
   return { ...value, prevKey: rtl ? "ArrowRight" : "ArrowLeft", nextKey: rtl ? "ArrowLeft" : "ArrowRight" };
 }
-var A11yContext = createContext(null);
-var NOOP = { announce: () => {
-}, currentMsg: null };
-function TldrawUiA11yProvider({ children }) {
-  const [currentMsg, setCurrentMsg] = useState(null);
-  const seq = useRef(0);
-  const announce = useCallback((value2) => {
-    seq.current += 1;
-    setCurrentMsg({ ...value2, msg: seq.current % 2 === 0 ? `${value2.msg}\u200B` : value2.msg });
-  }, []);
-  const value = useMemo(() => ({ announce, currentMsg }), [announce, currentMsg]);
-  return /* @__PURE__ */ jsx(A11yContext.Provider, { value, children });
-}
-function useA11y() {
-  return useContext(A11yContext) ?? NOOP;
-}
-function DefaultA11yAnnouncer() {
-  const { currentMsg } = useA11y();
-  const priority = currentMsg?.priority ?? "polite";
-  const hidden = {
-    position: "absolute",
-    width: 1,
-    height: 1,
-    margin: -1,
-    padding: 0,
-    overflow: "hidden",
-    clip: "rect(0 0 0 0)",
-    whiteSpace: "nowrap",
-    border: 0
-  };
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx("div", { className: "mocanvas-a11y-announcer", role: "status", "aria-live": "polite", "aria-atomic": "true", style: hidden, children: priority === "polite" ? currentMsg?.msg : "" }),
-    /* @__PURE__ */ jsx("div", { className: "mocanvas-a11y-announcer", role: "alert", "aria-live": "assertive", "aria-atomic": "true", style: hidden, children: priority === "assertive" ? currentMsg?.msg : "" })
-  ] });
-}
-function useSelectedShapesAnnouncer() {
-  const editor = useEditor();
-  const { announce } = useA11y();
-  const summary = useValue(
-    "selection summary",
-    () => {
-      const shapes = editor.getSelectedShapes();
-      if (shapes.length === 0) return "";
-      if (shapes.length === 1) return `${shapes[0].type} selected`;
-      return `${shapes.length} shapes selected`;
-    },
-    [editor]
-  );
-  useEffect(() => {
-    if (summary) announce({ msg: summary, priority: "polite" });
-  }, [summary]);
-}
-function usePrefersReducedMotion() {
-  const [os, setOs] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) return;
-    const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
-    const update = () => setOs(mq.matches);
-    update();
-    mq.addEventListener("change", update);
-    return () => mq.removeEventListener("change", update);
-  }, []);
-  return os;
-}
 var ToastsContext = createContext(null);
 var NOOP2 = { addToast: () => "", removeToast: () => {
 }, clearToasts: () => {
@@ -2347,9 +2189,23 @@ function useTooltipSuppression() {
     [ctx]
   );
 }
+function UiListsProvider({ overrides, children }) {
+  const editor = useMaybeEditor();
+  if (!editor) return /* @__PURE__ */ jsx(Fragment$1, { children });
+  return /* @__PURE__ */ jsx(
+    MocanvasUiProvider,
+    {
+      editor,
+      defaultTools: buildDefaultToolItems,
+      defaultActions: buildDefaultActionItems,
+      ...overrides ? { overrides } : {},
+      children
+    }
+  );
+}
 function TldrawUiContextProvider({ onUiEvent, components, overrides, forceMobile, children }) {
   const translations = overrides?.translations;
-  return /* @__PURE__ */ jsx(TldrawUiEventsProvider, { ...onUiEvent ? { onEvent: onUiEvent } : {}, children: /* @__PURE__ */ jsx(TldrawUiTranslationProvider, { ...translations ? { overrides: translations } : {}, children: /* @__PURE__ */ jsx(BreakPointProvider, { ...forceMobile ? { forceMobile } : {}, children: /* @__PURE__ */ jsx(TldrawUiA11yProvider, { children: /* @__PURE__ */ jsx(TldrawUiToastsProvider, { children: /* @__PURE__ */ jsx(TldrawUiDialogsProvider, { children: /* @__PURE__ */ jsx(TldrawUiComponentsProvider, { ...components ? { overrides: components } : {}, children: /* @__PURE__ */ jsx(TldrawUiTooltipProvider, { children }) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(TldrawUiEventsProvider, { ...onUiEvent ? { onEvent: onUiEvent } : {}, children: /* @__PURE__ */ jsx(TldrawUiTranslationProvider, { ...translations ? { overrides: translations } : {}, children: /* @__PURE__ */ jsx(BreakPointProvider, { ...forceMobile ? { forceMobile } : {}, children: /* @__PURE__ */ jsx(TldrawUiA11yProvider, { children: /* @__PURE__ */ jsx(TldrawUiToastsProvider, { children: /* @__PURE__ */ jsx(TldrawUiDialogsProvider, { children: /* @__PURE__ */ jsx(TldrawUiComponentsProvider, { ...components ? { overrides: components } : {}, children: /* @__PURE__ */ jsx(UiListsProvider, { ...overrides ? { overrides } : {}, children: /* @__PURE__ */ jsx(TldrawUiTooltipProvider, { children }) }) }) }) }) }) }) }) });
 }
 function useDefaultHelpers() {
   const editor = useEditor();
@@ -2580,7 +2436,7 @@ function TldrawUiPopover({ id, open: controlled, onOpenChange, side = "below", c
   );
   return /* @__PURE__ */ jsx(PopoverContext.Provider, { value, children });
 }
-function TldrawUiPopoverTrigger({ className, children }) {
+function TldrawUiPopoverTrigger({ label, className, children }) {
   const { id, open, setOpen, anchorRef } = usePopoverContext("TldrawUiPopoverTrigger");
   return /* @__PURE__ */ jsx(
     "button",
@@ -2590,6 +2446,7 @@ function TldrawUiPopoverTrigger({ className, children }) {
       },
       type: "button",
       className: ["mocanvas-btn", className].filter(Boolean).join(" "),
+      ...label ? { "aria-label": label, "data-tooltip": label } : {},
       "aria-haspopup": "dialog",
       "aria-expanded": open,
       "aria-controls": `${id}-content`,
@@ -2745,6 +2602,7 @@ function TldrawUiToolbar({ label, orientation = "horizontal", className, style,
 }
 function TldrawUiToolbarButton({ type = "icon", isActive, disabled, title, className, ref, onClick, children, ...rest }) {
   const label = rest["aria-label"] ?? title;
+  const tool = rest["data-tool"];
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -2752,6 +2610,7 @@ function TldrawUiToolbarButton({ type = "icon", isActive, disabled, title, class
       type: "button",
       className: ["mocanvas-btn", `mocanvas-btn--${type}`, className].filter(Boolean).join(" "),
       disabled,
+      ...tool ? { "data-tool": tool } : {},
       ...label ? { "aria-label": label, "data-tooltip": title ?? label } : {},
       ...isActive === void 0 ? {} : { "aria-pressed": isActive },
       onClick,
@@ -2875,8 +2734,44 @@ async function exportAs(editor, format = "png", ids = editor.getSelectedShapeIds
   const page = editor.getCurrentPage();
   downloadBlob(blob, `${name ?? page?.name ?? "drawing"}.${format}`);
 }
-function printSelection(editor) {
-  editor.getContainerWindow()?.print();
+function canPrint(editor) {
+  return editor.getCurrentPageShapeIds().size > 0;
+}
+function printSelection(editor, ids) {
+  const doc = editor.getContainerDocument();
+  if (!doc?.body) return false;
+  const rendered = getSvgString(editor, ids, {
+    background: editor.getInstanceState().exportBackground,
+    darkMode: false
+  });
+  if (!rendered) return false;
+  const title = editor.getCurrentPage()?.name ?? "Drawing";
+  const frame = doc.createElement("iframe");
+  frame.setAttribute("aria-hidden", "true");
+  frame.setAttribute("title", `Print ${title}`);
+  frame.style.cssText = "position:fixed;left:-10000px;top:0;width:1px;height:1px;border:0;opacity:0";
+  const cleanUp = () => frame.remove();
+  frame.addEventListener("load", () => {
+    const view = frame.contentWindow;
+    if (!view) {
+      cleanUp();
+      return;
+    }
+    view.addEventListener("afterprint", cleanUp, { once: true });
+    view.setTimeout(cleanUp, 6e4);
+    view.focus();
+    view.print();
+  });
+  frame.srcdoc = `<!doctype html><html><head><meta charset="utf-8"><title>${escapeHtml2(title)}</title><style>
+html,body{margin:0;padding:0;background:#fff}
+svg{display:block;width:100%;height:auto;max-width:100%}
+@page{margin:12mm}
+</style></head><body>${rendered.svg}</body></html>`;
+  doc.body.appendChild(frame);
+  return true;
+}
+function escapeHtml2(value) {
+  return value.replace(/[&<>"]/g, (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : c === ">" ? "&gt;" : "&quot;");
 }
 function CutMenuItem() {
   const editor = useEditor();
@@ -2924,11 +2819,10 @@ function ExportFileContentSubMenu() {
       {
         id: "save-file-copy",
         label: "Save a copy",
-        kbd: "mod+s",
         onSelect: () => {
           void import('./file-GEHTVI2G.js').then(({ serializeMocanvasFile: serializeMocanvasFile2 }) => {
             const blob = new Blob([serializeMocanvasFile2(editor)], { type: "application/json" });
-            void import('./export-VQGOVONC.js').then(({ downloadBlob: downloadBlob2 }) => downloadBlob2(blob, `${editor.getCurrentPage()?.name ?? "drawing"}.mocanvas`));
+            void import('./export-UA6X35ZW.js').then(({ downloadBlob: downloadBlob2 }) => downloadBlob2(blob, `${editor.getCurrentPage()?.name ?? "drawing"}.mocanvas`));
           });
         }
       }
@@ -2936,10 +2830,11 @@ function ExportFileContentSubMenu() {
     /* @__PURE__ */ jsx(PrintItem, {})
   ] }) });
 }
-function PrintItem() {
+var PrintItem = track(function PrintItem2() {
   const editor = useEditor();
-  return /* @__PURE__ */ jsx(TldrawUiMenuItem, { id: "print", label: "Print", kbd: "mod+p", onSelect: () => printSelection(editor) });
-}
+  const enabled = canPrint(editor);
+  return /* @__PURE__ */ jsx(TldrawUiMenuItem, { id: "print", label: "Print", disabled: !enabled, onSelect: () => void printSelection(editor) });
+});
 function ConversionsMenuGroup() {
   return /* @__PURE__ */ jsxs(TldrawUiMenuGroup, { id: "conversions", children: [
     /* @__PURE__ */ jsx(CopyAsMenuGroup, {}),
@@ -3052,7 +2947,7 @@ var ConvertToEmbedMenuItem = track(function ConvertToEmbedMenuItem2() {
         const url = shape.props.url;
         if (!url) return;
         editor.markHistoryStoppingPoint("convert to embed");
-        void import('./urlContent-GC44EU52.js').then(({ createEmbedShape: createEmbedShape2 }) => {
+        void import('./urlContent-WYYVQYYN.js').then(({ createEmbedShape: createEmbedShape2 }) => {
           editor.deleteShapes([shape.id]);
           createEmbedShape2(editor, url, { x: shape.x, y: shape.y });
         });
@@ -3073,7 +2968,7 @@ var ConvertToBookmarkMenuItem = track(function ConvertToBookmarkMenuItem2() {
         const url = shape.props.url;
         if (!url) return;
         editor.markHistoryStoppingPoint("convert to bookmark");
-        void import('./urlContent-GC44EU52.js').then(({ createBookmarkShape: createBookmarkShape2 }) => {
+        void import('./urlContent-WYYVQYYN.js').then(({ createBookmarkShape: createBookmarkShape2 }) => {
           editor.deleteShapes([shape.id]);
           createBookmarkShape2(editor, url, void 0, { x: shape.x, y: shape.y });
         });
@@ -3201,15 +3096,14 @@ function ToggleTransparentBgMenuItem() {
 }
 function ToggleReduceMotionItem() {
   const editor = useEditor();
-  const os = usePrefersReducedMotion();
-  const off = useValue("reduceMotion", () => editor.user.getAnimationSpeed() === 0, [editor]);
+  const reduced = useReduceMotion();
   return /* @__PURE__ */ jsx(
     TldrawUiMenuCheckboxItem,
     {
       id: "toggle-reduce-motion",
       label: "Reduce motion",
-      checked: off || os,
-      onSelect: () => editor.user.updateUserPreferences({ animationSpeed: off ? 1 : 0 })
+      checked: reduced,
+      onSelect: () => editor.user.updateUserPreferences({ animationSpeed: reduced ? 1 : 0 })
     }
   );
 }
@@ -3227,21 +3121,19 @@ var ToggleInvertZoomItem = track(function ToggleInvertZoomItem2() {
     }
   );
 });
-var enhancedA11y = false;
-function useEnhancedA11yMode() {
-  const [value, setValue] = useState(enhancedA11y);
-  return [
-    value,
-    (next) => {
-      enhancedA11y = next;
-      setValue(next);
+var ToggleEnhancedA11yModeItem = track(function ToggleEnhancedA11yModeItem2() {
+  const editor = useEditor();
+  const enabled = editor.user.getIsEnhancedA11yMode();
+  return /* @__PURE__ */ jsx(
+    TldrawUiMenuCheckboxItem,
+    {
+      id: "toggle-enhanced-a11y",
+      label: "Enhanced accessibility",
+      checked: enabled,
+      onSelect: () => editor.user.updateUserPreferences({ isEnhancedA11yMode: !enabled })
     }
-  ];
-}
-function ToggleEnhancedA11yModeItem() {
-  const [enabled, setEnabled] = useEnhancedA11yMode();
-  return /* @__PURE__ */ jsx(TldrawUiMenuCheckboxItem, { id: "toggle-enhanced-a11y", label: "Enhanced accessibility", checked: enabled, onSelect: () => setEnabled(!enabled) });
-}
+  );
+});
 function PreferencesGroup() {
   return /* @__PURE__ */ jsxs(TldrawUiMenuGroup, { id: "preferences", label: "Preferences", children: [
     /* @__PURE__ */ jsx(ToggleSnapModeItem, {}),
@@ -3261,22 +3153,27 @@ function PreferencesGroup() {
 }
 var ColorSchemeMenu = track(function ColorSchemeMenu2() {
   const editor = useEditor();
-  const current = editor.user.getUserPreferences().colorScheme ?? "system";
+  const current = editor.theme.getColorScheme();
   return /* @__PURE__ */ jsx(TldrawUiMenuSubmenu, { id: "color-scheme", label: "Theme", children: /* @__PURE__ */ jsx(TldrawUiMenuGroup, { id: "color-scheme-group", children: ["light", "dark", "system"].map((scheme) => /* @__PURE__ */ jsx(
     TldrawUiMenuCheckboxItem,
     {
       id: `color-scheme-${scheme}`,
       label: scheme[0].toUpperCase() + scheme.slice(1),
       checked: current === scheme,
-      onSelect: () => editor.user.updateUserPreferences({ colorScheme: scheme })
+      onSelect: () => {
+        editor.setColorMode(scheme);
+        editor.user.updateUserPreferences({ colorScheme: scheme });
+      }
     },
     scheme
   )) }) });
 });
 var LanguageMenu = track(function LanguageMenu2() {
   const editor = useEditor();
+  const languages = useAvailableTranslationLocales();
   const current = editor.user.getLocale();
-  return /* @__PURE__ */ jsx(TldrawUiMenuSubmenu, { id: "language", label: "Language", children: /* @__PURE__ */ jsx(TldrawUiMenuGroup, { id: "language-group", children: LANGUAGES.map((language) => /* @__PURE__ */ jsx(
+  if (languages.length < 2) return null;
+  return /* @__PURE__ */ jsx(TldrawUiMenuSubmenu, { id: "language", label: "Language", children: /* @__PURE__ */ jsx(TldrawUiMenuGroup, { id: "language-group", children: languages.map((language) => /* @__PURE__ */ jsx(
     TldrawUiMenuCheckboxItem,
     {
       id: `language-${language.locale}`,
@@ -3343,9 +3240,8 @@ function KeyboardShortcutsMenuItem() {
     {
       id: "keyboard-shortcuts",
       label: "Keyboard shortcuts",
-      kbd: "mod+/",
       onSelect: () => {
-        void import('./panel-shortcuts-R2PDTDUN.js').then(({ KeyboardShortcutsDialogContents: KeyboardShortcutsDialogContents2 }) => {
+        void import('./panel-shortcuts-4GIFCQQR.js').then(({ KeyboardShortcutsDialogContents: KeyboardShortcutsDialogContents2 }) => {
           addDialog({ component: KeyboardShortcutsDialogContents2 });
         });
       }
@@ -3588,9 +3484,10 @@ function PageItemInput({ id, name, onCancel }) {
     TldrawUiInput,
     {
       value: name,
-      label: "Page name",
+      label: `Rename ${name}`,
       autoFocus: true,
       autoSelect: true,
+      className: "mocanvas-page-rename",
       onComplete: (next) => {
         const trimmed = next.trim();
         if (trimmed && trimmed !== name) {
@@ -3603,12 +3500,53 @@ function PageItemInput({ id, name, onCancel }) {
     }
   );
 }
-function PageItemSubmenu({ id, total, onRename }) {
+function PageItemSubmenu({ id, total, name, onRename }) {
   const editor = useEditor();
-  return /* @__PURE__ */ jsxs(TldrawUiMenuGroup, { id: `page-actions-${id}`, children: [
-    /* @__PURE__ */ jsx(TldrawUiMenuItem, { id: `rename-page-${id}`, label: "Rename", onSelect: () => onRename?.() }),
-    /* @__PURE__ */ jsx(TldrawUiMenuItem, { id: `duplicate-page-${id}`, label: "Duplicate", onSelect: () => editor.duplicatePage(id) }),
-    /* @__PURE__ */ jsx(TldrawUiMenuItem, { id: `delete-page-${id}`, label: "Delete", disabled: total < 2, onSelect: () => editor.deletePage(id) })
+  const [open, setOpen] = useState(false);
+  const label = name ? `Actions for ${name}` : "Page actions";
+  return /* @__PURE__ */ jsxs(TldrawUiDropdownMenuSub, { id: `page-actions-${id}`, open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(TldrawUiDropdownMenuSubTrigger, { label, className: "mocanvas-page-row-actions", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) }),
+    /* @__PURE__ */ jsx(TldrawUiDropdownMenuSubContent, { label, children: /* @__PURE__ */ jsxs(TldrawUiMenuGroup, { id: `page-actions-group-${id}`, children: [
+      /* @__PURE__ */ jsx(
+        TldrawUiMenuItem,
+        {
+          id: `rename-page-${id}`,
+          label: "Rename",
+          noClose: true,
+          onSelect: () => {
+            setOpen(false);
+            onRename?.();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TldrawUiMenuItem,
+        {
+          id: `duplicate-page-${id}`,
+          label: "Duplicate",
+          noClose: true,
+          onSelect: () => {
+            setOpen(false);
+            editor.markHistoryStoppingPoint("duplicate page");
+            editor.duplicatePage(id);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TldrawUiMenuItem,
+        {
+          id: `delete-page-${id}`,
+          label: "Delete",
+          noClose: true,
+          disabled: total < 2,
+          onSelect: () => {
+            setOpen(false);
+            editor.markHistoryStoppingPoint("delete page");
+            editor.deletePage(id);
+          }
+        }
+      )
+    ] }) })
   ] });
 }
 var DefaultPageMenu = track(function DefaultPageMenu2() {
@@ -3618,43 +3556,57 @@ var DefaultPageMenu = track(function DefaultPageMenu2() {
   const pages = editor.getPages();
   const currentId = editor.getCurrentPageId();
   const current = pages.find((page) => page.id === currentId);
-  return /* @__PURE__ */ jsxs(TldrawUiDropdownMenuRoot, { id: "page-menu", open: isOpen, onOpenChange: setIsOpen, children: [
-    /* @__PURE__ */ jsx(TldrawUiDropdownMenuTrigger, { label: `Page: ${current?.name ?? "Untitled"}`, className: "mocanvas-btn--wide", children: current?.name ?? "Untitled" }),
-    /* @__PURE__ */ jsx(TldrawUiDropdownMenuContent, { label: "Pages", side: "below", children: /* @__PURE__ */ jsxs(TldrawUiMenuContextProvider, { type: "menu", sourceId: "menu", children: [
-      /* @__PURE__ */ jsx("div", { className: "mocanvas-page-list", role: "radiogroup", "aria-label": "Pages", children: pages.map(
-        (page, index) => renaming === page.id ? /* @__PURE__ */ jsx(PageItemInput, { id: page.id, name: page.name, onCancel: () => setRenaming(null) }, page.id) : /* @__PURE__ */ jsxs("div", { className: "mocanvas-page-row", children: [
-          /* @__PURE__ */ jsx(
-            "button",
+  return /* @__PURE__ */ jsxs(
+    TldrawUiDropdownMenuRoot,
+    {
+      id: "page-menu",
+      open: isOpen,
+      onOpenChange: (next) => {
+        if (!next) setRenaming(null);
+        setIsOpen(next);
+      },
+      children: [
+        /* @__PURE__ */ jsx(TldrawUiDropdownMenuTrigger, { label: `Page: ${current?.name ?? "Untitled"}`, className: "mocanvas-btn--wide", children: current?.name ?? "Untitled" }),
+        /* @__PURE__ */ jsx(TldrawUiDropdownMenuContent, { label: "Pages", side: "below", children: /* @__PURE__ */ jsxs(TldrawUiMenuContextProvider, { type: "menu", sourceId: "menu", children: [
+          /* @__PURE__ */ jsx("div", { className: "mocanvas-page-list", role: "radiogroup", "aria-label": "Pages", children: pages.map((page) => /* @__PURE__ */ jsx("div", { className: "mocanvas-page-row", children: renaming === page.id ? /* @__PURE__ */ jsx(PageItemInput, { id: page.id, name: page.name, onCancel: () => setRenaming(null) }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitemradio",
+                "aria-checked": page.id === currentId,
+                className: "mocanvas-menu-item mocanvas-page-row-name",
+                "data-item": `page-${page.id}`,
+                onDoubleClick: () => setRenaming(page.id),
+                onClick: () => {
+                  editor.setCurrentPage(page.id);
+                  setIsOpen(false);
+                },
+                children: page.name
+              }
+            ),
+            /* @__PURE__ */ jsx(PageItemSubmenu, { id: page.id, index: pages.indexOf(page), total: pages.length, name: page.name, onRename: () => setRenaming(page.id) })
+          ] }) }, page.id)) }),
+          /* @__PURE__ */ jsx(TldrawUiMenuGroup, { id: "page-menu-actions", children: /* @__PURE__ */ jsx(
+            TldrawUiMenuItem,
             {
-              type: "button",
-              role: "menuitemradio",
-              "aria-checked": page.id === currentId,
-              className: "mocanvas-menu-item",
-              onDoubleClick: () => setRenaming(page.id),
-              onClick: () => {
-                editor.setCurrentPage(page.id);
-                setIsOpen(false);
-              },
-              children: page.name
+              id: "new-page",
+              label: "New page",
+              icon: "duplicate",
+              noClose: true,
+              onSelect: () => {
+                const before = new Set(pages.map((page) => page.id));
+                editor.markHistoryStoppingPoint("new page");
+                editor.createPage({ name: `Page ${pages.length + 1}` });
+                const created = editor.getPages().find((page) => !before.has(page.id));
+                if (created) setRenaming(created.id);
+              }
             }
-          ),
-          /* @__PURE__ */ jsx(PageItemSubmenu, { id: page.id, index, total: pages.length, onRename: () => setRenaming(page.id) })
-        ] }, page.id)
-      ) }),
-      /* @__PURE__ */ jsx(TldrawUiMenuGroup, { id: "page-menu-actions", children: /* @__PURE__ */ jsx(
-        TldrawUiMenuItem,
-        {
-          id: "new-page",
-          label: "New page",
-          icon: "duplicate",
-          onSelect: () => {
-            editor.markHistoryStoppingPoint("new page");
-            editor.createPage({ name: `Page ${pages.length + 1}` });
-          }
-        }
-      ) })
-    ] }) })
-  ] });
+          ) })
+        ] }) })
+      ]
+    }
+  );
 });
 var DefaultMinimap = track(function DefaultMinimap2() {
   const editor = useEditor();
@@ -4028,7 +3980,7 @@ var MobileStylePanel = track(function MobileStylePanel2() {
   const disabled = editor.getIsReadonly();
   if (!styles) return null;
   return /* @__PURE__ */ jsxs(TldrawUiPopover, { id: "mobile-style-panel", side: "above", children: [
-    /* @__PURE__ */ jsx(TldrawUiPopoverTrigger, { className: disabled ? "mocanvas-btn mocanvas-btn--disabled" : "mocanvas-btn", children: /* @__PURE__ */ jsx(Icon, { name: "fill-solid" }) }),
+    /* @__PURE__ */ jsx(TldrawUiPopoverTrigger, { label: "Style", className: disabled ? "mocanvas-btn mocanvas-btn--disabled" : "mocanvas-btn", children: /* @__PURE__ */ jsx(Icon, { name: "fill-solid" }) }),
     /* @__PURE__ */ jsx(TldrawUiPopoverContent, { label: "Style", children: /* @__PURE__ */ jsx(StylePanelContextProvider, { isMobile: true, children: /* @__PURE__ */ jsx("div", { className: "mocanvas-stylepanel mocanvas-stylepanel--mobile", children: /* @__PURE__ */ jsx(DefaultStylePanelContent, {}) }) }) })
   ] });
 });
@@ -4214,7 +4166,7 @@ var DefaultRichTextToolbar = track(function DefaultRichTextToolbar2({ children }
 });
 var registry = [];
 function createDebugValue(name, defaultValue, shouldStore = true) {
-  const flag = { name, defaultValue, shouldStore, value: atom$1(`debug:${name}`, defaultValue) };
+  const flag = { name, defaultValue, shouldStore, value: atom(`debug:${name}`, defaultValue) };
   registry.push(flag);
   return flag;
 }
@@ -4301,6 +4253,7 @@ var TldrawUiToolbarItem = track(function TldrawUiToolbarItem2({ tool: toolId, la
       type: "tool",
       isActive: isSelected,
       title: text,
+      "data-tool": tool.id,
       ...tool.disabled ? { disabled: true } : {},
       onClick: () => tool.onSelect("toolbar"),
       children: known ? /* @__PURE__ */ jsx(Icon, { name }) : /* @__PURE__ */ jsx("span", { className: "mocanvas-btn-glyph", children: text.slice(0, 1).toUpperCase() })
@@ -4320,6 +4273,7 @@ var GeoToolbarItem = track(function GeoToolbarItem2({ geo, label }) {
       type: "tool",
       isActive: current === geo,
       title: text,
+      "data-tool": geo,
       onClick: () => {
         editor.setStyleForNextShapes(GeoShapeGeoStyle, geo);
         editor.setCurrentTool("geo", { geo, force: true });
@@ -4375,56 +4329,86 @@ var ToggleToolLockedButton = track(function ToggleToolLockedButton2({ className
     }
   );
 });
+var DEFAULT_TOOLBAR_ITEMS = [
+  /* @__PURE__ */ jsx(SelectToolbarItem, {}, "select"),
+  /* @__PURE__ */ jsx(HandToolbarItem, {}, "hand"),
+  /* @__PURE__ */ jsx(DrawToolbarItem, {}, "draw"),
+  /* @__PURE__ */ jsx(HighlightToolbarItem, {}, "highlight"),
+  /* @__PURE__ */ jsx(EraserToolbarItem, {}, "eraser"),
+  /* @__PURE__ */ jsx(LaserToolbarItem, {}, "laser"),
+  /* @__PURE__ */ jsx(ArrowToolbarItem, {}, "arrow"),
+  /* @__PURE__ */ jsx(TextToolbarItem, {}, "text"),
+  /* @__PURE__ */ jsx(NoteToolbarItem, {}, "note"),
+  /* @__PURE__ */ jsx(RectangleToolbarItem, {}, "rectangle"),
+  /* @__PURE__ */ jsx(EllipseToolbarItem, {}, "ellipse"),
+  /* @__PURE__ */ jsx(TriangleToolbarItem, {}, "triangle"),
+  /* @__PURE__ */ jsx(DiamondToolbarItem, {}, "diamond"),
+  /* @__PURE__ */ jsx(StarToolbarItem, {}, "star"),
+  /* @__PURE__ */ jsx(LineToolbarItem, {}, "line"),
+  /* @__PURE__ */ jsx(FrameToolbarItem, {}, "frame"),
+  /* @__PURE__ */ jsx(AssetToolbarItem, {}, "asset")
+];
 function DefaultToolbarContent() {
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(SelectToolbarItem, {}),
-    /* @__PURE__ */ jsx(HandToolbarItem, {}),
-    /* @__PURE__ */ jsx(DrawToolbarItem, {}),
-    /* @__PURE__ */ jsx(EraserToolbarItem, {}),
-    /* @__PURE__ */ jsx(ArrowToolbarItem, {}),
-    /* @__PURE__ */ jsx(TextToolbarItem, {}),
-    /* @__PURE__ */ jsx(NoteToolbarItem, {}),
-    /* @__PURE__ */ jsx(RectangleToolbarItem, {}),
-    /* @__PURE__ */ jsx(EllipseToolbarItem, {}),
-    /* @__PURE__ */ jsx(TriangleToolbarItem, {}),
-    /* @__PURE__ */ jsx(DiamondToolbarItem, {}),
-    /* @__PURE__ */ jsx(StarToolbarItem, {}),
-    /* @__PURE__ */ jsx(LineToolbarItem, {}),
-    /* @__PURE__ */ jsx(FrameToolbarItem, {}),
-    /* @__PURE__ */ jsx(HighlightToolbarItem, {}),
-    /* @__PURE__ */ jsx(LaserToolbarItem, {}),
-    /* @__PURE__ */ jsx(AssetToolbarItem, {})
-  ] });
+  return /* @__PURE__ */ jsx(Fragment$1, { children: DEFAULT_TOOLBAR_ITEMS });
+}
+var FALLBACK_METRICS = { slot: 42, reserved: 634 };
+function readBarMetrics(el) {
+  if (typeof getComputedStyle !== "function") return FALLBACK_METRICS;
+  const style = getComputedStyle(el);
+  const px = (name, fallback) => {
+    const value = Number.parseFloat(style.getPropertyValue(name));
+    return Number.isFinite(value) ? value : fallback;
+  };
+  const pad = px("--mocanvas-ui-pad", 4);
+  const inset = px("--mocanvas-ui-inset", 12);
+  const dock = px("--mocanvas-ui-dock", 300);
+  return {
+    slot: px("--mocanvas-ui-btn", 40) + px("--mocanvas-ui-gap", 2),
+    // Matches `.mocanvas-toolbar`'s `max-width`, plus the plate's own padding
+    // and 1px border on each side.
+    reserved: 2 * (inset + dock + pad + 1)
+  };
 }
 function OverflowingToolbar({ label = "Tools", maxInline, children }) {
   const barRef = useRef(null);
-  const [width, setWidth] = useState(null);
+  const [available, setAvailable] = useState(null);
+  const [metrics, setMetrics] = useState(FALLBACK_METRICS);
+  const [moreOpen, setMoreOpen] = useState(false);
   useEffect(() => {
     const el = barRef.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const update = () => setWidth(el.getBoundingClientRect().width);
+    const container = el?.parentElement;
+    if (!el || !container || typeof ResizeObserver === "undefined") return;
+    const update = () => {
+      setMetrics(readBarMetrics(el));
+      const width = container.getBoundingClientRect().width;
+      setAvailable(width > 0 ? width : null);
+    };
     update();
     const ro = new ResizeObserver(update);
-    ro.observe(el);
+    ro.observe(container);
     return () => ro.disconnect();
   }, []);
   const items = Children.toArray(children);
-  const fits = width === null ? items.length : Math.max(1, Math.floor((width - 48) / 44));
+  const room = available === null ? null : available - metrics.reserved;
+  const fits = room === null || items.length * metrics.slot <= room ? items.length : (
+    // One slot goes to the "more" button itself.
+    Math.max(1, Math.floor(room / metrics.slot) - 1)
+  );
   const limit = Math.min(maxInline ?? items.length, fits);
   const inline = items.slice(0, limit);
   const overflow = items.slice(limit);
   return /* @__PURE__ */ jsxs(TldrawUiToolbar, { ref: barRef, label, children: [
     inline,
-    overflow.length > 0 ? /* @__PURE__ */ jsxs(TldrawUiPopover, { id: "toolbar-overflow", side: "above", children: [
-      /* @__PURE__ */ jsx(TldrawUiPopoverTrigger, { className: "mocanvas-btn", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-down" }) }),
-      /* @__PURE__ */ jsx(TldrawUiPopoverContent, { label: "More tools", children: /* @__PURE__ */ jsx("div", { className: "mocanvas-toolbar-overflow", children: overflow }) })
+    overflow.length > 0 ? /* @__PURE__ */ jsxs(TldrawUiPopover, { id: "toolbar-overflow", side: "above", open: moreOpen, onOpenChange: setMoreOpen, children: [
+      /* @__PURE__ */ jsx(TldrawUiPopoverTrigger, { className: "mocanvas-btn", label: "More tools", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-down" }) }),
+      /* @__PURE__ */ jsx(TldrawUiPopoverContent, { label: "More tools", children: /* @__PURE__ */ jsx("div", { className: "mocanvas-toolbar-overflow", onClick: () => setMoreOpen(false), children: overflow }) })
     ] }) : null
   ] });
 }
 function DefaultToolbarWithOverflow() {
   const breakpoint = useBreakpoint();
   return /* @__PURE__ */ jsxs(OverflowingToolbar, { label: "Tools", children: [
-    /* @__PURE__ */ jsx(DefaultToolbarContent, {}),
+    DEFAULT_TOOLBAR_ITEMS,
     /* @__PURE__ */ jsx(ToggleToolLockedButton, {}),
     breakpoint < PORTRAIT_BREAKPOINT.TABLET_SM ? /* @__PURE__ */ jsx(MobileStylePanel, {}) : null
   ] });
@@ -4674,7 +4658,11 @@ var Layout = track(function Layout2({ children }) {
     ] }),
     Toasts ? /* @__PURE__ */ jsx(Toasts, {}) : null,
     Dialogs ? /* @__PURE__ */ jsx(Dialogs, {}) : null,
-    A11y ? /* @__PURE__ */ jsx(A11y, {}) : null
+    A11y ? /* @__PURE__ */ jsx(A11y, {}) : null,
+    /* @__PURE__ */ jsx(ToolShortcuts, {}),
+    /* @__PURE__ */ jsx(ActionShortcuts, {}),
+    /* @__PURE__ */ jsx(SelectionAnnouncer, {}),
+    /* @__PURE__ */ jsx(ReduceMotionAttribute, {})
   ] });
 });
 function TldrawUi({ components, overrides, onUiEvent, hideUi, forceMobile, children }) {
@@ -4814,7 +4802,7 @@ var targetStates = /* @__PURE__ */ new WeakMap();
 function stateAtom(editor) {
   let existing = targetStates.get(editor);
   if (!existing) {
-    existing = atom$1("arrowTargetState", null);
+    existing = atom("arrowTargetState", null);
     targetStates.set(editor, existing);
   }
   return existing;
@@ -6789,6 +6777,21 @@ var RESIZE_CURSORS = {
 function setCursor(editor, type) {
   editor.updateInstanceState({ cursor: { type, rotation: 0 } });
 }
+function startEdgeScrolling(node, update) {
+  const editor = node.editor;
+  editor.edgeScrollManager.start();
+  let camera = editor.getCamera();
+  const off = editor.on("tick", () => {
+    const next = editor.getCamera();
+    if (next.x === camera.x && next.y === camera.y && next.z === camera.z) return;
+    camera = next;
+    update();
+  });
+  return () => {
+    off();
+    editor.edgeScrollManager.stop();
+  };
+}
 var Idle10 = class extends StateNode {
   static id = "idle";
   onEnter() {
@@ -6919,8 +6922,10 @@ var PointingCanvas = class extends StateNode {
 var Brushing = class extends StateNode {
   static id = "brushing";
   initialSelection = [];
+  stopEdgeScrolling;
   onEnter() {
     this.initialSelection = this.editor.inputs.shiftKey ? this.editor.getSelectedShapeIds() : [];
+    this.stopEdgeScrolling = startEdgeScrolling(this, () => this.update());
     this.update();
   }
   onPointerMove() {
@@ -6934,6 +6939,8 @@ var Brushing = class extends StateNode {
     this.finish();
   }
   onExit() {
+    this.stopEdgeScrolling?.();
+    this.stopEdgeScrolling = void 0;
     this.editor.updateInstanceState({ brush: null });
   }
   update() {
@@ -6996,9 +7003,11 @@ var Translating = class extends StateNode {
   static id = "translating";
   initialShapes = /* @__PURE__ */ new Map();
   markId = "";
+  stopEdgeScrolling;
   onEnter() {
     const editor = this.editor;
     this.markId = editor.markHistoryStoppingPoint("translate");
+    this.stopEdgeScrolling = startEdgeScrolling(this, () => this.update());
     this.initialShapes.clear();
     for (const s of editor.getSelectedShapes()) {
       this.initialShapes.set(s.id, s);
@@ -7114,6 +7123,8 @@ var Translating = class extends StateNode {
     dropShapesOnFrameLike(editor, this.dropTarget, dragging);
   }
   onExit() {
+    this.stopEdgeScrolling?.();
+    this.stopEdgeScrolling = void 0;
     this.editor.snaps.clearLines();
     this.editor.setHintingShapes([]);
     this.initialBounds = void 0;
@@ -7482,7 +7493,7 @@ var defaultShapeTools = [
   FrameTool
 ];
 var defaultTools = [SelectTool, HandTool, EraserTool, LaserTool, ...defaultShapeTools];
-function isEditable3(t) {
+function isEditable(t) {
   return t instanceof HTMLElement && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable);
 }
 function useExternalContent(editor, containerRef, options) {
@@ -7502,7 +7513,7 @@ function useExternalContent(editor, containerRef, options) {
       void editor.putExternalContent(info);
       return true;
     };
-    const isEditableContext = () => !!editor.getEditingShapeId() || isEditable3(document.activeElement);
+    const isEditableContext = () => !!editor.getEditingShapeId() || isEditable(document.activeElement);
     const onDragOver = (e) => {
       if (!e.dataTransfer) return;
       e.preventDefault();
@@ -7526,7 +7537,7 @@ function useExternalContent(editor, containerRef, options) {
       handleText(dt.getData("text/plain"), point);
     };
     const onPaste = (e) => {
-      if (isEditable3(e.target) || isEditableContext()) return;
+      if (isEditable(e.target) || isEditableContext()) return;
       const cd = e.clipboardData;
       if (!cd) return;
       const files = Array.from(cd.files);
@@ -7540,7 +7551,7 @@ function useExternalContent(editor, containerRef, options) {
     const onKeyDown = (e) => {
       const isMac = /Mac|iPhone|iPad/.test(navigator.platform ?? "");
       const accel = isMac ? e.metaKey : e.ctrlKey;
-      if (!accel || e.key.toLowerCase() !== "v" || isEditable3(e.target) || isEditableContext()) return;
+      if (!accel || e.key.toLowerCase() !== "v" || isEditable(e.target) || isEditableContext()) return;
       setTimeout(() => {
         if (!e.defaultPrevented || !navigator.clipboard?.read) return;
         navigator.clipboard.read().then(
@@ -7665,7 +7676,14 @@ function Mocanvas(props) {
     // `TldrawUi` is the documented chrome: it owns the context
     // providers the component slots read from, and renders the canvas as
     // its child rather than taking it as a prop.
-    /* @__PURE__ */ jsx(EditorProvider, { editor, children: /* @__PURE__ */ jsx(
+    //
+    // `ContainerProvider` publishes the element above: the chrome needs
+    // it to portal its floating layers out of whichever panel opened
+    // them — a popover left inside the toolbar is trapped in that
+    // panel's stacking context and paints *under* its neighbours — and
+    // to measure the editor for the breakpoint, which is what makes the
+    // chrome respond to an embed's width rather than the window's.
+    /* @__PURE__ */ jsx(EditorProvider, { editor, children: /* @__PURE__ */ jsx(ContainerProvider, { container: editor.getContainer(), children: /* @__PURE__ */ jsx(
       TldrawUi,
       {
         ...components ? { components } : {},
@@ -7675,7 +7693,7 @@ function Mocanvas(props) {
         hideUi: hideUi === true,
         children: canvas
       }
-    ) })
+    ) }) })
   ) : /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "grid", placeItems: "center", color: "#9ca3af", fontFamily: "system-ui" }, children: "loading engine\u2026" }) }) });
 }
 var FALLBACK_IMAGE_SIZE = { w: 100, h: 100 };
@@ -7941,7 +7959,7 @@ async function defaultHandleExternalEmbedContent(editor, info) {
     return;
   }
   editor.markHistoryStoppingPoint("insert embed");
-  const { createEmbedShape: createEmbedShape2 } = await import('./urlContent-GC44EU52.js');
+  const { createEmbedShape: createEmbedShape2 } = await import('./urlContent-WYYVQYYN.js');
   createEmbedShape2(editor, info.url, info.point);
 }
 async function defaultHandleExternalTldrawContent(editor, info) {
@@ -8080,7 +8098,8 @@ async function putExcalidrawContent(editor, excalidrawClipboardContent, point) {
     const x = (element.x ?? 0) + dx;
     const y = (element.y ?? 0) + dy;
     const rotation = element.angle ?? 0;
-    const common = { color: colorFor(element.strokeColor), dash: dashFor(element.strokeStyle), size: sizeFor(element.strokeWidth) };
+    const common = { color: colorFor(element.strokeColor), size: sizeFor(element.strokeWidth) };
+    const stroked = { ...common, dash: dashFor(element.strokeStyle) };
     const geo = GEO_BY_EXCALIDRAW_TYPE[element.type ?? ""];
     if (geo && editor.hasShapeUtil("geo")) {
       const id = createShapeId();
@@ -8092,7 +8111,7 @@ async function putExcalidrawContent(editor, excalidrawClipboardContent, point) {
         y,
         rotation,
         props: {
-          ...common,
+          ...stroked,
           geo,
           w: Math.max(1, element.width ?? 1),
           h: Math.max(1, element.height ?? 1),
@@ -8128,7 +8147,7 @@ async function putExcalidrawContent(editor, excalidrawClipboardContent, point) {
           x,
           y,
           rotation,
-          props: { ...common, start: { x: first[0], y: first[1] }, end: { x: last[0], y: last[1] } }
+          props: { ...stroked, start: { x: first[0], y: first[1] }, end: { x: last[0], y: last[1] } }
         });
         continue;
       }
@@ -8141,7 +8160,7 @@ async function putExcalidrawContent(editor, excalidrawClipboardContent, point) {
           x,
           y,
           rotation,
-          props: { ...common, points: Object.fromEntries(points.map((p, i) => [`a${i + 1}`, { id: `a${i + 1}`, index: `a${i + 1}`, x: p[0], y: p[1] }])) }
+          props: { ...stroked, points: Object.fromEntries(points.map((p, i) => [`a${i + 1}`, { id: `a${i + 1}`, index: `a${i + 1}`, x: p[0], y: p[1] }])) }
         });
       }
       continue;
@@ -9308,6 +9327,6 @@ function getPointsFromDrawSegments(segments, scaleX = 1, scaleY = 1) {
   return points;
 }
 
-export { ASPECT_RATIO_OPTIONS, ASPECT_RATIO_TO_VALUE, AccessibilityMenu, AlignMenuItems, ArrangeMenuSubmenu, ArrowBindingHintOverlayUtil, ArrowBindingUtil, ArrowDownToolbarItem, ArrowHintOverlayUtil, ArrowLeftToolbarItem, ArrowRightToolbarItem, ArrowTool as ArrowShapeTool, ArrowTool, ArrowToolbarItem, ArrowUpToolbarItem, AssetToolbarItem, BaseBoxShapeTool, BookmarkAssetUtil, BreakPointProvider, BrushOverlayUtil, CenteredTopPanelContainer, CheckBoxToolbarItem, ClipboardMenuGroup, CloudToolbarItem, CollaboratorBrushOverlayUtil, CollaboratorCursorOverlayUtil, CollaboratorHintOverlayUtil, CollaboratorScribbleOverlayUtil, CollaboratorShapeIndicatorOverlayUtil, ColorSchemeMenu, CommentToolbarItem, ConversionsMenuGroup, ConvertToBookmarkMenuItem, ConvertToEmbedMenuItem, CopyAsMenuGroup, CopyMenuItem, CursorChatItem, CutMenuItem, DEFAULT_ARROW_BINDING_HINT_OVERLAY_OPTIONS, DEFAULT_ARROW_HINT_OVERLAY_OPTIONS, DEFAULT_BRUSH_OVERLAY_OPTIONS, DEFAULT_COLLABORATOR_OVERLAY_OPTIONS, DEFAULT_ELBOW_ARROW_OPTIONS, DEFAULT_MAX_ASSET_SIZE, DEFAULT_SCRIBBLE_OVERLAY_OPTIONS, DEFAULT_SELECTION_FOREGROUND_OVERLAY_OPTIONS, DEFAULT_SHAPE_HANDLE_OVERLAY_OPTIONS, DEFAULT_SNAP_INDICATOR_OVERLAY_OPTIONS, DEFAULT_SUPPORTED_IMAGE_TYPES, DEFAULT_SUPPORTED_VIDEO_TYPES, DebugFlagDefaults, DebugFlags, DebugStats, DefaultA11yAnnouncer, DefaultActionsMenu, DefaultActionsMenuContent, DefaultContextMenu, DefaultContextMenuContent, DefaultDebugMenu, DefaultDebugMenuContent, DefaultDebugPanel, DefaultFollowingIndicator, DefaultHelpMenu, DefaultHelpMenuContent, DefaultHelperButtons, DefaultHelperButtonsContent, DefaultImageToolbar, DefaultImageToolbarContent, DefaultMainMenu, DefaultMainMenuContent, DefaultMenuPanel, DefaultMinimap, DefaultNavigationPanel, DefaultPageMenu, DefaultPeopleMenu, DefaultPeopleMenuAvatar, DefaultPeopleMenuContent, DefaultPeopleMenuFacePile, DefaultPeopleMenuItem, DefaultQuickActions, DefaultQuickActionsContent, DefaultRichTextToolbar, DefaultRichTextToolbarContent, DefaultSharePanel, DefaultStylePanel, DefaultStylePanelContent, DefaultToasts, DefaultToolbar, DefaultToolbarContent, DefaultToolbarWithOverflow, DefaultUi, DefaultUserPresenceEditor, DefaultVideoToolbar, DefaultVideoToolbarContent, DefaultZoomMenu, DefaultZoomMenuContent, DeleteMenuItem, DiamondToolbarItem, DistributeMenuItems, DrawTool as DrawShapeTool, DrawShapeUtil, DrawTool, DrawToolbarItem, DuplicateMenuItem, ELBOW_ARROW_SIDES, EditLinkMenuItem, EditMenuSubmenu, EditSubmenu, EllipseToolbarItem, EraserTool, EraserToolbarItem, ExportAsMenuGroup, ExportFileContentSubMenu, ExtrasGroup, FeatureFlags, FitFrameToContentMenuItem, FrameTool as FrameShapeTool, FrameTool, FrameToolbarItem, GeoTool as GeoShapeTool, GeoTool, GeoToolbarItem, GroupMenuItem, GroupOrUngroupMenuItem, GroupShapeUtil, HIGHLIGHT_OPACITY, HIGHLIGHT_STROKE_SIZES, HandTool, HandToolbarItem, HeartToolbarItem, HexagonToolbarItem, HighlightShapeTool, HighlightShapeUtil, HighlightToolbarItem, IMAGE_PLACEHOLDER_FILL, IMAGE_PLACEHOLDER_STROKE, ImageAssetUtil, ImageShapeUtil, InputModeMenu, KeyboardShiftEnterTweakExtension, KeyboardShortcutsMenuItem, LanguageMenu, LaserTool, LaserToolbarItem, LineTool as LineShapeTool, LineShapeUtil, LineTool, LineToolbarItem, LockGroup, MOCANVAS_CLIPBOARD_TYPE, MOD_KEY, MORE_GEO_KINDS, MiscMenuGroup, MobileStylePanel, Mocanvas, MocanvasUiMenuItem, MoveToPageMenu, NoteTool as NoteShapeTool, NoteTool, NoteToolbarItem, OfflineIndicator, OvalToolbarItem, OverflowingToolbar, PORTRAIT_BREAKPOINT, PRIMARY_GEO_KINDS, PageItemInput, PageItemSubmenu, PasteMenuItem, PathBuilder, PathBuilderGeometry2d, PlainTextArea, PlainTextLabel, PreferencesGroup, PrintItem, RectangleToolbarItem, RemoveFrameMenuItem, ReorderMenuItems, ReorderMenuSubmenu, ResponsiveStylePanel, RhombusToolbarItem, RichTextArea, RichTextLabel, RichTextSVG, RotateCWMenuItem, ScribbleOverlayUtil, SelectAllMenuItem, SelectTool, SelectToolbarItem, SelectionForegroundOverlayUtil, ShapeHandleOverlayUtil, ShapeIndicatorOverlayUtil, SnapIndicatorOverlayUtil, StackMenuItems, StarToolbarItem, StylePanel, StylePanelArrowKindPicker, StylePanelArrowheadPicker, StylePanelButtonPicker, StylePanelButtonPickerInline, StylePanelColorPicker, StylePanelContextProvider, StylePanelDashPicker, StylePanelDoubleDropdownPicker, StylePanelDoubleDropdownPickerInline, StylePanelDropdownPicker, StylePanelDropdownPickerInline, StylePanelFillPicker, StylePanelFontPicker, StylePanelGeoShapePicker, StylePanelLabelAlignPicker, StylePanelOpacityPicker, StylePanelSection, StylePanelSizePicker, StylePanelSplinePicker, StylePanelSubheading, StylePanelTextAlignPicker, TOOLBAR_GROUPS, TextTool as TextShapeTool, TextTool, TextToolbarItem, TldrawImage, TldrawUi, TldrawUiA11yProvider, TldrawUiActionsProvider, TldrawUiColumn, TldrawUiComponentsProvider, TldrawUiContextProvider, TldrawUiContextualToolbar, TldrawUiGrid, TldrawUiInFrontOfTheCanvas, TldrawUiInput, TldrawUiOrientationProvider, TldrawUiPopover, TldrawUiPopoverContent, TldrawUiPopoverTrigger, TldrawUiRow, TldrawUiSelect, TldrawUiSelectContent, TldrawUiSelectItem, TldrawUiSelectTrigger, TldrawUiSelectValue, TldrawUiSlider, TldrawUiToastsProvider, TldrawUiToolbar, TldrawUiToolbarButton, TldrawUiToolbarItem, TldrawUiToolbarToggleGroup, TldrawUiToolbarToggleItem, TldrawUiToolsProvider, TldrawUiTooltip, TldrawUiTooltipProvider, ToggleAutoSizeMenuItem, ToggleDebugModeItem, ToggleDynamicSizeModeItem, ToggleEdgeScrollingItem, ToggleEnhancedA11yModeItem, ToggleFocusModeItem, ToggleGridItem, ToggleInvertZoomItem, ToggleKeyboardShortcutsItem, ToggleLockMenuItem, TogglePasteAtCursorItem, ToggleReduceMotionItem, ToggleSnapModeItem, ToggleToolLockItem, ToggleToolLockedButton, ToggleTransparentBgMenuItem, ToggleWrapModeItem, ToolShortcuts, Toolbar, TrapezoidToolbarItem, TriangleToolbarItem, UndoRedoGroup, UngroupMenuItem, UnlockAllMenuItem, VideoAssetUtil, ViewSubmenu, XBoxToolbarItem, ZoomBar, ZoomBrushOverlayUtil, ZoomOrRotateMenuItem, ZoomTo100MenuItem, ZoomToFitMenuItem, ZoomToSelectionMenuItem, ZoomTool, allDefaultFontFaces, buildDefaultActionItems, buildDefaultToolItems, canUploadImageTextures, centerSelectionAroundPoint, clearArrowTargetState, containBoxSize, copyAs, copySelectionToClipboard, createBookmarkFromUrl, createDebugFlag, createDebugValue, createFeatureFlag, createShapesForAssets, cutSelectionToClipboard, debugFlags, debugStatsOpen, defaultAddFontsFromNode, defaultAssetUtils, defaultBindingUtils, defaultComponents, defaultEditorAssetUrls, defaultFonts, defaultGeoTypeDefinitions, defaultHandleExternalEmbedContent, defaultHandleExternalExcalidrawContent, defaultHandleExternalFileAsset, defaultHandleExternalFileContent, defaultHandleExternalFileReplaceContent, defaultHandleExternalSvgTextContent, defaultHandleExternalTextContent, defaultHandleExternalTldrawContent, defaultHandleExternalUrlAsset, defaultOverlayUtils, defaultShapeTools, defaultShapeUtils, defaultTools, downsizeDimensions, downsizeImage, drawLabelChip, embedPermissionsToAllowAttribute, embedShapePermissionDefaults, exportAs, featureFlags, fitFrameToContent, getArrowInfo, getArrowTargetState, getAssetInfo, getBreakpointForWidth, getClipboardTextForShapes, getColorStyleItems, getCropBox, getDebugFlags, getDrawDisplayValues, getDrawOutlinePoints, getElbowArrowBoxEdges, getElbowArrowBoxes, getElbowArrowInfo, getElbowArrowSideAxis, getElbowArrowSideTowards, getElbowArrowTargetBox, getFontStyleItems, getHighlightDisplayValues, getHighlightOutlinePoints, getHitShapeOnCanvasPointerDown, getImageCropStyle, getImageDisplayValues, getImageTextureKey, getImageTextureSource, getLineDisplayValues, getLinePoints, getPointsFromDrawSegment, getPointsFromDrawSegments, getStroke, getStrokeOutlinePoints, getStrokePoints, getStyleItemsForProp, getStylePanelSections, getSvgPathFromStrokePoints, getTipTapDefaultExtensions, hairline, handleNativeOrMenuCopy, hasAnyStyleSection, hideAllTooltips, iconTypes, isExcalidrawClipboardContent, isInElbowArrowRange, isolate, loadImageTextureSource, loadTipTapDefaultExtensions, notifyIfFileNotAllowed, onDragFromToolbarToCreateShape, pasteFromClipboard, preloadFont, printSelection, putExcalidrawContent, readDrawSegments, readImageSize, registerDefaultSideEffects, registeredToolIds, removeFrame, renderHtmlFromRichText, renderPlaintextFromRichText, renderRichTextFromHTML, resolveScribbleColor, sanitizeSvg, smoothPoints, startEditingShapeWithRichText, toElbowArrowRoute, toolKeyMap, traceCross, tracePolyline, traceRoundedRect, traceTaperedStroke, truncateStringWithEllipsis, unwrapLabel, updateArrowTargetState, useA11y, useActionsOverride, useAnyMenuIsOpen, useBreakpoint, useCollaborationStatus, useCopyAs, useDefaultHelpers, useEditablePlainText, useEditableRichText, useEnhancedA11yMode, useExportAs, useExternalContent, useImageOrVideoAsset, useKeyboardShortcuts, useLocalStorageState, useMenuClipboardEvents, useMenuIsOpen, useNativeClipboardEvents, usePeerIds, usePeers, usePrefersReducedMotion, usePresence, useSelectedShapesAnnouncer, useShowCollaborationUi, useStylePanelContext, useTldrawUiComponents, useTldrawUiOrientation, useToasts, useToolShortcuts, useToolsOverride, useTooltipSuppression, useUiListsAreLive, withCamera };
+export { ASPECT_RATIO_OPTIONS, ASPECT_RATIO_TO_VALUE, AccessibilityMenu, AlignMenuItems, ArrangeMenuSubmenu, ArrowBindingHintOverlayUtil, ArrowBindingUtil, ArrowDownToolbarItem, ArrowHintOverlayUtil, ArrowLeftToolbarItem, ArrowRightToolbarItem, ArrowTool as ArrowShapeTool, ArrowTool, ArrowToolbarItem, ArrowUpToolbarItem, AssetToolbarItem, BaseBoxShapeTool, BookmarkAssetUtil, BreakPointProvider, BrushOverlayUtil, CenteredTopPanelContainer, CheckBoxToolbarItem, ClipboardMenuGroup, CloudToolbarItem, CollaboratorBrushOverlayUtil, CollaboratorCursorOverlayUtil, CollaboratorHintOverlayUtil, CollaboratorScribbleOverlayUtil, CollaboratorShapeIndicatorOverlayUtil, ColorSchemeMenu, CommentToolbarItem, ConversionsMenuGroup, ConvertToBookmarkMenuItem, ConvertToEmbedMenuItem, CopyAsMenuGroup, CopyMenuItem, CursorChatItem, CutMenuItem, DEFAULT_ARROW_BINDING_HINT_OVERLAY_OPTIONS, DEFAULT_ARROW_HINT_OVERLAY_OPTIONS, DEFAULT_BRUSH_OVERLAY_OPTIONS, DEFAULT_COLLABORATOR_OVERLAY_OPTIONS, DEFAULT_ELBOW_ARROW_OPTIONS, DEFAULT_MAX_ASSET_SIZE, DEFAULT_SCRIBBLE_OVERLAY_OPTIONS, DEFAULT_SELECTION_FOREGROUND_OVERLAY_OPTIONS, DEFAULT_SHAPE_HANDLE_OVERLAY_OPTIONS, DEFAULT_SNAP_INDICATOR_OVERLAY_OPTIONS, DEFAULT_SUPPORTED_IMAGE_TYPES, DEFAULT_SUPPORTED_VIDEO_TYPES, DEFAULT_TOOLBAR_ITEMS, DebugFlagDefaults, DebugFlags, DebugStats, DefaultA11yAnnouncer, DefaultActionsMenu, DefaultActionsMenuContent, DefaultContextMenu, DefaultContextMenuContent, DefaultDebugMenu, DefaultDebugMenuContent, DefaultDebugPanel, DefaultFollowingIndicator, DefaultHelpMenu, DefaultHelpMenuContent, DefaultHelperButtons, DefaultHelperButtonsContent, DefaultImageToolbar, DefaultImageToolbarContent, DefaultMainMenu, DefaultMainMenuContent, DefaultMenuPanel, DefaultMinimap, DefaultNavigationPanel, DefaultPageMenu, DefaultPeopleMenu, DefaultPeopleMenuAvatar, DefaultPeopleMenuContent, DefaultPeopleMenuFacePile, DefaultPeopleMenuItem, DefaultQuickActions, DefaultQuickActionsContent, DefaultRichTextToolbar, DefaultRichTextToolbarContent, DefaultSharePanel, DefaultStylePanel, DefaultStylePanelContent, DefaultToasts, DefaultToolbar, DefaultToolbarContent, DefaultToolbarWithOverflow, DefaultUi, DefaultUserPresenceEditor, DefaultVideoToolbar, DefaultVideoToolbarContent, DefaultZoomMenu, DefaultZoomMenuContent, DeleteMenuItem, DiamondToolbarItem, DistributeMenuItems, DrawTool as DrawShapeTool, DrawShapeUtil, DrawTool, DrawToolbarItem, DuplicateMenuItem, ELBOW_ARROW_SIDES, EditLinkMenuItem, EditMenuSubmenu, EditSubmenu, EllipseToolbarItem, EraserTool, EraserToolbarItem, ExportAsMenuGroup, ExportFileContentSubMenu, ExtrasGroup, FeatureFlags, FitFrameToContentMenuItem, FrameTool as FrameShapeTool, FrameTool, FrameToolbarItem, GeoTool as GeoShapeTool, GeoTool, GeoToolbarItem, GroupMenuItem, GroupOrUngroupMenuItem, GroupShapeUtil, HIGHLIGHT_OPACITY, HIGHLIGHT_STROKE_SIZES, HandTool, HandToolbarItem, HeartToolbarItem, HexagonToolbarItem, HighlightShapeTool, HighlightShapeUtil, HighlightToolbarItem, IMAGE_PLACEHOLDER_FILL, IMAGE_PLACEHOLDER_STROKE, ImageAssetUtil, ImageShapeUtil, InputModeMenu, KeyboardShiftEnterTweakExtension, KeyboardShortcutsMenuItem, LanguageMenu, LaserTool, LaserToolbarItem, LineTool as LineShapeTool, LineShapeUtil, LineTool, LineToolbarItem, LockGroup, MOCANVAS_CLIPBOARD_TYPE, MOD_KEY, MORE_GEO_KINDS, MiscMenuGroup, MobileStylePanel, Mocanvas, MocanvasUiMenuItem, MoveToPageMenu, NoteTool as NoteShapeTool, NoteTool, NoteToolbarItem, OfflineIndicator, OvalToolbarItem, OverflowingToolbar, PORTRAIT_BREAKPOINT, PRIMARY_GEO_KINDS, PageItemInput, PageItemSubmenu, PasteMenuItem, PathBuilder, PathBuilderGeometry2d, PlainTextArea, PlainTextLabel, PreferencesGroup, PrintItem, RectangleToolbarItem, ReduceMotionAttribute, RemoveFrameMenuItem, ReorderMenuItems, ReorderMenuSubmenu, ResponsiveStylePanel, RhombusToolbarItem, RichTextArea, RichTextLabel, RichTextSVG, RotateCWMenuItem, ScribbleOverlayUtil, SelectAllMenuItem, SelectTool, SelectToolbarItem, SelectionAnnouncer, SelectionForegroundOverlayUtil, ShapeHandleOverlayUtil, ShapeIndicatorOverlayUtil, SnapIndicatorOverlayUtil, StackMenuItems, StarToolbarItem, StylePanel, StylePanelArrowKindPicker, StylePanelArrowheadPicker, StylePanelButtonPicker, StylePanelButtonPickerInline, StylePanelColorPicker, StylePanelContextProvider, StylePanelDashPicker, StylePanelDoubleDropdownPicker, StylePanelDoubleDropdownPickerInline, StylePanelDropdownPicker, StylePanelDropdownPickerInline, StylePanelFillPicker, StylePanelFontPicker, StylePanelGeoShapePicker, StylePanelLabelAlignPicker, StylePanelOpacityPicker, StylePanelSection, StylePanelSizePicker, StylePanelSplinePicker, StylePanelSubheading, StylePanelTextAlignPicker, TOOLBAR_GROUPS, TextTool as TextShapeTool, TextTool, TextToolbarItem, TldrawImage, TldrawUi, TldrawUiA11yProvider, TldrawUiActionsProvider, TldrawUiColumn, TldrawUiComponentsProvider, TldrawUiContextProvider, TldrawUiContextualToolbar, TldrawUiGrid, TldrawUiInFrontOfTheCanvas, TldrawUiInput, TldrawUiOrientationProvider, TldrawUiPopover, TldrawUiPopoverContent, TldrawUiPopoverTrigger, TldrawUiRow, TldrawUiSelect, TldrawUiSelectContent, TldrawUiSelectItem, TldrawUiSelectTrigger, TldrawUiSelectValue, TldrawUiSlider, TldrawUiToastsProvider, TldrawUiToolbar, TldrawUiToolbarButton, TldrawUiToolbarItem, TldrawUiToolbarToggleGroup, TldrawUiToolbarToggleItem, TldrawUiToolsProvider, TldrawUiTooltip, TldrawUiTooltipProvider, ToggleAutoSizeMenuItem, ToggleDebugModeItem, ToggleDynamicSizeModeItem, ToggleEdgeScrollingItem, ToggleEnhancedA11yModeItem, ToggleFocusModeItem, ToggleGridItem, ToggleInvertZoomItem, ToggleKeyboardShortcutsItem, ToggleLockMenuItem, TogglePasteAtCursorItem, ToggleReduceMotionItem, ToggleSnapModeItem, ToggleToolLockItem, ToggleToolLockedButton, ToggleTransparentBgMenuItem, ToggleWrapModeItem, Toolbar, TrapezoidToolbarItem, TriangleToolbarItem, UndoRedoGroup, UngroupMenuItem, UnlockAllMenuItem, VideoAssetUtil, ViewSubmenu, XBoxToolbarItem, ZoomBar, ZoomBrushOverlayUtil, ZoomOrRotateMenuItem, ZoomTo100MenuItem, ZoomToFitMenuItem, ZoomToSelectionMenuItem, ZoomTool, allDefaultFontFaces, buildDefaultActionItems, buildDefaultToolItems, canPrint, canUploadImageTextures, centerSelectionAroundPoint, clearArrowTargetState, containBoxSize, copyAs, copySelectionToClipboard, createBookmarkFromUrl, createDebugFlag, createDebugValue, createFeatureFlag, createShapesForAssets, cutSelectionToClipboard, debugFlags, defaultAddFontsFromNode, defaultAssetUtils, defaultBindingUtils, defaultComponents, defaultEditorAssetUrls, defaultFonts, defaultGeoTypeDefinitions, defaultHandleExternalEmbedContent, defaultHandleExternalExcalidrawContent, defaultHandleExternalFileAsset, defaultHandleExternalFileContent, defaultHandleExternalFileReplaceContent, defaultHandleExternalSvgTextContent, defaultHandleExternalTextContent, defaultHandleExternalTldrawContent, defaultHandleExternalUrlAsset, defaultOverlayUtils, defaultShapeTools, defaultShapeUtils, defaultTools, downsizeDimensions, downsizeImage, drawLabelChip, embedPermissionsToAllowAttribute, embedShapePermissionDefaults, exportAs, featureFlags, fitFrameToContent, getArrowInfo, getArrowTargetState, getAssetInfo, getBreakpointForWidth, getClipboardTextForShapes, getColorStyleItems, getCropBox, getDebugFlags, getDrawDisplayValues, getDrawOutlinePoints, getElbowArrowBoxEdges, getElbowArrowBoxes, getElbowArrowInfo, getElbowArrowSideAxis, getElbowArrowSideTowards, getElbowArrowTargetBox, getFontStyleItems, getHighlightDisplayValues, getHighlightOutlinePoints, getHitShapeOnCanvasPointerDown, getImageCropStyle, getImageDisplayValues, getImageTextureKey, getImageTextureSource, getLineDisplayValues, getLinePoints, getPointsFromDrawSegment, getPointsFromDrawSegments, getStroke, getStrokeOutlinePoints, getStrokePoints, getStyleItemsForProp, getStylePanelSections, getSvgPathFromStrokePoints, getTipTapDefaultExtensions, hairline, handleNativeOrMenuCopy, hasAnyStyleSection, hideAllTooltips, iconTypes, isExcalidrawClipboardContent, isInElbowArrowRange, isolate, loadImageTextureSource, loadTipTapDefaultExtensions, notifyIfFileNotAllowed, onDragFromToolbarToCreateShape, pasteFromClipboard, preloadFont, printSelection, putExcalidrawContent, readDrawSegments, readImageSize, registerDefaultSideEffects, registeredToolIds, removeFrame, renderHtmlFromRichText, renderPlaintextFromRichText, renderRichTextFromHTML, resolveScribbleColor, sanitizeSvg, smoothPoints, startEditingShapeWithRichText, toElbowArrowRoute, traceCross, tracePolyline, traceRoundedRect, traceTaperedStroke, truncateStringWithEllipsis, unwrapLabel, updateArrowTargetState, useA11y, useActionsOverride, useAnyMenuIsOpen, useBreakpoint, useCollaborationStatus, useCopyAs, useDefaultHelpers, useEditablePlainText, useEditableRichText, useExportAs, useExternalContent, useImageOrVideoAsset, useLocalStorageState, useMenuClipboardEvents, useMenuIsOpen, useNativeClipboardEvents, usePeerIds, usePeers, usePrefersReducedMotion, usePresence, useReduceMotion, useSelectedShapesAnnouncer, useShowCollaborationUi, useStylePanelContext, useTldrawUiComponents, useTldrawUiOrientation, useToasts, useToolsOverride, useTooltipSuppression, useUiListsAreLive, withCamera };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map