tldraw 3.16.0-canary.f60032f16651 → 3.16.0-canary.faec5de49906

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (460) hide show
  1. package/dist-cjs/index.d.ts +323 -106
  2. package/dist-cjs/index.js +45 -14
  3. package/dist-cjs/index.js.map +2 -2
  4. package/dist-cjs/lib/Tldraw.js +12 -2
  5. package/dist-cjs/lib/Tldraw.js.map +2 -2
  6. package/dist-cjs/lib/canvas/TldrawScribble.js +1 -1
  7. package/dist-cjs/lib/canvas/TldrawScribble.js.map +2 -2
  8. package/dist-cjs/lib/defaultExternalContentHandlers.js +5 -4
  9. package/dist-cjs/lib/defaultExternalContentHandlers.js.map +2 -2
  10. package/dist-cjs/lib/shapes/arrow/ArrowShapeUtil.js +3 -3
  11. package/dist-cjs/lib/shapes/arrow/ArrowShapeUtil.js.map +2 -2
  12. package/dist-cjs/lib/shapes/arrow/arrowLabel.js +6 -0
  13. package/dist-cjs/lib/shapes/arrow/arrowLabel.js.map +3 -3
  14. package/dist-cjs/lib/shapes/arrow/elbow/ElbowArrowDebug.js +3 -3
  15. package/dist-cjs/lib/shapes/arrow/elbow/ElbowArrowDebug.js.map +1 -1
  16. package/dist-cjs/lib/shapes/draw/DrawShapeUtil.js +3 -3
  17. package/dist-cjs/lib/shapes/draw/DrawShapeUtil.js.map +2 -2
  18. package/dist-cjs/lib/shapes/embed/EmbedShapeUtil.js +1 -1
  19. package/dist-cjs/lib/shapes/embed/EmbedShapeUtil.js.map +1 -1
  20. package/dist-cjs/lib/shapes/frame/FrameShapeUtil.js +20 -13
  21. package/dist-cjs/lib/shapes/frame/FrameShapeUtil.js.map +2 -2
  22. package/dist-cjs/lib/shapes/frame/components/FrameHeading.js +1 -1
  23. package/dist-cjs/lib/shapes/frame/components/FrameHeading.js.map +2 -2
  24. package/dist-cjs/lib/shapes/geo/GeoShapeUtil.js +3 -2
  25. package/dist-cjs/lib/shapes/geo/GeoShapeUtil.js.map +2 -2
  26. package/dist-cjs/lib/shapes/geo/components/GeoShapeBody.js +2 -1
  27. package/dist-cjs/lib/shapes/geo/components/GeoShapeBody.js.map +2 -2
  28. package/dist-cjs/lib/shapes/highlight/HighlightShapeUtil.js +5 -1
  29. package/dist-cjs/lib/shapes/highlight/HighlightShapeUtil.js.map +2 -2
  30. package/dist-cjs/lib/shapes/image/ImageShapeUtil.js +6 -3
  31. package/dist-cjs/lib/shapes/image/ImageShapeUtil.js.map +2 -2
  32. package/dist-cjs/lib/shapes/line/LineShapeUtil.js +5 -1
  33. package/dist-cjs/lib/shapes/line/LineShapeUtil.js.map +2 -2
  34. package/dist-cjs/lib/shapes/note/NoteShapeUtil.js +6 -5
  35. package/dist-cjs/lib/shapes/note/NoteShapeUtil.js.map +2 -2
  36. package/dist-cjs/lib/shapes/shared/PlainTextLabel.js +1 -3
  37. package/dist-cjs/lib/shapes/shared/PlainTextLabel.js.map +2 -2
  38. package/dist-cjs/lib/shapes/shared/ShapeFill.js +4 -4
  39. package/dist-cjs/lib/shapes/shared/ShapeFill.js.map +2 -2
  40. package/dist-cjs/lib/shapes/shared/freehand/svg.js.map +2 -2
  41. package/dist-cjs/lib/shapes/shared/useEditablePlainText.js +0 -2
  42. package/dist-cjs/lib/shapes/shared/useEditablePlainText.js.map +2 -2
  43. package/dist-cjs/lib/shapes/shared/useImageOrVideoAsset.js +0 -2
  44. package/dist-cjs/lib/shapes/shared/useImageOrVideoAsset.js.map +2 -2
  45. package/dist-cjs/lib/shapes/shared/usePrefersReducedMotion.js +10 -1
  46. package/dist-cjs/lib/shapes/shared/usePrefersReducedMotion.js.map +2 -2
  47. package/dist-cjs/lib/shapes/text/TextShapeUtil.js +2 -2
  48. package/dist-cjs/lib/shapes/text/TextShapeUtil.js.map +2 -2
  49. package/dist-cjs/lib/shapes/video/VideoShapeUtil.js +3 -3
  50. package/dist-cjs/lib/shapes/video/VideoShapeUtil.js.map +1 -1
  51. package/dist-cjs/lib/tools/EraserTool/childStates/Erasing.js +25 -1
  52. package/dist-cjs/lib/tools/EraserTool/childStates/Erasing.js.map +2 -2
  53. package/dist-cjs/lib/tools/EraserTool/childStates/Pointing.js +12 -0
  54. package/dist-cjs/lib/tools/EraserTool/childStates/Pointing.js.map +2 -2
  55. package/dist-cjs/lib/ui/TldrawUi.js +27 -12
  56. package/dist-cjs/lib/ui/TldrawUi.js.map +3 -3
  57. package/dist-cjs/lib/ui/assetUrls.js +13 -10
  58. package/dist-cjs/lib/ui/assetUrls.js.map +2 -2
  59. package/dist-cjs/lib/ui/components/AccessibilityMenu.js +35 -0
  60. package/dist-cjs/lib/ui/components/AccessibilityMenu.js.map +7 -0
  61. package/dist-cjs/lib/ui/components/ActionsMenu/DefaultActionsMenu.js +12 -3
  62. package/dist-cjs/lib/ui/components/ActionsMenu/DefaultActionsMenu.js.map +2 -2
  63. package/dist-cjs/lib/ui/components/{FollowingIndicator.js → DefaultFollowingIndicator.js} +6 -6
  64. package/dist-cjs/lib/ui/components/DefaultFollowingIndicator.js.map +7 -0
  65. package/dist-cjs/lib/ui/components/DefaultMenuPanel.js +3 -2
  66. package/dist-cjs/lib/ui/components/DefaultMenuPanel.js.map +2 -2
  67. package/dist-cjs/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.js +6 -6
  68. package/dist-cjs/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.js.map +1 -1
  69. package/dist-cjs/lib/ui/components/MainMenu/DefaultMainMenuContent.js +3 -3
  70. package/dist-cjs/lib/ui/components/MainMenu/DefaultMainMenuContent.js.map +2 -2
  71. package/dist-cjs/lib/ui/components/Minimap/MinimapManager.js +4 -4
  72. package/dist-cjs/lib/ui/components/Minimap/MinimapManager.js.map +2 -2
  73. package/dist-cjs/lib/ui/components/MobileStylePanel.js +5 -3
  74. package/dist-cjs/lib/ui/components/MobileStylePanel.js.map +2 -2
  75. package/dist-cjs/lib/ui/components/NavigationPanel/DefaultNavigationPanel.js +1 -1
  76. package/dist-cjs/lib/ui/components/NavigationPanel/DefaultNavigationPanel.js.map +2 -2
  77. package/dist-cjs/lib/ui/components/PageMenu/DefaultPageMenu.js +2 -1
  78. package/dist-cjs/lib/ui/components/PageMenu/DefaultPageMenu.js.map +2 -2
  79. package/dist-cjs/lib/ui/components/SharePanel/PeopleMenuItem.js +3 -2
  80. package/dist-cjs/lib/ui/components/SharePanel/PeopleMenuItem.js.map +2 -2
  81. package/dist-cjs/lib/ui/components/SharePanel/UserPresenceColorPicker.js +2 -2
  82. package/dist-cjs/lib/ui/components/SharePanel/UserPresenceColorPicker.js.map +2 -2
  83. package/dist-cjs/lib/ui/components/StylePanel/DefaultStylePanel.js +11 -4
  84. package/dist-cjs/lib/ui/components/StylePanel/DefaultStylePanel.js.map +2 -2
  85. package/dist-cjs/lib/ui/components/StylePanel/DefaultStylePanelContent.js +249 -279
  86. package/dist-cjs/lib/ui/components/StylePanel/DefaultStylePanelContent.js.map +2 -2
  87. package/dist-cjs/lib/ui/components/{primitives/TldrawUiButtonPicker.js → StylePanel/StylePanelButtonPicker.js} +52 -56
  88. package/dist-cjs/lib/ui/components/StylePanel/StylePanelButtonPicker.js.map +7 -0
  89. package/dist-cjs/lib/ui/components/StylePanel/StylePanelContext.js +68 -0
  90. package/dist-cjs/lib/ui/components/StylePanel/StylePanelContext.js.map +7 -0
  91. package/dist-cjs/lib/ui/components/StylePanel/{DoubleDropdownPicker.js → StylePanelDoubleDropdownPicker.js} +26 -25
  92. package/dist-cjs/lib/ui/components/StylePanel/StylePanelDoubleDropdownPicker.js.map +7 -0
  93. package/dist-cjs/lib/ui/components/StylePanel/{DropdownPicker.js → StylePanelDropdownPicker.js} +47 -43
  94. package/dist-cjs/lib/ui/components/StylePanel/StylePanelDropdownPicker.js.map +7 -0
  95. package/dist-cjs/lib/ui/components/StylePanel/StylePanelSubheading.js +28 -0
  96. package/dist-cjs/lib/ui/components/StylePanel/StylePanelSubheading.js.map +7 -0
  97. package/dist-cjs/lib/ui/components/Toolbar/AltTextEditor.js +3 -2
  98. package/dist-cjs/lib/ui/components/Toolbar/AltTextEditor.js.map +2 -2
  99. package/dist-cjs/lib/ui/components/Toolbar/DefaultImageToolbarContent.js +39 -10
  100. package/dist-cjs/lib/ui/components/Toolbar/DefaultImageToolbarContent.js.map +2 -2
  101. package/dist-cjs/lib/ui/components/Toolbar/DefaultToolbar.js +66 -21
  102. package/dist-cjs/lib/ui/components/Toolbar/DefaultToolbar.js.map +3 -3
  103. package/dist-cjs/lib/ui/components/Toolbar/DefaultVideoToolbarContent.js +15 -3
  104. package/dist-cjs/lib/ui/components/Toolbar/DefaultVideoToolbarContent.js.map +2 -2
  105. package/dist-cjs/lib/ui/components/Toolbar/LinkEditor.js +3 -3
  106. package/dist-cjs/lib/ui/components/Toolbar/LinkEditor.js.map +2 -2
  107. package/dist-cjs/lib/ui/components/Toolbar/OverflowingToolbar.js +189 -80
  108. package/dist-cjs/lib/ui/components/Toolbar/OverflowingToolbar.js.map +3 -3
  109. package/dist-cjs/lib/ui/components/Toolbar/ToggleToolLockedButton.js +5 -4
  110. package/dist-cjs/lib/ui/components/Toolbar/ToggleToolLockedButton.js.map +2 -2
  111. package/dist-cjs/lib/ui/components/menu-items.js +6 -0
  112. package/dist-cjs/lib/ui/components/menu-items.js.map +2 -2
  113. package/dist-cjs/lib/ui/components/primitives/TldrawUiContextualToolbar.js +10 -1
  114. package/dist-cjs/lib/ui/components/primitives/TldrawUiContextualToolbar.js.map +2 -2
  115. package/dist-cjs/lib/ui/components/primitives/TldrawUiPopover.js +3 -2
  116. package/dist-cjs/lib/ui/components/primitives/TldrawUiPopover.js.map +3 -3
  117. package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js +18 -5
  118. package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js.map +2 -2
  119. package/dist-cjs/lib/ui/components/primitives/TldrawUiToolbar.js +32 -7
  120. package/dist-cjs/lib/ui/components/primitives/TldrawUiToolbar.js.map +2 -2
  121. package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js +294 -0
  122. package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js.map +7 -0
  123. package/dist-cjs/lib/ui/components/primitives/layout.js +76 -0
  124. package/dist-cjs/lib/ui/components/primitives/layout.js.map +7 -0
  125. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuContext.js.map +2 -2
  126. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js +25 -12
  127. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js.map +2 -2
  128. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuItem.js +17 -31
  129. package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuItem.js.map +2 -2
  130. package/dist-cjs/lib/ui/context/TldrawUiContextProvider.js +3 -2
  131. package/dist-cjs/lib/ui/context/TldrawUiContextProvider.js.map +2 -2
  132. package/dist-cjs/lib/ui/context/actions.js +38 -10
  133. package/dist-cjs/lib/ui/context/actions.js.map +2 -2
  134. package/dist-cjs/lib/ui/context/components.js +2 -0
  135. package/dist-cjs/lib/ui/context/components.js.map +2 -2
  136. package/dist-cjs/lib/ui/context/events.js.map +2 -2
  137. package/dist-cjs/lib/ui/hooks/useExportAs.js +3 -2
  138. package/dist-cjs/lib/ui/hooks/useExportAs.js.map +2 -2
  139. package/dist-cjs/lib/ui/hooks/useTools.js +22 -4
  140. package/dist-cjs/lib/ui/hooks/useTools.js.map +2 -2
  141. package/dist-cjs/lib/ui/hooks/useTranslation/TLUiTranslationKey.js.map +1 -1
  142. package/dist-cjs/lib/ui/hooks/useTranslation/defaultTranslation.js +6 -1
  143. package/dist-cjs/lib/ui/hooks/useTranslation/defaultTranslation.js.map +2 -2
  144. package/dist-cjs/lib/ui/kbd-utils.js +9 -3
  145. package/dist-cjs/lib/ui/kbd-utils.js.map +2 -2
  146. package/dist-cjs/lib/ui/version.js +3 -3
  147. package/dist-cjs/lib/ui/version.js.map +1 -1
  148. package/dist-cjs/lib/utils/export/copyAs.js +1 -2
  149. package/dist-cjs/lib/utils/export/copyAs.js.map +2 -2
  150. package/dist-cjs/lib/utils/export/export.js +0 -20
  151. package/dist-cjs/lib/utils/export/export.js.map +2 -2
  152. package/dist-cjs/lib/utils/export/exportAs.js +1 -2
  153. package/dist-cjs/lib/utils/export/exportAs.js.map +2 -2
  154. package/dist-esm/index.d.mts +323 -106
  155. package/dist-esm/index.mjs +83 -29
  156. package/dist-esm/index.mjs.map +2 -2
  157. package/dist-esm/lib/Tldraw.mjs +14 -4
  158. package/dist-esm/lib/Tldraw.mjs.map +2 -2
  159. package/dist-esm/lib/canvas/TldrawScribble.mjs +1 -1
  160. package/dist-esm/lib/canvas/TldrawScribble.mjs.map +2 -2
  161. package/dist-esm/lib/defaultExternalContentHandlers.mjs +5 -4
  162. package/dist-esm/lib/defaultExternalContentHandlers.mjs.map +2 -2
  163. package/dist-esm/lib/shapes/arrow/ArrowShapeUtil.mjs +4 -3
  164. package/dist-esm/lib/shapes/arrow/ArrowShapeUtil.mjs.map +2 -2
  165. package/dist-esm/lib/shapes/arrow/arrowLabel.mjs +6 -0
  166. package/dist-esm/lib/shapes/arrow/arrowLabel.mjs.map +3 -3
  167. package/dist-esm/lib/shapes/arrow/elbow/ElbowArrowDebug.mjs +3 -3
  168. package/dist-esm/lib/shapes/arrow/elbow/ElbowArrowDebug.mjs.map +1 -1
  169. package/dist-esm/lib/shapes/draw/DrawShapeUtil.mjs +4 -3
  170. package/dist-esm/lib/shapes/draw/DrawShapeUtil.mjs.map +2 -2
  171. package/dist-esm/lib/shapes/embed/EmbedShapeUtil.mjs +1 -1
  172. package/dist-esm/lib/shapes/embed/EmbedShapeUtil.mjs.map +1 -1
  173. package/dist-esm/lib/shapes/frame/FrameShapeUtil.mjs +21 -13
  174. package/dist-esm/lib/shapes/frame/FrameShapeUtil.mjs.map +2 -2
  175. package/dist-esm/lib/shapes/frame/components/FrameHeading.mjs +1 -1
  176. package/dist-esm/lib/shapes/frame/components/FrameHeading.mjs.map +2 -2
  177. package/dist-esm/lib/shapes/geo/GeoShapeUtil.mjs +4 -2
  178. package/dist-esm/lib/shapes/geo/GeoShapeUtil.mjs.map +2 -2
  179. package/dist-esm/lib/shapes/geo/components/GeoShapeBody.mjs +2 -1
  180. package/dist-esm/lib/shapes/geo/components/GeoShapeBody.mjs.map +2 -2
  181. package/dist-esm/lib/shapes/highlight/HighlightShapeUtil.mjs +6 -1
  182. package/dist-esm/lib/shapes/highlight/HighlightShapeUtil.mjs.map +2 -2
  183. package/dist-esm/lib/shapes/image/ImageShapeUtil.mjs +6 -3
  184. package/dist-esm/lib/shapes/image/ImageShapeUtil.mjs.map +2 -2
  185. package/dist-esm/lib/shapes/line/LineShapeUtil.mjs +6 -1
  186. package/dist-esm/lib/shapes/line/LineShapeUtil.mjs.map +2 -2
  187. package/dist-esm/lib/shapes/note/NoteShapeUtil.mjs +7 -5
  188. package/dist-esm/lib/shapes/note/NoteShapeUtil.mjs.map +2 -2
  189. package/dist-esm/lib/shapes/shared/PlainTextLabel.mjs +1 -3
  190. package/dist-esm/lib/shapes/shared/PlainTextLabel.mjs.map +2 -2
  191. package/dist-esm/lib/shapes/shared/ShapeFill.mjs +5 -4
  192. package/dist-esm/lib/shapes/shared/ShapeFill.mjs.map +2 -2
  193. package/dist-esm/lib/shapes/shared/freehand/svg.mjs.map +2 -2
  194. package/dist-esm/lib/shapes/shared/useEditablePlainText.mjs +0 -2
  195. package/dist-esm/lib/shapes/shared/useEditablePlainText.mjs.map +2 -2
  196. package/dist-esm/lib/shapes/shared/useImageOrVideoAsset.mjs +0 -2
  197. package/dist-esm/lib/shapes/shared/useImageOrVideoAsset.mjs.map +2 -2
  198. package/dist-esm/lib/shapes/shared/usePrefersReducedMotion.mjs +10 -1
  199. package/dist-esm/lib/shapes/shared/usePrefersReducedMotion.mjs.map +2 -2
  200. package/dist-esm/lib/shapes/text/TextShapeUtil.mjs +3 -2
  201. package/dist-esm/lib/shapes/text/TextShapeUtil.mjs.map +2 -2
  202. package/dist-esm/lib/shapes/video/VideoShapeUtil.mjs +3 -3
  203. package/dist-esm/lib/shapes/video/VideoShapeUtil.mjs.map +1 -1
  204. package/dist-esm/lib/tools/EraserTool/childStates/Erasing.mjs +26 -1
  205. package/dist-esm/lib/tools/EraserTool/childStates/Erasing.mjs.map +2 -2
  206. package/dist-esm/lib/tools/EraserTool/childStates/Pointing.mjs +13 -0
  207. package/dist-esm/lib/tools/EraserTool/childStates/Pointing.mjs.map +2 -2
  208. package/dist-esm/lib/ui/TldrawUi.mjs +29 -14
  209. package/dist-esm/lib/ui/TldrawUi.mjs.map +3 -3
  210. package/dist-esm/lib/ui/assetUrls.mjs +13 -10
  211. package/dist-esm/lib/ui/assetUrls.mjs.map +2 -2
  212. package/dist-esm/lib/ui/components/AccessibilityMenu.mjs +19 -0
  213. package/dist-esm/lib/ui/components/AccessibilityMenu.mjs.map +7 -0
  214. package/dist-esm/lib/ui/components/ActionsMenu/DefaultActionsMenu.mjs +12 -3
  215. package/dist-esm/lib/ui/components/ActionsMenu/DefaultActionsMenu.mjs.map +2 -2
  216. package/dist-esm/lib/ui/components/{FollowingIndicator.mjs → DefaultFollowingIndicator.mjs} +3 -3
  217. package/dist-esm/lib/ui/components/DefaultFollowingIndicator.mjs.map +7 -0
  218. package/dist-esm/lib/ui/components/DefaultMenuPanel.mjs +3 -2
  219. package/dist-esm/lib/ui/components/DefaultMenuPanel.mjs.map +2 -2
  220. package/dist-esm/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.mjs +6 -6
  221. package/dist-esm/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.mjs.map +1 -1
  222. package/dist-esm/lib/ui/components/MainMenu/DefaultMainMenuContent.mjs +3 -5
  223. package/dist-esm/lib/ui/components/MainMenu/DefaultMainMenuContent.mjs.map +2 -2
  224. package/dist-esm/lib/ui/components/Minimap/MinimapManager.mjs +4 -4
  225. package/dist-esm/lib/ui/components/Minimap/MinimapManager.mjs.map +2 -2
  226. package/dist-esm/lib/ui/components/MobileStylePanel.mjs +6 -3
  227. package/dist-esm/lib/ui/components/MobileStylePanel.mjs.map +2 -2
  228. package/dist-esm/lib/ui/components/NavigationPanel/DefaultNavigationPanel.mjs +1 -1
  229. package/dist-esm/lib/ui/components/NavigationPanel/DefaultNavigationPanel.mjs.map +2 -2
  230. package/dist-esm/lib/ui/components/PageMenu/DefaultPageMenu.mjs +2 -1
  231. package/dist-esm/lib/ui/components/PageMenu/DefaultPageMenu.mjs.map +2 -2
  232. package/dist-esm/lib/ui/components/SharePanel/PeopleMenuItem.mjs +3 -2
  233. package/dist-esm/lib/ui/components/SharePanel/PeopleMenuItem.mjs.map +2 -2
  234. package/dist-esm/lib/ui/components/SharePanel/UserPresenceColorPicker.mjs +2 -2
  235. package/dist-esm/lib/ui/components/SharePanel/UserPresenceColorPicker.mjs.map +2 -2
  236. package/dist-esm/lib/ui/components/StylePanel/DefaultStylePanel.mjs +16 -5
  237. package/dist-esm/lib/ui/components/StylePanel/DefaultStylePanel.mjs.map +2 -2
  238. package/dist-esm/lib/ui/components/StylePanel/DefaultStylePanelContent.mjs +251 -283
  239. package/dist-esm/lib/ui/components/StylePanel/DefaultStylePanelContent.mjs.map +2 -2
  240. package/dist-esm/lib/ui/components/StylePanel/StylePanelButtonPicker.mjs +126 -0
  241. package/dist-esm/lib/ui/components/StylePanel/StylePanelButtonPicker.mjs.map +7 -0
  242. package/dist-esm/lib/ui/components/StylePanel/StylePanelContext.mjs +48 -0
  243. package/dist-esm/lib/ui/components/StylePanel/StylePanelContext.mjs.map +7 -0
  244. package/dist-esm/lib/ui/components/StylePanel/{DoubleDropdownPicker.mjs → StylePanelDoubleDropdownPicker.mjs} +23 -22
  245. package/dist-esm/lib/ui/components/StylePanel/StylePanelDoubleDropdownPicker.mjs.map +7 -0
  246. package/dist-esm/lib/ui/components/StylePanel/{DropdownPicker.mjs → StylePanelDropdownPicker.mjs} +44 -40
  247. package/dist-esm/lib/ui/components/StylePanel/StylePanelDropdownPicker.mjs.map +7 -0
  248. package/dist-esm/lib/ui/components/StylePanel/StylePanelSubheading.mjs +8 -0
  249. package/dist-esm/lib/ui/components/StylePanel/StylePanelSubheading.mjs.map +7 -0
  250. package/dist-esm/lib/ui/components/Toolbar/AltTextEditor.mjs +3 -2
  251. package/dist-esm/lib/ui/components/Toolbar/AltTextEditor.mjs.map +2 -2
  252. package/dist-esm/lib/ui/components/Toolbar/DefaultImageToolbarContent.mjs +39 -10
  253. package/dist-esm/lib/ui/components/Toolbar/DefaultImageToolbarContent.mjs.map +2 -2
  254. package/dist-esm/lib/ui/components/Toolbar/DefaultToolbar.mjs +56 -21
  255. package/dist-esm/lib/ui/components/Toolbar/DefaultToolbar.mjs.map +2 -2
  256. package/dist-esm/lib/ui/components/Toolbar/DefaultVideoToolbarContent.mjs +15 -3
  257. package/dist-esm/lib/ui/components/Toolbar/DefaultVideoToolbarContent.mjs.map +2 -2
  258. package/dist-esm/lib/ui/components/Toolbar/LinkEditor.mjs +3 -3
  259. package/dist-esm/lib/ui/components/Toolbar/LinkEditor.mjs.map +2 -2
  260. package/dist-esm/lib/ui/components/Toolbar/OverflowingToolbar.mjs +192 -81
  261. package/dist-esm/lib/ui/components/Toolbar/OverflowingToolbar.mjs.map +3 -3
  262. package/dist-esm/lib/ui/components/Toolbar/ToggleToolLockedButton.mjs +5 -4
  263. package/dist-esm/lib/ui/components/Toolbar/ToggleToolLockedButton.mjs.map +2 -2
  264. package/dist-esm/lib/ui/components/menu-items.mjs +6 -0
  265. package/dist-esm/lib/ui/components/menu-items.mjs.map +2 -2
  266. package/dist-esm/lib/ui/components/primitives/TldrawUiContextualToolbar.mjs +10 -1
  267. package/dist-esm/lib/ui/components/primitives/TldrawUiContextualToolbar.mjs.map +2 -2
  268. package/dist-esm/lib/ui/components/primitives/TldrawUiPopover.mjs +3 -2
  269. package/dist-esm/lib/ui/components/primitives/TldrawUiPopover.mjs.map +2 -2
  270. package/dist-esm/lib/ui/components/primitives/TldrawUiSlider.mjs +18 -5
  271. package/dist-esm/lib/ui/components/primitives/TldrawUiSlider.mjs.map +2 -2
  272. package/dist-esm/lib/ui/components/primitives/TldrawUiToolbar.mjs +32 -7
  273. package/dist-esm/lib/ui/components/primitives/TldrawUiToolbar.mjs.map +2 -2
  274. package/dist-esm/lib/ui/components/primitives/TldrawUiTooltip.mjs +272 -0
  275. package/dist-esm/lib/ui/components/primitives/TldrawUiTooltip.mjs.map +7 -0
  276. package/dist-esm/lib/ui/components/primitives/layout.mjs +46 -0
  277. package/dist-esm/lib/ui/components/primitives/layout.mjs.map +7 -0
  278. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuContext.mjs.map +2 -2
  279. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuGroup.mjs +25 -12
  280. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuGroup.mjs.map +2 -2
  281. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuItem.mjs +17 -31
  282. package/dist-esm/lib/ui/components/primitives/menus/TldrawUiMenuItem.mjs.map +2 -2
  283. package/dist-esm/lib/ui/context/TldrawUiContextProvider.mjs +3 -2
  284. package/dist-esm/lib/ui/context/TldrawUiContextProvider.mjs.map +2 -2
  285. package/dist-esm/lib/ui/context/actions.mjs +38 -10
  286. package/dist-esm/lib/ui/context/actions.mjs.map +2 -2
  287. package/dist-esm/lib/ui/context/components.mjs +2 -0
  288. package/dist-esm/lib/ui/context/components.mjs.map +2 -2
  289. package/dist-esm/lib/ui/context/events.mjs.map +2 -2
  290. package/dist-esm/lib/ui/hooks/useExportAs.mjs +3 -2
  291. package/dist-esm/lib/ui/hooks/useExportAs.mjs.map +2 -2
  292. package/dist-esm/lib/ui/hooks/useTools.mjs +23 -4
  293. package/dist-esm/lib/ui/hooks/useTools.mjs.map +2 -2
  294. package/dist-esm/lib/ui/hooks/useTranslation/defaultTranslation.mjs +6 -1
  295. package/dist-esm/lib/ui/hooks/useTranslation/defaultTranslation.mjs.map +2 -2
  296. package/dist-esm/lib/ui/kbd-utils.mjs +9 -3
  297. package/dist-esm/lib/ui/kbd-utils.mjs.map +2 -2
  298. package/dist-esm/lib/ui/version.mjs +3 -3
  299. package/dist-esm/lib/ui/version.mjs.map +1 -1
  300. package/dist-esm/lib/utils/export/copyAs.mjs +1 -2
  301. package/dist-esm/lib/utils/export/copyAs.mjs.map +2 -2
  302. package/dist-esm/lib/utils/export/export.mjs +0 -20
  303. package/dist-esm/lib/utils/export/export.mjs.map +2 -2
  304. package/dist-esm/lib/utils/export/exportAs.mjs +1 -2
  305. package/dist-esm/lib/utils/export/exportAs.mjs.map +2 -2
  306. package/package.json +11 -34
  307. package/src/index.ts +62 -22
  308. package/src/lib/Tldraw.tsx +15 -2
  309. package/src/lib/canvas/TldrawScribble.tsx +1 -1
  310. package/src/lib/defaultExternalContentHandlers.ts +12 -4
  311. package/src/lib/shapes/arrow/ArrowShapeOptions.test.ts +2 -1
  312. package/src/lib/shapes/arrow/ArrowShapeTool.test.ts +4 -3
  313. package/src/lib/shapes/arrow/ArrowShapeUtil.test.ts +48 -6
  314. package/src/lib/shapes/arrow/ArrowShapeUtil.tsx +4 -3
  315. package/src/lib/shapes/arrow/arrowLabel.ts +8 -0
  316. package/src/lib/shapes/arrow/elbow/ElbowArrowDebug.tsx +3 -3
  317. package/src/lib/shapes/draw/DrawShapeTool.test.ts +0 -5
  318. package/src/lib/shapes/draw/DrawShapeUtil.tsx +4 -3
  319. package/src/lib/shapes/embed/EmbedShapeUtil.tsx +1 -1
  320. package/src/lib/shapes/frame/FrameShapeUtil.tsx +30 -14
  321. package/src/lib/shapes/frame/components/FrameHeading.tsx +1 -1
  322. package/src/lib/shapes/geo/GeoShapeUtil.tsx +4 -2
  323. package/src/lib/shapes/geo/components/GeoShapeBody.tsx +2 -2
  324. package/src/lib/shapes/highlight/HighlightShapeUtil.tsx +7 -1
  325. package/src/lib/shapes/image/ImageShapeUtil.tsx +6 -3
  326. package/src/lib/shapes/line/LineShapeUtil.test.tsx +4 -3
  327. package/src/lib/shapes/line/LineShapeUtil.tsx +6 -1
  328. package/src/lib/shapes/line/__snapshots__/LineShapeUtil.test.tsx.snap +2 -2
  329. package/src/lib/shapes/note/NoteShapeUtil.tsx +10 -4
  330. package/src/lib/shapes/shared/PlainTextLabel.tsx +0 -6
  331. package/src/lib/shapes/shared/ShapeFill.tsx +5 -4
  332. package/src/lib/shapes/shared/freehand/svg.ts +2 -0
  333. package/src/lib/shapes/shared/useEditablePlainText.ts +0 -6
  334. package/src/lib/shapes/shared/useImageOrVideoAsset.ts +0 -7
  335. package/src/lib/shapes/shared/usePrefersReducedMotion.tsx +11 -1
  336. package/src/lib/shapes/text/TextShapeTool.test.ts +6 -5
  337. package/src/lib/shapes/text/TextShapeUtil.tsx +3 -2
  338. package/src/lib/shapes/video/VideoShapeUtil.tsx +3 -3
  339. package/src/lib/tools/EraserTool/childStates/Erasing.ts +34 -1
  340. package/src/lib/tools/EraserTool/childStates/Pointing.ts +20 -0
  341. package/src/lib/ui/TldrawUi.tsx +33 -12
  342. package/src/lib/ui/assetUrls.ts +13 -10
  343. package/src/lib/ui/components/AccessibilityMenu.tsx +20 -0
  344. package/src/lib/ui/components/ActionsMenu/DefaultActionsMenu.tsx +15 -3
  345. package/src/lib/ui/components/{FollowingIndicator.tsx → DefaultFollowingIndicator.tsx} +2 -1
  346. package/src/lib/ui/components/DefaultMenuPanel.tsx +4 -3
  347. package/src/lib/ui/components/KeyboardShortcutsDialog/DefaultKeyboardShortcutsDialogContent.tsx +6 -6
  348. package/src/lib/ui/components/MainMenu/DefaultMainMenuContent.tsx +4 -4
  349. package/src/lib/ui/components/Minimap/MinimapManager.ts +4 -4
  350. package/src/lib/ui/components/MobileStylePanel.tsx +9 -6
  351. package/src/lib/ui/components/NavigationPanel/DefaultNavigationPanel.tsx +1 -1
  352. package/src/lib/ui/components/PageMenu/DefaultPageMenu.tsx +3 -2
  353. package/src/lib/ui/components/SharePanel/PeopleMenuItem.tsx +4 -3
  354. package/src/lib/ui/components/SharePanel/UserPresenceColorPicker.tsx +3 -3
  355. package/src/lib/ui/components/StylePanel/DefaultStylePanel.tsx +28 -12
  356. package/src/lib/ui/components/StylePanel/DefaultStylePanelContent.tsx +261 -343
  357. package/src/lib/ui/components/{primitives/TldrawUiButtonPicker.tsx → StylePanel/StylePanelButtonPicker.tsx} +66 -50
  358. package/src/lib/ui/components/StylePanel/StylePanelContext.tsx +63 -0
  359. package/src/lib/ui/components/StylePanel/{DoubleDropdownPicker.tsx → StylePanelDoubleDropdownPicker.tsx} +31 -22
  360. package/src/lib/ui/components/StylePanel/StylePanelDropdownPicker.tsx +119 -0
  361. package/src/lib/ui/components/StylePanel/StylePanelSubheading.tsx +9 -0
  362. package/src/lib/ui/components/Toolbar/AltTextEditor.tsx +4 -3
  363. package/src/lib/ui/components/Toolbar/DefaultImageToolbarContent.tsx +33 -16
  364. package/src/lib/ui/components/Toolbar/DefaultToolbar.tsx +55 -23
  365. package/src/lib/ui/components/Toolbar/DefaultVideoToolbarContent.tsx +12 -4
  366. package/src/lib/ui/components/Toolbar/LinkEditor.tsx +5 -5
  367. package/src/lib/ui/components/Toolbar/OverflowingToolbar.tsx +212 -61
  368. package/src/lib/ui/components/Toolbar/ToggleToolLockedButton.tsx +14 -11
  369. package/src/lib/ui/components/menu-items.tsx +8 -0
  370. package/src/lib/ui/components/primitives/TldrawUiContextualToolbar.tsx +6 -1
  371. package/src/lib/ui/components/primitives/TldrawUiPopover.tsx +4 -2
  372. package/src/lib/ui/components/primitives/TldrawUiSlider.tsx +52 -32
  373. package/src/lib/ui/components/primitives/TldrawUiToolbar.tsx +54 -12
  374. package/src/lib/ui/components/primitives/TldrawUiTooltip.tsx +365 -0
  375. package/src/lib/ui/components/primitives/layout.tsx +107 -0
  376. package/src/lib/ui/components/primitives/menus/TldrawUiMenuContext.tsx +0 -1
  377. package/src/lib/ui/components/primitives/menus/TldrawUiMenuGroup.tsx +29 -16
  378. package/src/lib/ui/components/primitives/menus/TldrawUiMenuItem.tsx +24 -33
  379. package/src/lib/ui/context/TldrawUiContextProvider.tsx +23 -20
  380. package/src/lib/ui/context/actions.tsx +38 -10
  381. package/src/lib/ui/context/components.tsx +3 -0
  382. package/src/lib/ui/context/events.tsx +2 -1
  383. package/src/lib/ui/hooks/useExportAs.ts +3 -2
  384. package/src/lib/ui/hooks/useTools.tsx +26 -4
  385. package/src/lib/ui/hooks/useTranslation/TLUiTranslationKey.ts +5 -0
  386. package/src/lib/ui/hooks/useTranslation/defaultTranslation.ts +6 -1
  387. package/src/lib/ui/kbd-utils.ts +10 -3
  388. package/src/lib/ui/version.ts +3 -3
  389. package/src/lib/ui.css +424 -293
  390. package/src/lib/utils/excalidraw/__snapshots__/putExcalidrawContent.test.tsx.snap +5 -5
  391. package/src/lib/utils/export/copyAs.ts +1 -24
  392. package/src/lib/utils/export/export.ts +0 -36
  393. package/src/lib/utils/export/exportAs.ts +1 -32
  394. package/src/lib/utils/tldr/__snapshots__/buildFromV1Document.test.ts.snap +4 -4
  395. package/src/test/A11y.test.tsx +3 -2
  396. package/src/test/ClickManager.test.ts +7 -6
  397. package/src/test/Editor.test.tsx +20 -19
  398. package/src/test/EraserTool.test.ts +184 -13
  399. package/src/test/HandTool.test.ts +10 -9
  400. package/src/test/HighlightShape.test.ts +2 -1
  401. package/src/test/SelectTool.test.ts +3 -2
  402. package/src/test/TLUserPreferences.test.ts +4 -3
  403. package/src/test/TestEditor.ts +13 -15
  404. package/src/test/TldrawEditor.test.tsx +11 -10
  405. package/src/test/ZoomTool.test.ts +7 -6
  406. package/src/test/__snapshots__/drawing.test.ts.snap +2 -2
  407. package/src/test/__snapshots__/groups.test.tsx.snap +6 -6
  408. package/src/test/__snapshots__/resizing.test.ts.snap +2 -2
  409. package/src/test/arrows-megabus.test.tsx +5 -4
  410. package/src/test/bindings.test.tsx +24 -37
  411. package/src/test/bookmark-shapes.test.ts +1 -8
  412. package/src/test/commands/__snapshots__/getSvgString.test.ts.snap +23 -7
  413. package/src/test/commands/__snapshots__/packShapes.test.ts.snap +8 -8
  414. package/src/test/commands/__snapshots__/zoomToFit.test.ts.snap +2 -2
  415. package/src/test/commands/alignShapes.test.tsx +25 -24
  416. package/src/test/commands/animationSpeed.test.ts +2 -1
  417. package/src/test/commands/centerOnPoint.test.ts +3 -2
  418. package/src/test/commands/clipboard.test.ts +3 -2
  419. package/src/test/commands/createShapes.test.ts +2 -1
  420. package/src/test/commands/deleteShapes.test.ts +2 -1
  421. package/src/test/commands/distributeShapes.test.tsx +11 -10
  422. package/src/test/commands/getSvgString.test.ts +2 -1
  423. package/src/test/commands/packShapes.test.ts +5 -4
  424. package/src/test/commands/resizeShape.test.ts +2 -1
  425. package/src/test/commands/rotateShapes.test.ts +7 -6
  426. package/src/test/commands/setCamera.test.ts +4 -3
  427. package/src/test/commands/setCurrentPage.test.ts +3 -2
  428. package/src/test/commands/stackShapes.test.ts +11 -10
  429. package/src/test/commands/stretch.test.tsx +13 -12
  430. package/src/test/createDeepLink.test.tsx +2 -1
  431. package/src/test/cropping.test.ts +3 -2
  432. package/src/test/custom-clipping.test.ts +436 -0
  433. package/src/test/drawing.test.ts +2 -1
  434. package/src/test/flipShapes.test.ts +4 -3
  435. package/src/test/frames.test.ts +25 -24
  436. package/src/test/getCulledShapes.test.tsx +74 -4
  437. package/src/test/groups.test.tsx +1 -1
  438. package/src/test/handleDeepLink.test.tsx +2 -1
  439. package/src/test/maxShapes.test.ts +3 -2
  440. package/src/test/modifiers.test.ts +5 -4
  441. package/src/test/navigation.test.ts +12 -11
  442. package/src/test/panning.test.ts +2 -1
  443. package/src/test/perf/perf.test.ts +2 -1
  444. package/src/test/registerDeepLinkListener.test.tsx +10 -9
  445. package/src/test/resizing.test.ts +39 -38
  446. package/src/test/select.test.tsx +4 -3
  447. package/src/test/selection-omnibus.test.ts +11 -10
  448. package/src/test/shapeutils.test.ts +4 -3
  449. package/src/test/translating.test.ts +9 -8
  450. package/tldraw.css +732 -583
  451. package/dist-cjs/lib/ui/components/FollowingIndicator.js.map +0 -7
  452. package/dist-cjs/lib/ui/components/StylePanel/DoubleDropdownPicker.js.map +0 -7
  453. package/dist-cjs/lib/ui/components/StylePanel/DropdownPicker.js.map +0 -7
  454. package/dist-cjs/lib/ui/components/primitives/TldrawUiButtonPicker.js.map +0 -7
  455. package/dist-esm/lib/ui/components/FollowingIndicator.mjs.map +0 -7
  456. package/dist-esm/lib/ui/components/StylePanel/DoubleDropdownPicker.mjs.map +0 -7
  457. package/dist-esm/lib/ui/components/StylePanel/DropdownPicker.mjs.map +0 -7
  458. package/dist-esm/lib/ui/components/primitives/TldrawUiButtonPicker.mjs +0 -115
  459. package/dist-esm/lib/ui/components/primitives/TldrawUiButtonPicker.mjs.map +0 -7
  460. package/src/lib/ui/components/StylePanel/DropdownPicker.tsx +0 -109
