@tldraw/editor 5.2.0-canary.4f74e5daafbd → 5.2.0-canary.4f92f5a74345

package/README.md

@@ -4,6 +4,12 @@ The core editor and composable parts for tldraw. [Click here](https://tldraw.dev
 
 You might be more interested in the general package [tldraw](https://github.com/tldraw/tldraw/tree/main/packages/tldraw) instead of using this package directly.
 
+## Documentation
+
+Documentation for the most recent release can be found on [tldraw.dev/docs](https://tldraw.dev/docs), including [reference docs](https://tldraw.dev/reference/editor/Editor). Our release notes can be found [here](https://tldraw.dev/releases).
+
+For more agent-friendly docs, see our [LLMs.txt](https://tldraw.dev/llms.txt).
+
 ## License
 
 This project is part of the tldraw SDK. It is provided under the [tldraw SDK license](https://github.com/tldraw/tldraw/blob/main/LICENSE.md).
@@ -20,7 +26,7 @@ You can find tldraw on npm [here](https://www.npmjs.com/package/@tldraw/tldraw?a
 
 ## Contribution
 
-Please see our [contributing guide](https://github.com/tldraw/tldraw/blob/main/CONTRIBUTING.md). Found a bug? Please [submit an issue](https://github.com/tldraw/tldraw/issues/new).
+Found a bug? Please [submit an issue](https://github.com/tldraw/tldraw/issues/new).
 
 ## Community
 

package/dist-cjs/index.d.ts

@@ -89,6 +89,7 @@ import { TLUnknownAsset } from '@tldraw/tlschema';
 import { TLUnknownBinding } from '@tldraw/tlschema';
 import { TLUnknownShape } from '@tldraw/tlschema';
 import { TLUser } from '@tldraw/tlschema';
+import { TLUserId } from '@tldraw/tlschema';
 import { TLUserStore } from '@tldraw/tlschema';
 import { TLVideoAsset } from '@tldraw/tlschema';
 import { UnknownRecord } from '@tldraw/store';
@@ -646,6 +647,8 @@ export declare class Box {
 /** @public */
 export declare type BoxLike = Box | BoxModel;
 
+/* Excluded from this release type: cancelShapeCreationOnLongPress */
+
 /**
  * @param a - Any angle in radians
  * @returns A number between 0 and 2 * PI
@@ -746,6 +749,7 @@ export declare class ClickManager {
     private _clickTimeout?;
     private _clickScreenPoint?;
     private _previousScreenPoint?;
+    private _isPressingWhilePending;
     _getClickTimeout(state: TLClickState, id?: string): void;
     /* Excluded from this release type: _clickState */
     /**
@@ -984,9 +988,6 @@ export declare const DefaultErrorFallback: TLErrorFallbackComponent;
 /** @public @react */
 export declare function DefaultGrid({ x, y, z, size }: TLGridProps): JSX.Element;
 
-/** @public @react */
-export declare function DefaultSelectionBackground({ bounds, rotation }: TLSelectionBackgroundProps): JSX.Element;
-
 /** @public @react */
 export declare const DefaultShapeWrapper: ForwardRefExoticComponent<TLShapeWrapperProps & RefAttributes<HTMLDivElement>>;
 
@@ -1575,6 +1576,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      */
     markHistoryStoppingPoint(name?: string): string;
     /* Excluded from this release type: getMarkIdMatching */
+    /* Excluded from this release type: isReplayingHistory */
     /**
      * Coalesces all changes since the given mark into a single change, removing any intermediate marks.
      *
@@ -2455,7 +2457,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @param opts - The camera move options.
      * @public
      */
-    zoomToUser(userId: string, opts?: TLCameraMoveOptions): this;
+    zoomToUser(userId: TLUserId, opts?: TLCameraMoveOptions): this;
     /* Excluded from this release type: _willSetInitialBounds */
     /**
      * Update the viewport. The viewport will measure the size and screen position of its container
@@ -2608,7 +2610,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      *
      * @public
      */
-    startFollowingUser(userId: string): this;
+    startFollowingUser(userId: TLUserId): this;
     /**
      * Stop viewport-following a user.
      *
@@ -3719,6 +3721,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     resizeShape(shape: TLShape | TLShapeId, scale: VecLike, opts?: TLResizeShapeOptions): this;
+    /* Excluded from this release type: getResizeShapePartial */
     /* Excluded from this release type: _scalePagePoint */
     /* Excluded from this release type: _resizeUnalignedShape */
     /**
@@ -4444,6 +4447,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
     /* Excluded from this release type: _restoreToolId */
     /* Excluded from this release type: _didPinch */
     /* Excluded from this release type: _selectedShapeIdsAtPointerDown */
+    /* Excluded from this release type: _didCaptureSelectionAtPointerDown */
     /* Excluded from this release type: _longPressTimeout */
     /* Excluded from this release type: capturedPointerId */
     /* Excluded from this release type: performanceTracker */
@@ -4515,6 +4519,48 @@ export declare class EditorAtom<T> {
 /** @public */
 export declare const EditorContext: React_3.Context<Editor | null>;
 
+/**
+ * Base class for editor-attached managers that need to clean up after themselves.
+ *
+ * Extending `EditorManager` gives a manager one consistent teardown contract: register
+ * anything that needs undoing, and it runs automatically on `dispose()`. This keeps
+ * subscription lifecycle symmetric — whatever sets a thing up is what tears it down — so
+ * it can't be forgotten (the failure mode behind the strict-mode camera bug, #8892).
+ *
+ * Register cleanup by what you're creating:
+ *
+ * - Editor bus event (`tick`, `frame`, `change`, …): {@link EditorManager.addEditorEvent}
+ * - Store side effect (`editor.sideEffects.register…`): `this.register(disposer)`
+ * - Reaction (`react(...)` from `@tldraw/state`): `this.register(react(...))`
+ * - DOM listener: `this.register(() => el.removeEventListener(...))`
+ * - Other resource (cache, index, child manager): `this.register(() => x.dispose())`
+ *
+ * For timeouts, intervals, and animation frames prefer `editor.timers` (context-grouped
+ * and auto-disposed) over raw `setTimeout`. For cleanup on the editor itself rather than a
+ * manager, use `editor.disposables`.
+ *
+ * If a manager needs ordered teardown (e.g. pause a loop before cancelling it), override
+ * `dispose()` and call `super.dispose()` last — see `TickManager`.
+ *
+ * @public
+ */
+export declare abstract class EditorManager {
+    protected readonly editor: Editor;
+    protected readonly disposables: Set<() => void>;
+    constructor(editor: Editor);
+    /**
+     * Register a teardown function to run on `dispose()`. The universal way for a manager to
+     * make a resource "see itself out". Returns the same function for convenience.
+     */
+    protected register(dispose: () => void): () => void;
+    /**
+     * Subscribe to an editor bus event and register the matching unsubscribe, so the listener
+     * is removed automatically on `dispose()`.
+     */
+    protected addEditorEvent<E extends keyof TLEventMap>(event: E, fn: (...args: TLEventMap[E]) => void): void;
+    /* Excluded from this release type: dispose */
+}
+
 /** @public @react */
 export declare function EditorProvider({ editor, children }: EditorProviderProps): JSX.Element;
 
@@ -5007,6 +5053,8 @@ export declare class HistoryManager<R extends UnknownRecord> {
     private flushPendingDiff;
     getNumUndos(): number;
     getNumRedos(): number;
+    /* Excluded from this release type: _isReplaying */
+    /* Excluded from this release type: isReplaying */
     /* Excluded from this release type: _isInBatch */
     batch(fn: () => void, opts?: TLHistoryBatchOptions): this;
     _undo({ pushToRedoStack, toMark }: {
@@ -5034,9 +5082,9 @@ export declare type HTMLContainerProps = React_2.HTMLAttributes<HTMLDivElement>;
 export declare const inlineBase64AssetStore: TLAssetStore;
 
 /** @public */
-export declare class InputsManager {
-    private readonly editor;
+export declare class InputsManager extends EditorManager {
     constructor(editor: Editor);
+    private _onFrame;
     private _originPagePoint;
     /**
      * The most recent pointer down's position in the current page space.
@@ -5529,6 +5577,25 @@ export declare function maybeSnapToGrid(point: Vec, editor: Editor): Vec;
  */
 export declare function MenuClickCapture(): false | JSX.Element;
 
+/**
+ * Move an element into a new parent, preserving its state where the platform allows it.
+ *
+ * Uses `Node.moveBefore` (Chromium 133+, Firefox 144+) when both the element and parent are
+ * connected to the same document — this moves the element without resetting its state, so
+ * iframes don't reload and media keeps playing. Otherwise (older browsers, disconnected nodes,
+ * or a cross-document move) it falls back to `appendChild`, which moves the element but resets
+ * its state like an iframe reload.
+ *
+ * This is the primitive tldraw uses to adopt `ShapeUtil.getAppOwnedElement` elements, exposed so
+ * apps can perform symmetric state-preserving moves from `ShapeUtil.onReleaseAppOwnedElement` —
+ * for example moving an element to an off-canvas parking lot between editor sessions.
+ *
+ * @param parent - The element to move `element` into, as its last child.
+ * @param element - The element to move.
+ * @public
+ */
+export declare function moveElementInto(parent: HTMLElement, element: HTMLElement): void;
+
 /* Excluded from this release type: normalizeWheel */
 
 /**
@@ -6028,6 +6095,19 @@ export declare function resizeScaled(shape: TLBaseShape<any, {
     y: number;
 };
 
+/**
+ * The whole-pixel line-height for a given font size and tldraw's unitless line-height
+ * multiplier. tldraw's theme stores line-height as a multiplier (e.g. 1.35); resolving it
+ * to a whole pixel keeps line spacing identical across rendering engines, which otherwise
+ * disagree on fractional line boxes (WebKit snaps them to whole pixels, Blink keeps the
+ * fraction) and let multi-line text drift apart. Apply it everywhere line-height is used —
+ * measurement, on-canvas render, and export — so geometry and rendering agree.
+ * See https://github.com/tldraw/tldraw/issues/8970.
+ *
+ * @public
+ */
+export declare function resolveLineHeightPx(fontSize: number, lineHeight: number): number;
+
 /**
  * Resolve a partial set of user-provided themes into a complete `TLThemes`
  * record by merging with `DEFAULT_THEME`. The result is suitable for passing to
@@ -6265,32 +6345,6 @@ export declare function setRuntimeOverrides(input: Partial<typeof runtime>): voi
 /** @public */
 export declare function setUserPreferences(user: TLUserPreferences): void;
 
-/**
- * Overlay util for shape indicators — the selection / hover / hint outlines drawn
- * under the selection foreground. Paints local indicators in the theme's
- * selection color.
- *
- * Remote collaborator selection indicators are drawn by a separate overlay util
- * (e.g. `CollaboratorShapeIndicatorOverlayUtil` from `tldraw`) that runs at a
- * lower z-index so peer selections appear under the local indicators.
- *
- * Non-interactive: contributes no hit-test geometry.
- *
- * @public
- */
-export declare class ShapeIndicatorOverlayUtil extends OverlayUtil<TLShapeIndicatorOverlay> {
-    static type: string;
-    options: {
-        hintedLineWidth: number;
-        lineWidth: number;
-        zIndex: number;
-    };
-    private _instanceFlags$;
-    isActive(): boolean;
-    getOverlays(): TLShapeIndicatorOverlay[];
-    render(ctx: CanvasRenderingContext2D, overlays: TLShapeIndicatorOverlay[]): void;
-}
-
 /** @public */
 export declare abstract class ShapeUtil<Shape extends TLShape = TLShape> {
     editor: Editor;
@@ -6986,6 +7040,45 @@ export declare abstract class ShapeUtil<Shape extends TLShape = TLShape> {
      * @public
      */
     onEditEnd?(shape: Shape): void;
+    /**
+     * Provide an app-owned element to be rendered inside the shape, alongside the output of
+     * {@link ShapeUtil.component}. While the shape remains mounted, tldraw guarantees the
+     * element keeps the same DOM position: it is never unmounted, recreated, or relocated by
+     * reordering, reparenting, culling, or re-renders. When adopting the element, tldraw uses
+     * `Node.moveBefore` where available so stateful content like cross-origin iframes keeps
+     * its state across the move, falling back to `appendChild` elsewhere.
+     *
+     * Pair this with {@link ShapeUtil.onReleaseAppOwnedElement} to reclaim the element before
+     * the shape or editor unmounts.
+     *
+     * This is called once per shape mount, not on every prop change, so the adopted element is
+     * not refreshed when the shape's props change. If the element's content depends on props,
+     * return a stable element and mutate it in place (for example from {@link ShapeUtil.component}
+     * or an effect) rather than returning a different element.
+     *
+     * @param shape - The shape.
+     * @returns The element to adopt, or null to render nothing.
+     * @public
+     */
+    getAppOwnedElement?(shape: Shape): HTMLElement | null;
+    /**
+     * A callback called before the shape's app-owned element slot is destroyed: when the shape
+     * unmounts (for example when it is deleted or the current page changes) or when the whole
+     * editor unmounts, including error teardown. The slot is still connected to the document
+     * when this is called, so the app can move the element to another connected parent with
+     * `Node.moveBefore` to preserve its state. An element left in the slot is destroyed along
+     * with it.
+     *
+     * This is not only a "shape deleted" signal: it also fires on page changes, editor unmount,
+     * and (in dev under React StrictMode) on the throwaway mount/unmount cycle while the shape
+     * still exists. Make it safe to call when the shape is still present, and check the store
+     * (`this.editor.getShape(shape.id)`) if you need to distinguish deletion from a remount.
+     *
+     * @param shape - The shape.
+     * @param element - The element returned by {@link ShapeUtil.getAppOwnedElement}.
+     * @public
+     */
+    onReleaseAppOwnedElement?(shape: Shape, element: HTMLElement): void;
 }
 
 /**
@@ -7165,8 +7258,6 @@ export declare abstract class StateNode implements Partial<TLEventHandlers> {
     onLongPress?(info: TLPointerEventInfo): void;
     onPointerUp?(info: TLPointerEventInfo): void;
     onDoubleClick?(info: TLClickEventInfo): void;
-    onTripleClick?(info: TLClickEventInfo): void;
-    onQuadrupleClick?(info: TLClickEventInfo): void;
     onRightClick?(info: TLPointerEventInfo): void;
     onMiddleClick?(info: TLPointerEventInfo): void;
     onKeyDown?(info: TLKeyboardEventInfo): void;
@@ -7198,8 +7289,8 @@ export declare function stopEventPropagation(e: any): any;
  * arrows with labels or complex arrowheads) can't be batched — they still
  * stroke individually inside a save/restore with `ctx.clip` applied.
  *
- * Shared by {@link ShapeIndicatorOverlayUtil} and any overlay util that paints
- * shape indicators (e.g. collaborator selections).
+ * Shared by any overlay util that paints shape indicators (e.g. collaborator
+ * selections).
  *
  * @public
  */
@@ -7272,8 +7363,7 @@ export declare const TAB_ID: string;
 /* Excluded from this release type: Table */
 
 /** @public */
-export declare class TextManager {
-    editor: Editor;
+export declare class TextManager extends EditorManager {
     private elm;
     private poolElms;
     constructor(editor: Editor);
@@ -7281,7 +7371,6 @@ export declare class TextManager {
     private resetElementStyles;
     private setElementStyles;
     private getMeasureStyles;
-    dispose(): void;
     private ensurePoolSize;
     private getPoolItem;
     measureHtmlBatch(requests: BatchMeasurementRequest[]): TLMeasuredTextSize[];
@@ -7566,17 +7655,17 @@ export declare type TLClickEvent = (info: TLClickEventInfo) => void;
 export declare type TLClickEventInfo = TLBaseEventInfo & {
     button: number;
     name: TLCLickEventName;
-    phase: 'down' | 'settle' | 'up';
+    phase: 'down' | 'settle-down' | 'settle-up' | 'up';
     point: VecLike;
     pointerId: number;
     type: 'click';
 } & TLPointerEventTarget;
 
 /** @public */
-export declare type TLCLickEventName = 'double_click' | 'quadruple_click' | 'triple_click';
+export declare type TLCLickEventName = 'double_click';
 
 /** @public */
-export declare type TLClickState = 'idle' | 'overflow' | 'pendingDouble' | 'pendingOverflow' | 'pendingQuadruple' | 'pendingTriple';
+export declare type TLClickState = 'idle' | 'overflow' | 'pendingDouble' | 'pendingOverflow';
 
 /**
  * Raw clipboard paste payload, before tldraw parses clipboard contents into {@link TLExternalContent}.
@@ -8161,7 +8250,6 @@ export declare interface TLEditorComponents {
     InFrontOfTheCanvas?: ComponentType | null;
     LoadingScreen?: ComponentType | null;
     OnTheCanvas?: ComponentType | null;
-    SelectionBackground?: ComponentType<TLSelectionBackgroundProps> | null;
     ShapeWrapper?: ComponentType<TLShapeWrapperProps & RefAttributes<HTMLDivElement>> | null;
     Spinner?: ComponentType<React.SVGProps<SVGSVGElement>> | null;
     SvgDefs?: ComponentType | null;
@@ -8314,6 +8402,7 @@ export declare const tlenv: {
     isFirefox: boolean;
     isIos: boolean;
     isSafari: boolean;
+    isTouchDevice: boolean;
     isWebview: boolean;
 };
 
@@ -8356,8 +8445,6 @@ export declare interface TLEventHandlers {
     onLongPress: TLPointerEvent;
     onRightClick: TLPointerEvent;
     onDoubleClick: TLClickEvent;
-    onTripleClick: TLClickEvent;
-    onQuadrupleClick: TLClickEvent;
     onMiddleClick: TLPointerEvent;
     onPointerUp: TLPointerEvent;
     onKeyDown: TLKeyboardEvent;
@@ -9031,6 +9118,13 @@ export declare type TLPointerEvent = (info: TLPointerEventInfo) => void;
 
 /** @public */
 export declare type TLPointerEventInfo = TLBaseEventInfo & {
+    /**
+     * Whether this pen event appears to be direct manipulation on the display (e.g. Apple Pencil on
+     * an iPad or a Surface Pen on a touchscreen) rather than indirect input from a desktop graphics
+     * tablet (e.g. a Wacom Intuos). Only direct-display pens should auto-enable pen mode. Drawing and
+     * pressure behavior is driven by `isPen` and applies to all pens regardless of this flag.
+     */
+    isPenDirect?: boolean;
     button: number;
     isPen: boolean;
     name: TLPointerEventName;
@@ -9125,12 +9219,6 @@ export declare type TLResizeShapeOptions = Partial<{
 
 /* Excluded from this release type: TLRotationSnapshot */
 
-/** @public */
-export declare interface TLSelectionBackgroundProps {
-    bounds: Box;
-    rotation: number;
-}
-
 /** @public */
 export declare type TLSelectionHandle = RotateCorner | SelectionCorner | SelectionEdge;
 
@@ -9164,14 +9252,6 @@ export declare type TLShapeErrorFallbackComponent = ComponentType<{
     error: any;
 }>;
 
-/** @public */
-export declare interface TLShapeIndicatorOverlay extends TLOverlay {
-    props: {
-        hintingShapeIds: TLShapeId[];
-        idsToDisplay: TLShapeId[];
-    };
-}
-
 /**
  * Emitted when shapes are created, updated, or deleted.
  * @public
@@ -9653,13 +9733,13 @@ export declare function usePassThroughWheelEvents(ref: RefObject<HTMLElement | n
  * @returns The list of peer UserIDs
  * @public
  */
-export declare function usePeerIds(): string[];
+export declare function usePeerIds(): TLUserId[];
 
 /**
  * @returns The latest presence of the user matching userId
  * @public
  */
-export declare function usePresence(userId: string): null | TLInstancePresence;
+export declare function usePresence(userId: TLUserId): null | TLInstancePresence;
 
 /* Excluded from this release type: USER_COLORS */
 
@@ -9699,7 +9779,25 @@ export declare class UserPreferencesManager {
     getEdgeScrollSpeed(): number;
     getAnimationSpeed(): number;
     getAreKeyboardShortcutsEnabled(): boolean;
+    /**
+     * The current user's raw, app-provided id — the value set in the user's
+     * {@link @tldraw/editor#TLUserPreferences}. Use this when you need the id your application
+     * assigned to the user. To compare against or look up store records, use
+     * {@link UserPreferencesManager.getRecordId} instead.
+     */
+    getExternalId(): string;
+    /**
+     * @deprecated Use {@link UserPreferencesManager.getExternalId} for the raw app-provided id, or
+     * {@link UserPreferencesManager.getRecordId} for the prefixed `TLUserId` record id.
+     */
     getId(): string;
+    /**
+     * The current user's id as a tldraw {@link @tldraw/tlschema#TLUserId} record id (prefixed
+     * with `user:`). Use this when comparing against or looking up store records, such as a
+     * presence record's `userId` or `followingUserId`. For the raw, app-provided id, use
+     * {@link UserPreferencesManager.getExternalId}.
+     */
+    getRecordId(): TLUserId;
     getName(): string;
     getLocale(): string;
     getColor(): string;
@@ -9749,9 +9847,6 @@ export declare function useTLSchemaFromUtils(opts: TLStoreSchemaOptions): StoreS
 /** @public */
 export declare function useTLStore(opts: TLStoreOptions): TLStore;
 
-/** @public */
-export declare function useTransform(ref: React.RefObject<HTMLElement | null | SVGElement>, x?: number, y?: number, scale?: number, rotate?: number, additionalOffset?: VecLike): void;
-
 /**
  * React's useId hook returns a unique id for the component. However, it uses a colon in the id,
  * which is not valid for CSS selectors. This hook replaces the colon with an underscore.

package/dist-cjs/index.js

@@ -40,7 +40,6 @@ __export(index_exports, {
   DefaultCanvas: () => import_DefaultCanvas.DefaultCanvas,
   DefaultErrorFallback: () => import_DefaultErrorFallback.DefaultErrorFallback,
   DefaultGrid: () => import_DefaultGrid.DefaultGrid,
-  DefaultSelectionBackground: () => import_DefaultSelectionBackground.DefaultSelectionBackground,
   DefaultShapeWrapper: () => import_DefaultShapeWrapper.DefaultShapeWrapper,
   DefaultSpinner: () => import_DefaultSpinner.DefaultSpinner,
   DefaultSvgDefs: () => import_DefaultSvgDefs.DefaultSvgDefs,
@@ -51,6 +50,7 @@ __export(index_exports, {
   Editor: () => import_Editor.Editor,
   EditorAtom: () => import_EditorAtom.EditorAtom,
   EditorContext: () => import_useEditor.EditorContext,
+  EditorManager: () => import_EditorManager.EditorManager,
   EditorProvider: () => import_useEditor.EditorProvider,
   Ellipse2d: () => import_Ellipse2d.Ellipse2d,
   ErrorBoundary: () => import_ErrorBoundary.ErrorBoundary,
@@ -88,7 +88,6 @@ __export(index_exports, {
   SIN: () => import_utils2.SIN,
   SVGContainer: () => import_SVGContainer.SVGContainer,
   ScribbleManager: () => import_ScribbleManager.ScribbleManager,
-  ShapeIndicatorOverlayUtil: () => import_ShapeIndicatorOverlayUtil.ShapeIndicatorOverlayUtil,
   ShapeUtil: () => import_ShapeUtil.ShapeUtil,
   SharedStyleMap: () => import_SharedStylesMap.SharedStyleMap,
   SnapManager: () => import_SnapManager.SnapManager,
@@ -111,6 +110,7 @@ __export(index_exports, {
   approximately: () => import_utils2.approximately,
   areAnglesCompatible: () => import_utils2.areAnglesCompatible,
   average: () => import_utils2.average,
+  cancelShapeCreationOnLongPress: () => import_cancelShapeCreationOnLongPress.cancelShapeCreationOnLongPress,
   canonicalizeRotation: () => import_utils2.canonicalizeRotation,
   centerOfCircleFromThreePoints: () => import_utils2.centerOfCircleFromThreePoints,
   clamp: () => import_utils2.clamp,
@@ -179,6 +179,7 @@ __export(index_exports, {
   loadSnapshot: () => import_TLEditorSnapshot.loadSnapshot,
   loopToHtmlElement: () => import_dom.loopToHtmlElement,
   maybeSnapToGrid: () => import_Pointing.maybeSnapToGrid,
+  moveElementInto: () => import_dom.moveElementInto,
   normalizeWheel: () => import_normalizeWheel.normalizeWheel,
   openWindow: () => import_runtime.openWindow,
   parseDeepLinkString: () => import_deepLinks.parseDeepLinkString,
@@ -194,6 +195,7 @@ __export(index_exports, {
   releasePointerCapture: () => import_dom.releasePointerCapture,
   resizeBox: () => import_resizeBox.resizeBox,
   resizeScaled: () => import_resizeScaled.resizeScaled,
+  resolveLineHeightPx: () => import_TextManager.resolveLineHeightPx,
   resolveThemes: () => import_ThemeManager.resolveThemes,
   rotateSelectionHandle: () => import_Box.rotateSelectionHandle,
   runtime: () => import_runtime.runtime,
@@ -204,7 +206,7 @@ __export(index_exports, {
   shortAngleDist: () => import_utils2.shortAngleDist,
   snapAngle: () => import_utils2.snapAngle,
   stopEventPropagation: () => import_dom.stopEventPropagation,
-  strokeShapeIndicators: () => import_ShapeIndicatorOverlayUtil.strokeShapeIndicators,
+  strokeShapeIndicators: () => import_strokeShapeIndicators.strokeShapeIndicators,
   suffixSafeId: () => import_useSafeId.suffixSafeId,
   tlenv: () => import_environment.tlenv,
   tlenvReactive: () => import_environment.tlenvReactive,
@@ -240,7 +242,6 @@ __export(index_exports, {
   useTLSchemaFromUtils: () => import_useTLStore.useTLSchemaFromUtils,
   useTLStore: () => import_useTLStore.useTLStore,
   useTldrawCurrentUser: () => import_createTLCurrentUser.useTldrawCurrentUser,
-  useTransform: () => import_useTransform.useTransform,
   useUniqueSafeId: () => import_useSafeId.useUniqueSafeId,
   useViewportHeight: () => import_useViewportHeight.useViewportHeight,
   userTypeValidator: () => import_TLUserPreferences.userTypeValidator
@@ -257,7 +258,6 @@ var import_DefaultBackground = require("./lib/components/default-components/Defa
 var import_DefaultCanvas = require("./lib/components/default-components/DefaultCanvas");
 var import_DefaultErrorFallback = require("./lib/components/default-components/DefaultErrorFallback");
 var import_DefaultGrid = require("./lib/components/default-components/DefaultGrid");
-var import_DefaultSelectionBackground = require("./lib/components/default-components/DefaultSelectionBackground");
 var import_DefaultShapeWrapper = require("./lib/components/default-components/DefaultShapeWrapper");
 var import_DefaultSpinner = require("./lib/components/default-components/DefaultSpinner");
 var import_DefaultSvgDefs = require("./lib/components/default-components/DefaultSvgDefs");
@@ -279,6 +279,7 @@ var import_ClickManager = require("./lib/editor/managers/ClickManager/ClickManag
 var import_EdgeScrollManager = require("./lib/editor/managers/EdgeScrollManager/EdgeScrollManager");
 var import_FontManager = require("./lib/editor/managers/FontManager/FontManager");
 var import_HistoryManager = require("./lib/editor/managers/HistoryManager/HistoryManager");
+var import_EditorManager = require("./lib/editor/managers/EditorManager");
 var import_InputsManager = require("./lib/editor/managers/InputsManager/InputsManager");
 var import_ScribbleManager = require("./lib/editor/managers/ScribbleManager/ScribbleManager");
 var import_BoundsSnaps = require("./lib/editor/managers/SnapManager/BoundsSnaps");
@@ -300,12 +301,13 @@ var import_ShapeUtil = require("./lib/editor/shapes/ShapeUtil");
 var import_getOverlayDisplayValues = require("./lib/editor/overlays/getOverlayDisplayValues");
 var import_OverlayManager = require("./lib/editor/overlays/OverlayManager");
 var import_OverlayUtil = require("./lib/editor/overlays/OverlayUtil");
-var import_ShapeIndicatorOverlayUtil = require("./lib/editor/overlays/ShapeIndicatorOverlayUtil");
+var import_strokeShapeIndicators = require("./lib/editor/overlays/strokeShapeIndicators");
 var import_getPerfectDashProps = require("./lib/editor/shapes/shared/getPerfectDashProps");
 var import_resizeBox = require("./lib/editor/shapes/shared/resizeBox");
 var import_resizeScaled = require("./lib/editor/shapes/shared/resizeScaled");
 var import_BaseBoxShapeTool = require("./lib/editor/tools/BaseBoxShapeTool/BaseBoxShapeTool");
 var import_Pointing = require("./lib/editor/tools/BaseBoxShapeTool/children/Pointing");
+var import_cancelShapeCreationOnLongPress = require("./lib/editor/tools/cancelShapeCreationOnLongPress");
 var import_StateNode = require("./lib/editor/tools/StateNode");
 var import_event_types = require("./lib/editor/types/event-types");
 var import_SvgExportContext = require("./lib/editor/types/SvgExportContext");
@@ -332,7 +334,6 @@ var import_usePresence = require("./lib/hooks/usePresence");
 var import_useRefState = require("./lib/hooks/useRefState");
 var import_useSafeId = require("./lib/hooks/useSafeId");
 var import_useTLStore = require("./lib/hooks/useTLStore");
-var import_useTransform = require("./lib/hooks/useTransform");
 var import_useViewportHeight = require("./lib/hooks/useViewportHeight");
 var import_LicenseManager = require("./lib/license/LicenseManager");
 var import_LicenseProvider = require("./lib/license/LicenseProvider");
@@ -380,7 +381,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.2.0-canary.4f74e5daafbd",
+  "5.2.0-canary.4f92f5a74345",
   "cjs"
 );
 //# sourceMappingURL=index.js.map