tldraw 4.3.0-canary.2362fd2ebe56 → 4.3.0-canary.2643056dfc8d

package/src/test/resizing.test.ts

@@ -20,6 +20,7 @@ import { NoteShapeUtil } from '../lib/shapes/note/NoteShapeUtil'
 import { TestEditor } from './TestEditor'
 import { getSnapLines } from './getSnapLines'
 import { roundedBox } from './roundedBox'
+import { createDrawSegments } from './test-jsx'
 
 vi.useFakeTimers()
 
@@ -904,15 +905,12 @@ describe('When resizing a shape with children', () => {
 					x: 100,
 					y: 100,
 					props: {
-						segments: [
-							{
-								type: 'free',
-								points: [
-									{ x: 0, y: 0, z: 0.5 },
-									{ x: 100, y: 100, z: 0.5 },
-								],
-							},
-						],
+						segments: createDrawSegments([
+							[
+								{ x: 0, y: 0, z: 0.5 },
+								{ x: 100, y: 100, z: 0.5 },
+							],
+						]),
 					},
 				},
 			])

package/src/test/selection-omnibus.test.ts

@@ -2194,7 +2194,7 @@ describe('long press', () => {
 	it('works correctly with screenbounds offset', () => {
 		editor.updateViewportScreenBounds(new Box(100, 100, 800, 600))
 		editor.pointerDown(201, 202)
-		expect(editor.inputs.currentScreenPoint).toMatchObject({ x: 101, y: 102 })
+		expect(editor.inputs.getCurrentScreenPoint()).toMatchObject({ x: 101, y: 102 })
 	})
 
 	it('works correctly with screenbounds offset', () => {
@@ -2202,7 +2202,7 @@ describe('long press', () => {
 		editor.pointerDown(201, 202)
 		vi.advanceTimersByTime(1000)
 		// without the fix added in this PR, it would have been 1, 2
-		expect(editor.inputs.currentScreenPoint).toMatchObject({ x: 101, y: 102 })
+		expect(editor.inputs.getCurrentScreenPoint()).toMatchObject({ x: 101, y: 102 })
 	})
 })
 

package/src/test/spacebarPanning.test.ts

@@ -16,16 +16,16 @@ beforeEach(() => {
 
 it('Sets cursor and state correctly', () => {
 	expect(editor.getInstanceState().cursor.type).toBe('default')
-	expect(editor.inputs.isPanning).toBe(false)
+	expect(editor.inputs.getIsPanning()).toBe(false)
 	editor.keyDown(' ')
-	expect(editor.inputs.isPanning).toBe(true)
+	expect(editor.inputs.getIsPanning()).toBe(true)
 	expect(editor.getInstanceState().cursor.type).toBe('grab')
 	editor.pointerDown(0, 0)
 	expect(editor.getInstanceState().cursor.type).toBe('grabbing')
 	editor.pointerUp(0, 0)
 	expect(editor.getInstanceState().cursor.type).toBe('grab')
 	editor.keyUp(' ')
-	expect(editor.inputs.isPanning).toBe(false)
+	expect(editor.inputs.getIsPanning()).toBe(false)
 	expect(editor.getInstanceState().cursor.type).toBe('default')
 })
 
@@ -37,16 +37,34 @@ it('When holding spacebar and clicking and dragging, it pans the camera', () =>
 	editor.keyUp(' ')
 })
 
-it('When holding spacebar, it updates cursor and does not send events to the state or change statecharts current active state', () => {
-	editor.pointerDown(150, 150, { target: 'canvas' })
-	editor.pointerMove(100, 100)
-	editor.expectShapeToMatch({ id: ids.box1, x: 50, y: 50 })
+it('When spacebar is held during pointer interaction, it activates panning', () => {
+	// This test verifies that holding spacebar prevents pointer events from
+	// being sent to the state chart, and instead activates panning mode.
+	editor.select(ids.box1)
+
+	// Start with pointer down on the shape
+	editor.pointerDown(150, 150, ids.box1)
 
+	// Hold spacebar before moving - should activate panning
 	editor.keyDown(' ')
-	editor.pointerMove(200, 200)
-	editor.expectCameraToBe(100, 100, 1)
-	editor.expectShapeToMatch({ id: ids.box1, x: 50, y: 50 })
+	expect(editor.inputs.getIsPanning()).toBe(true)
+	expect(editor.getInstanceState().cursor.type).toBe('grabbing') // 'grabbing' because pointer is down
+
+	// Moving the pointer should pan the camera, not translate the shape
+	const initialCamera = editor.getCamera()
+	editor.pointerMove(100, 100)
+
+	// Camera should have moved (panning)
+	const newCamera = editor.getCamera()
+	expect(newCamera.x).not.toBe(initialCamera.x)
+	expect(newCamera.y).not.toBe(initialCamera.y)
+
+	// Shape should not have moved (not translating)
+	editor.expectShapeToMatch({ id: ids.box1, x: 100, y: 100 })
+
+	editor.pointerUp()
 	editor.keyUp(' ')
+	expect(editor.inputs.getIsPanning()).toBe(false)
 })
 
 it('When holding spacebar, pressing the arrow keys moves over by one viewport', () => {

package/src/test/test-jsx.tsx

@@ -19,6 +19,9 @@ import {
 } from '@tldraw/editor'
 import React, { Fragment } from 'react'
 
+// Re-export test helpers from their new location
+export { base64ToPoints, createDrawSegments, pointsToBase64 } from '../lib/utils/test-helpers'
+
 const shapeTypeSymbol = Symbol('shapeJsx')
 const assetTypeSymbol = Symbol('assetJsx')
 const bindingTypeSymbol = Symbol('bindingJsx')

package/src/test/ui/BackToContent.test.tsx

@@ -0,0 +1,111 @@
+import { act, screen, waitFor } from '@testing-library/react'
+import { Box, Editor, Vec } from '@tldraw/editor'
+import { Tldraw } from '../../lib/Tldraw'
+import { renderTldrawComponentWithEditor } from '../testutils/renderTldrawComponent'
+
+let editor: Editor
+
+beforeEach(async () => {
+	const result = await renderTldrawComponentWithEditor((onMount) => <Tldraw onMount={onMount} />, {
+		waitForPatterns: false,
+	})
+	editor = result.editor
+
+	// Set up a proper viewport so shapes can be on/off screen
+	act(() => {
+		editor.updateViewportScreenBounds(new Box(0, 0, 1000, 800))
+	})
+})
+
+function createShapeInViewport() {
+	act(() => {
+		editor.createShape({
+			type: 'geo',
+			x: 100,
+			y: 100,
+			props: { w: 100, h: 100 },
+		})
+	})
+}
+
+function panAllShapesOffScreen() {
+	// Move camera so all shapes are off-screen
+	act(() => {
+		const camera = editor.getCamera()
+		editor.setCamera(new Vec(camera.x - 2000, camera.y - 2000, camera.z), { immediate: true })
+	})
+}
+
+describe('BackToContent button', () => {
+	it('shows when all shapes are off-screen', async () => {
+		createShapeInViewport()
+
+		// Initially, button should not be visible (shapes are on screen)
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+
+		panAllShapesOffScreen()
+
+		// Now the button should appear
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).not.toBeNull()
+		})
+	})
+
+	it('shows when selected shapes are off-screen', async () => {
+		createShapeInViewport()
+
+		await waitFor(() => {
+			expect(editor.getCurrentPageShapeIds().size).toBe(1)
+		})
+
+		const shapeId = editor.getCurrentPageShapeIds().values().next().value!
+
+		// Select the shape
+		act(() => {
+			editor.select(shapeId)
+		})
+
+		// Initially, button should not be visible
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+
+		panAllShapesOffScreen()
+
+		// Button should still appear even though selected shapes aren't culled
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).not.toBeNull()
+		})
+	})
+
+	it('does not show when some shapes are still on-screen', async () => {
+		// Create two shapes
+		act(() => {
+			editor.createShape({
+				type: 'geo',
+				x: 100,
+				y: 100,
+				props: { w: 100, h: 100 },
+			})
+			editor.createShape({
+				type: 'geo',
+				x: 500,
+				y: 500,
+				props: { w: 100, h: 100 },
+			})
+		})
+
+		// Pan so only the first shape is off-screen
+		act(() => {
+			const camera = editor.getCamera()
+			editor.setCamera(new Vec(camera.x - 300, camera.y - 300, camera.z), { immediate: true })
+		})
+
+		// Button should not appear since one shape is still visible
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+	})
+})

package/tldraw.css

@@ -611,7 +611,6 @@ input,
 	pointer-events: all;
 	white-space: pre-wrap;
 	overflow-wrap: break-word;
-	text-shadow: var(--tl-text-outline);
 }
 
 .tl-text-wrapper[data-font='draw'] {
@@ -713,7 +712,7 @@ input,
 	resize: none;
 	border: none;
 	user-select: none;
-	contain: style paint;
+	contain: layout style paint;
 	/* N.B. This property, while discouraged ("intended for Document Type Definition (DTD) designers") is necessary for ensuring correct mixed RTL/LTR behavior when exporting SVGs. */
 	unicode-bidi: plaintext;
 	-webkit-user-select: none;
@@ -774,7 +773,6 @@ input,
 	justify-content: center;
 	align-items: center;
 	color: var(--tl-color-text);
-	text-shadow: var(--tl-text-outline);
 	line-height: inherit;
 	position: absolute;
 	inset: 0px;
@@ -974,6 +972,14 @@ input,
 	display: block;
 }
 
