tldraw 4.0.0 → 4.0.2

package/dist-esm/lib/ui/version.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/ui/version.ts"],
-  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '4.0.0'\nexport const publishDates = {\n\tmajor: '2025-09-18T14:32:28.865Z',\n\tminor: '2025-09-18T14:32:28.865Z',\n\tpatch: '2025-09-18T14:32:28.865Z',\n}\n"],
+  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '4.0.2'\nexport const publishDates = {\n\tmajor: '2025-09-18T14:32:28.865Z',\n\tminor: '2025-09-18T14:32:28.865Z',\n\tpatch: '2025-09-19T11:04:14.309Z',\n}\n"],
   "mappings": "AAGO,MAAM,UAAU;AAChB,MAAM,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACR;",
   "names": []
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tldraw",
   "description": "A tiny little drawing editor.",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -55,8 +55,8 @@
     "@tiptap/pm": "^2.9.1",
     "@tiptap/react": "^2.9.1",
     "@tiptap/starter-kit": "^2.9.1",
-    "@tldraw/editor": "4.0.0",
-    "@tldraw/store": "4.0.0",
+    "@tldraw/editor": "4.0.2",
+    "@tldraw/store": "4.0.2",
     "classnames": "^2.5.1",
     "hotkeys-js": "^3.13.9",
     "idb": "^7.1.1",

package/src/lib/ui/components/MainMenu/DefaultMainMenuContent.tsx

@@ -165,13 +165,9 @@ export function PreferencesGroup() {
 					<TogglePasteAtCursorItem />
 					<ToggleDebugModeItem />
 				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="input-mode">
+				<TldrawUiMenuGroup id="user-interface-submenus">
 					<InputModeMenu />
-				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="color-scheme">
 					<ColorSchemeMenu />
-				</TldrawUiMenuGroup>
-				<TldrawUiMenuGroup id="accessibility-menu">
 					<AccessibilityMenu />
 				</TldrawUiMenuGroup>
 			</TldrawUiMenuSubmenu>

package/src/lib/ui/context/actions.tsx

@@ -1344,6 +1344,28 @@ export function ActionsProvider({ overrides, children }: ActionsProviderProps) {
 					}
 				},
 			},
+			{
+				id: 'toggle-focus-mode',
+				label: {
+					default: 'action.toggle-focus-mode',
+					menu: 'action.toggle-focus-mode.menu',
+				},
+				readonlyOk: true,
+				kbd: 'cmd+.,ctrl+.',
+				checkbox: true,
+				onSelect(source) {
+					// this needs to be deferred because it causes the menu
+					// UI to unmount which puts us in a dodgy state
+					editor.timers.requestAnimationFrame(() => {
+						editor.run(() => {
+							trackEvent('toggle-focus-mode', { source })
+							helpers.clearDialogs()
+							helpers.clearToasts()
+							editor.updateInstanceState({ isFocusMode: !editor.getInstanceState().isFocusMode })
+						})
+					})
+				},
+			},
 			{
 				id: 'toggle-grid',
 				label: {

package/src/lib/ui/version.ts

@@ -1,9 +1,9 @@
 // This file is automatically generated by internal/scripts/refresh-assets.ts.
 // Do not edit manually. Or do, I'm a comment, not a cop.
 
-export const version = '4.0.0'
+export const version = '4.0.2'
 export const publishDates = {
 	major: '2025-09-18T14:32:28.865Z',
 	minor: '2025-09-18T14:32:28.865Z',
-	patch: '2025-09-18T14:32:28.865Z',
+	patch: '2025-09-19T11:04:14.309Z',
 }