@@ -93,6 +93,8 @@ export type TLUiTranslationKey =
93
93
  | 'action.toggle-reduce-motion'
94
94
  | 'action.toggle-keyboard-shortcuts.menu'
95
95
  | 'action.toggle-keyboard-shortcuts'
96
+ | 'action.toggle-ui-labels.menu'
97
+ | 'action.toggle-ui-labels'
96
98
  | 'action.toggle-edge-scrolling.menu'
97
99
  | 'action.toggle-edge-scrolling'
98
100
  | 'action.toggle-debug-mode.menu'
@@ -184,6 +186,7 @@ export type TLUiTranslationKey =
184
186
  | 'geo-style.pentagon'
185
187
  | 'geo-style.rectangle'
186
188
  | 'geo-style.rhombus'
189
+ | 'geo-style.rhombus-2'
187
190
  | 'geo-style.star'
188
191
  | 'geo-style.trapezoid'
189
192
  | 'geo-style.triangle'
@@ -258,6 +261,7 @@ export type TLUiTranslationKey =
258
261
  | 'tool.aspect-ratio.wide'
259
262
  | 'tool.image-toolbar-title'
260
263
  | 'tool.image-crop'
264
+ | 'tool.image-crop-confirm'
261
265
  | 'tool.media-alt-text'