+.tl-text__outline {
+	text-shadow: var(--tl-text-outline);
+}
+
+.tl-text__no-outline {
+	text-shadow: none;
+}
+
 /* --------------------- Loading -------------------- */
 
 .tl-loading {
@@ -1138,14 +1144,12 @@ input,
 	fill: none;
 }
 
-@media (pointer: coarse) {
-	.tl-handle__bg:active {
-		fill: var(--tl-color-selection-fill);
-	}
+.tl-container[data-coarse='true'] .tl-handle__bg:active {
+	fill: var(--tl-color-selection-fill);
+}
 
-	.tl-handle__create {
-		opacity: 1;
-	}
+.tl-container[data-coarse='true'] .tl-handle__create {
+	opacity: 1;
 }
 
 .tl-rotate-corner:not(:hover),
@@ -1221,7 +1225,6 @@ input,
 	align-items: center;
 	text-align: center;
 	color: var(--tl-color-text);
-	text-shadow: var(--tl-text-outline);
 }
 
 .tl-shape[data-shape-type='arrow'] .tl-text-label__inner {
@@ -1450,7 +1453,6 @@ input,
 }
 
 .tl-note__container > .tl-text-label {
-	text-shadow: none;
 	color: currentColor;
 }
 
@@ -2410,25 +2412,31 @@ it from receiving any pointer events or affecting the cursor. */
 
 /* Submenu triggers */
 