262
266
  | 'tool.media-alt-text-desc'
263
267
  | 'tool.media-alt-text-confirm'
@@ -298,6 +302,7 @@ export type TLUiTranslationKey =
298
302
  | 'a11y.open-keyboard-shortcuts'
299
303
  | 'menu.title'
300
304
  | 'menu.theme'
305
+ | 'menu.accessibility'
301
306
  | 'menu.copy-as'
302
307
  | 'menu.edit'
303
308
  | 'menu.export-as'
@@ -92,8 +92,10 @@ export const DEFAULT_TRANSLATION = {
92
92
  'action.toggle-wrap-mode': 'Toggle Select on wrap',
93
93
  'action.toggle-reduce-motion.menu': 'Reduce motion',
94
94
  'action.toggle-reduce-motion': 'Toggle reduce motion',
95
- 'action.toggle-keyboard-shortcuts.menu': 'Keyboard shortcuts',
95
+ 'action.toggle-keyboard-shortcuts.menu': 'Enable keyboard shortcuts',
96
96
  'action.toggle-keyboard-shortcuts': 'Toggle keyboard shortcuts',
97
+ 'action.toggle-ui-labels.menu': 'Enable UI labels',
98
+ 'action.toggle-ui-labels': 'Toggle UI labels',
97
99
  'action.toggle-edge-scrolling.menu': 'Edge scrolling',
98
100
  'action.toggle-edge-scrolling': 'Toggle edge scrolling',
99
101
  'action.toggle-debug-mode.menu': 'Debug mode',
@@ -185,6 +187,7 @@ export const DEFAULT_TRANSLATION = {
185
187
  'geo-style.pentagon': 'Pentagon',
186
188
  'geo-style.rectangle': 'Rectangle',
187
189
  'geo-style.rhombus': 'Rhombus',
190
+ 'geo-style.rhombus-2': 'Rhombus left',
188
191
  'geo-style.star': 'Star',
189
192
  'geo-style.trapezoid': 'Trapezoid',
190
193
  'geo-style.triangle': 'Triangle',
@@ -259,6 +262,7 @@ export const DEFAULT_TRANSLATION = {
259
262
  'tool.aspect-ratio.wide': 'Wide (16:9)',
260
263
  'tool.image-toolbar-title': 'Image tools',
261
264
  'tool.image-crop': 'Crop image',
265
+ 'tool.image-crop-confirm': 'Confirm',
262
266
  'tool.media-alt-text': 'Alternative text',
263
267
  'tool.media-alt-text-desc': 'Give a description…',
264
268
  'tool.media-alt-text-confirm': 'Confirm',
@@ -299,6 +303,7 @@ export const DEFAULT_TRANSLATION = {
299
303
  'a11y.open-keyboard-shortcuts': 'Open keyboard shortcuts',
300
304
  'menu.title': 'Menu',
301
305
  'menu.theme': 'Theme',
306
+ 'menu.accessibility': 'Accessibility',
302
307
  'menu.copy-as': 'Copy as',
303
308
  'menu.edit': 'Edit',
304
309
  'menu.export-as': 'Export as',
@@ -31,9 +31,16 @@ export function kbd(str: string) {
31
31
  )
32
32
  .flat()
33
33
  .map((sub, index) => {
34
- if (sub === '__CTRL__') return 'Ctrl'
35
- if (sub === '__ALT__') return 'Alt'
36
- const modifiedKey = sub[0].toUpperCase() + sub.slice(1)
34
+ if (sub[0] === '+') return []
35
+
36
+ let modifiedKey
37
+ if (sub === '__CTRL__') {
38
+ modifiedKey = 'Ctrl'
39
+ } else if (sub === '__ALT__') {
40
+ modifiedKey = 'Alt'
41
+ } else {
42
+ modifiedKey = sub[0].toUpperCase() + sub.slice(1)
43
+ }
37
44
  return tlenv.isDarwin || !index ? modifiedKey : ['+', modifiedKey]
38
45
  })
39
46
  .flat()
@@ -1,9 +1,9 @@
1
1
  // This file is automatically generated by internal/scripts/refresh-assets.ts.
2
2
  // Do not edit manually. Or do, I'm a comment, not a cop.
3
3
 
4
- export const version = '3.16.0-canary.f60032f16651'
4
+ export const version = '3.16.0-canary.faec5de49906'
5
5
  export const publishDates = {
6
6
  major: '2024-09-13T14:36:29.063Z',
7
- minor: '2025-08-06T09:18:23.766Z',
8
- patch: '2025-08-06T09:18:23.766Z',
7
+ minor: '2025-09-11T13:12:32.426Z',
8
+ patch: '2025-09-11T13:12:32.426Z',
9
9
  }