-.tlui-menu__submenu__trigger[data-state='open']::after {
-	opacity: 1;
-	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+.tlui-menu__submenu__trigger {
+	--gradient-angle: 90deg;
+}
+
+.tlui-menu__submenu__trigger[data-direction='left'] {
+	--gradient-angle: 270deg;
 }
 
-.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']::after {
+.tlui-menu__submenu__trigger[data-state='open']::after {
 	opacity: 1;
-	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	background: linear-gradient(
+		var(--gradient-angle),
+		rgba(144, 144, 144, 0) 0%,
+		var(--tl-color-muted-2) 100%
+	);
 }
 
 @media (hover: hover) {
-	.tlui-menu__submenu__trigger[data-state='open']:not(:hover)::after {
+	.tlui-menu__submenu__trigger:is(:hover, [data-state='open'])::after {
 		opacity: 1;
-		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
-	}
-
-	.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']:not(:hover)::after {
-		opacity: 1;
-		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		background: linear-gradient(
+			var(--gradient-angle),
+			rgba(144, 144, 144, 0) 0%,
+			var(--tl-color-muted-2) 100%
+		);
 	}
 }
 
@@ -2707,10 +2715,8 @@ it from receiving any pointer events or affecting the cursor. */
 	}
 }
 
-@media (any-pointer: coarse) {
-	.tlui-page_menu__item__submenu > .tlui-button {
-		opacity: 1;
-	}
+.tl-container[data-coarse='true'] .tlui-page_menu__item__submenu > .tlui-button {
+	opacity: 1;
 }
 
 .tlui-button__icon {
@@ -2749,16 +2755,15 @@ it from receiving any pointer events or affecting the cursor. */
 
 .tlui-offline-indicator {
 	display: flex;
-	flex-direction: row;
-	gap: var(--tl-space-3);
-	color: var(--tl-color-text);
-	background-color: var(--tl-color-low);
-	border: 3px solid var(--tl-color-background);
-	padding: 0px var(--tl-space-5);
-	height: 42px;
+	color: var(--tl-color-background);
+	background-color: var(--tl-color-text);
+	border: none;
+	width: 32px;
+	height: 32px;
 	align-items: center;
 	justify-content: center;
 	border-radius: 99px;
+	cursor: default;
 	opacity: 0;
 	animation: tl-fade-in;
 	animation-duration: 0.12s;
@@ -3076,6 +3081,7 @@ tldraw? probably.
 	position: relative;
 	background: var(--tl-color-panel);
 	box-shadow: var(--tl-shadow-2);
+	contain: layout style paint;
 }
 
 .tlui-main-toolbar--horizontal .tlui-main-toolbar__mobile-style-panel {

package/dist-cjs/lib/shapes/shared/useForceSolid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useForceSolid.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\nexport function useForceSolid() {\n\tconst editor = useEditor()\n\treturn useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAE7B,SAAS,gBAAgB;AAC/B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,QAAQ,MAAM,OAAO,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC;AACrE;",
-  "names": []
-}

package/dist-cjs/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts"],
-  "sourcesContent": ["import { Editor } from '@tldraw/editor'\n\nexport function getShouldEnterCropMode(editor: Editor): boolean {\n\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\treturn !!(\n\t\tonlySelectedShape &&\n\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape) &&\n\t\teditor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)\n\t)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,uBAAuB,QAAyB;AAC/D,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,SAAO,CAAC,EACP,qBACA,CAAC,OAAO,wBAAwB,iBAAiB,KACjD,OAAO,aAAa,iBAAiB,EAAE,QAAQ,iBAAiB;AAElE;",
-  "names": []
-}

package/dist-cjs/lib/ui/components/TopPanel/DefaultTopPanel.js

@@ -1,32 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DefaultTopPanel_exports = {};
-__export(DefaultTopPanel_exports, {
-  DefaultTopPanel: () => DefaultTopPanel
-});
-module.exports = __toCommonJS(DefaultTopPanel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_useCollaborationStatus = require("../../hooks/useCollaborationStatus");
-var import_OfflineIndicator = require("../OfflineIndicator/OfflineIndicator");
-var import_CenteredTopPanelContainer = require("./CenteredTopPanelContainer");
-function DefaultTopPanel() {
-  const isOffline = (0, import_useCollaborationStatus.useCollaborationStatus)() === "offline";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CenteredTopPanelContainer.CenteredTopPanelContainer, { children: isOffline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OfflineIndicator.OfflineIndicator, {}) });
-}
-//# sourceMappingURL=DefaultTopPanel.js.map

package/dist-cjs/lib/ui/components/TopPanel/DefaultTopPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/lib/ui/components/TopPanel/DefaultTopPanel.tsx"],
-  "sourcesContent": ["import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'\nimport { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'\nimport { CenteredTopPanelContainer } from './CenteredTopPanelContainer'\n\n/** @public @react */\nexport function DefaultTopPanel() {\n\tconst isOffline = useCollaborationStatus() === 'offline'\n\n\treturn <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQiD;AARjD,oCAAuC;AACvC,8BAAiC;AACjC,uCAA0C;AAGnC,SAAS,kBAAkB;AACjC,QAAM,gBAAY,sDAAuB,MAAM;AAE/C,SAAO,4CAAC,8DAA2B,uBAAa,4CAAC,4CAAiB,GAAG;AACtE;",
-  "names": []
-}

package/dist-cjs/lib/utils/text/textDirection.js

@@ -1,51 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var textDirection_exports = {};
-__export(textDirection_exports, {
-  TextDirection: () => TextDirection
-});
-module.exports = __toCommonJS(textDirection_exports);
-var import_core = require("@tiptap/core");
-const TextDirection = import_core.Extension.create({
-  name: "textDirection",
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          dir: {
-            default: "auto",
-            parseHTML: (element) => {
-              const dirAttribute = element.getAttribute("dir");
-              if (dirAttribute && ["ltr", "rtl", "auto"].includes(dirAttribute)) {
-                return dirAttribute;
-              } else {
-                return "auto";
-              }
-            },
-            renderHTML: (attributes) => {
-              return { dir: attributes.dir };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
-//# sourceMappingURL=textDirection.js.map

package/dist-cjs/lib/utils/text/textDirection.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/utils/text/textDirection.ts"],
-  "sourcesContent": ["import { Extension } from '@tiptap/core'\n\n/**\n * @public\n */\nexport const TextDirection = Extension.create({\n\tname: 'textDirection',\n\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: ['heading', 'paragraph'],\n\t\t\t\tattributes: {\n\t\t\t\t\tdir: {\n\t\t\t\t\t\tdefault: 'auto',\n\t\t\t\t\t\tparseHTML: (element) => {\n\t\t\t\t\t\t\tconst dirAttribute = element.getAttribute('dir')\n\t\t\t\t\t\t\tif (dirAttribute && ['ltr', 'rtl', 'auto'].includes(dirAttribute)) {\n\t\t\t\t\t\t\t\treturn dirAttribute\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn 'auto'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\trenderHTML: (attributes) => {\n\t\t\t\t\t\t\treturn { dir: attributes.dir }\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t]\n\t},\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAKnB,MAAM,gBAAgB,sBAAU,OAAO;AAAA,EAC7C,MAAM;AAAA,EAEN,sBAAsB;AACrB,WAAO;AAAA,MACN;AAAA,QACC,OAAO,CAAC,WAAW,WAAW;AAAA,QAC9B,YAAY;AAAA,UACX,KAAK;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,CAAC,YAAY;AACvB,oBAAM,eAAe,QAAQ,aAAa,KAAK;AAC/C,kBAAI,gBAAgB,CAAC,OAAO,OAAO,MAAM,EAAE,SAAS,YAAY,GAAG;AAClE,uBAAO;AAAA,cACR,OAAO;AACN,uBAAO;AAAA,cACR;AAAA,YACD;AAAA,YACA,YAAY,CAAC,eAAe;AAC3B,qBAAO,EAAE,KAAK,WAAW,IAAI;AAAA,YAC9B;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;",
-  "names": []
-}

package/dist-esm/lib/shapes/shared/useForceSolid.mjs

@@ -1,9 +0,0 @@
-import { useEditor, useValue } from "@tldraw/editor";
-function useForceSolid() {
-  const editor = useEditor();
-  return useValue("zoom", () => editor.getZoomLevel() < 0.35, [editor]);
-}
-export {
-  useForceSolid
-};
-//# sourceMappingURL=useForceSolid.mjs.map

package/dist-esm/lib/shapes/shared/useForceSolid.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useForceSolid.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\nexport function useForceSolid() {\n\tconst editor = useEditor()\n\treturn useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAE7B,SAAS,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AACzB,SAAO,SAAS,QAAQ,MAAM,OAAO,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC;AACrE;",
-  "names": []
-}

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs

@@ -1,8 +0,0 @@
-function getShouldEnterCropMode(editor) {
-  const onlySelectedShape = editor.getOnlySelectedShape();
-  return !!(onlySelectedShape && !editor.isShapeOrAncestorLocked(onlySelectedShape) && editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape));
-}
-export {
-  getShouldEnterCropMode
-};
-//# sourceMappingURL=getShouldEnterCropModeOnPointerDown.mjs.map

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts"],
-  "sourcesContent": ["import { Editor } from '@tldraw/editor'\n\nexport function getShouldEnterCropMode(editor: Editor): boolean {\n\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\treturn !!(\n\t\tonlySelectedShape &&\n\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape) &&\n\t\teditor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)\n\t)\n}\n"],
-  "mappings": "AAEO,SAAS,uBAAuB,QAAyB;AAC/D,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,SAAO,CAAC,EACP,qBACA,CAAC,OAAO,wBAAwB,iBAAiB,KACjD,OAAO,aAAa,iBAAiB,EAAE,QAAQ,iBAAiB;AAElE;",
-  "names": []
-}

package/dist-esm/lib/ui/components/TopPanel/DefaultTopPanel.mjs

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useCollaborationStatus } from "../../hooks/useCollaborationStatus.mjs";
-import { OfflineIndicator } from "../OfflineIndicator/OfflineIndicator.mjs";
-import { CenteredTopPanelContainer } from "./CenteredTopPanelContainer.mjs";
-function DefaultTopPanel() {
-  const isOffline = useCollaborationStatus() === "offline";
-  return /* @__PURE__ */ jsx(CenteredTopPanelContainer, { children: isOffline && /* @__PURE__ */ jsx(OfflineIndicator, {}) });
-}
-export {
-  DefaultTopPanel
-};
-//# sourceMappingURL=DefaultTopPanel.mjs.map

package/dist-esm/lib/ui/components/TopPanel/DefaultTopPanel.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/lib/ui/components/TopPanel/DefaultTopPanel.tsx"],
-  "sourcesContent": ["import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'\nimport { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'\nimport { CenteredTopPanelContainer } from './CenteredTopPanelContainer'\n\n/** @public @react */\nexport function DefaultTopPanel() {\n\tconst isOffline = useCollaborationStatus() === 'offline'\n\n\treturn <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>\n}\n"],
-  "mappings": "AAQiD;AARjD,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAGnC,SAAS,kBAAkB;AACjC,QAAM,YAAY,uBAAuB,MAAM;AAE/C,SAAO,oBAAC,6BAA2B,uBAAa,oBAAC,oBAAiB,GAAG;AACtE;",
-  "names": []
-}

package/dist-esm/lib/utils/text/textDirection.mjs

@@ -1,31 +0,0 @@
-import { Extension } from "@tiptap/core";
-const TextDirection = Extension.create({
-  name: "textDirection",
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          dir: {
-            default: "auto",
-            parseHTML: (element) => {
-              const dirAttribute = element.getAttribute("dir");
-              if (dirAttribute && ["ltr", "rtl", "auto"].includes(dirAttribute)) {
-                return dirAttribute;
-              } else {
-                return "auto";
-              }
-            },
-            renderHTML: (attributes) => {
-              return { dir: attributes.dir };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
-export {
-  TextDirection
-};
-//# sourceMappingURL=textDirection.mjs.map

package/dist-esm/lib/utils/text/textDirection.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/utils/text/textDirection.ts"],
-  "sourcesContent": ["import { Extension } from '@tiptap/core'\n\n/**\n * @public\n */\nexport const TextDirection = Extension.create({\n\tname: 'textDirection',\n\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: ['heading', 'paragraph'],\n\t\t\t\tattributes: {\n\t\t\t\t\tdir: {\n\t\t\t\t\t\tdefault: 'auto',\n\t\t\t\t\t\tparseHTML: (element) => {\n\t\t\t\t\t\t\tconst dirAttribute = element.getAttribute('dir')\n\t\t\t\t\t\t\tif (dirAttribute && ['ltr', 'rtl', 'auto'].includes(dirAttribute)) {\n\t\t\t\t\t\t\t\treturn dirAttribute\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn 'auto'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\trenderHTML: (attributes) => {\n\t\t\t\t\t\t\treturn { dir: attributes.dir }\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t]\n\t},\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAKnB,MAAM,gBAAgB,UAAU,OAAO;AAAA,EAC7C,MAAM;AAAA,EAEN,sBAAsB;AACrB,WAAO;AAAA,MACN;AAAA,QACC,OAAO,CAAC,WAAW,WAAW;AAAA,QAC9B,YAAY;AAAA,UACX,KAAK;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,CAAC,YAAY;AACvB,oBAAM,eAAe,QAAQ,aAAa,KAAK;AAC/C,kBAAI,gBAAgB,CAAC,OAAO,OAAO,MAAM,EAAE,SAAS,YAAY,GAAG;AAClE,uBAAO;AAAA,cACR,OAAO;AACN,uBAAO;AAAA,cACR;AAAA,YACD;AAAA,YACA,YAAY,CAAC,eAAe;AAC3B,qBAAO,EAAE,KAAK,WAAW,IAAI;AAAA,YAC9B;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;",
-  "names": []
-}

package/src/lib/shapes/shared/useForceSolid.ts

@@ -1,6 +0,0 @@
-import { useEditor, useValue } from '@tldraw/editor'
-
-export function useForceSolid() {
-	const editor = useEditor()
-	return useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])
-}

package/src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts

@@ -1,10 +0,0 @@
-import { Editor } from '@tldraw/editor'
-
-export function getShouldEnterCropMode(editor: Editor): boolean {
-	const onlySelectedShape = editor.getOnlySelectedShape()
-	return !!(
-		onlySelectedShape &&
-		!editor.isShapeOrAncestorLocked(onlySelectedShape) &&
-		editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)
-	)
-}

package/src/lib/ui/components/TopPanel/DefaultTopPanel.tsx

@@ -1,10 +0,0 @@
-import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'
-import { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'
-import { CenteredTopPanelContainer } from './CenteredTopPanelContainer'
-
-/** @public @react */
-export function DefaultTopPanel() {
-	const isOffline = useCollaborationStatus() === 'offline'
-
-	return <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>
-}