## API Report File for "@tldraw/editor" > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts /// import { Atom } from '@tldraw/state'; import { atom } from '@tldraw/state'; import { BoxModel } from '@tldraw/tlschema'; import { ComponentType } from 'react'; import { Computed } from '@tldraw/state'; import { computed } from '@tldraw/state'; import { EmbedDefinition } from '@tldraw/tlschema'; import { EMPTY_ARRAY } from '@tldraw/state'; import EventEmitter from 'eventemitter3'; import { HistoryEntry } from '@tldraw/store'; import { IndexKey } from '@tldraw/utils'; import { JsonObject } from '@tldraw/utils'; import { JSX as JSX_2 } from 'react/jsx-runtime'; import { LegacyMigrations } from '@tldraw/store'; import { MigrationSequence } from '@tldraw/store'; import { NamedExoticComponent } from 'react'; import { PerformanceTracker } from '@tldraw/utils'; import { PointerEventHandler } from 'react'; import { react } from '@tldraw/state'; import { default as React_2 } from 'react'; import * as React_3 from 'react'; import { ReactElement } from 'react'; import { ReactNode } from 'react'; import { RecordProps } from '@tldraw/tlschema'; import { RecordsDiff } from '@tldraw/store'; import { SerializedSchema } from '@tldraw/store'; import { SerializedStore } from '@tldraw/store'; import { Signal } from '@tldraw/state'; import { Store } from '@tldraw/store'; import { StoreSchema } from '@tldraw/store'; import { StoreSideEffects } from '@tldraw/store'; import { StyleProp } from '@tldraw/tlschema'; import { StylePropValue } from '@tldraw/tlschema'; import { Timers } from '@tldraw/utils'; import { TLAsset } from '@tldraw/tlschema'; import { TLAssetId } from '@tldraw/tlschema'; import { TLAssetPartial } from '@tldraw/tlschema'; import { TLBaseShape } from '@tldraw/tlschema'; import { TLBinding } from '@tldraw/tlschema'; import { TLBindingCreate } from '@tldraw/tlschema'; import { TLBindingId } from '@tldraw/tlschema'; import { TLBindingUpdate } from '@tldraw/tlschema'; import { TLBookmarkAsset } from '@tldraw/tlschema'; import { TLCamera } from '@tldraw/tlschema'; import { TLCursor } from '@tldraw/tlschema'; import { TLCursorType } from '@tldraw/tlschema'; import { TLDefaultHorizontalAlignStyle } from '@tldraw/tlschema'; import { TLDocument } from '@tldraw/tlschema'; import { TLGroupShape } from '@tldraw/tlschema'; import { TLHandle } from '@tldraw/tlschema'; import { TLImageAsset } from '@tldraw/tlschema'; import { TLInstance } from '@tldraw/tlschema'; import { TLInstancePageState } from '@tldraw/tlschema'; import { TLInstancePresence } from '@tldraw/tlschema'; import { TLPage } from '@tldraw/tlschema'; import { TLPageId } from '@tldraw/tlschema'; import { TLParentId } from '@tldraw/tlschema'; import { TLPropsMigrations } from '@tldraw/tlschema'; import { TLRecord } from '@tldraw/tlschema'; import { TLScribble } from '@tldraw/tlschema'; import { TLShape } from '@tldraw/tlschema'; import { TLShapeId } from '@tldraw/tlschema'; import { TLShapePartial } from '@tldraw/tlschema'; import { TLStore } from '@tldraw/tlschema'; import { TLStoreProps } from '@tldraw/tlschema'; import { TLStoreSnapshot } from '@tldraw/tlschema'; import { TLUnknownBinding } from '@tldraw/tlschema'; import { TLUnknownShape } from '@tldraw/tlschema'; import { TLVideoAsset } from '@tldraw/tlschema'; import { track } from '@tldraw/state'; import { transact } from '@tldraw/state'; import { transaction } from '@tldraw/state'; import { UnknownRecord } from '@tldraw/store'; import { useComputed } from '@tldraw/state'; import { useQuickReactor } from '@tldraw/state'; import { useReactor } from '@tldraw/state'; import { useValue } from '@tldraw/state'; import { VecModel } from '@tldraw/tlschema'; import { whyAmIRunning } from '@tldraw/state'; // @public export function angleDistance(fromAngle: number, toAngle: number, direction: number): number; // @internal (undocumented) export function applyRotationToSnapshotShapes({ delta, editor, snapshot, stage, }: { delta: number; editor: Editor; snapshot: TLRotationSnapshot; stage: 'end' | 'one-off' | 'start' | 'update'; }): void; // @public export function approximately(a: number, b: number, precision?: number): boolean; // @public (undocumented) export class Arc2d extends Geometry2d { constructor(config: Omit & { center: Vec; end: Vec; largeArcFlag: number; start: Vec; sweepFlag: number; }); // (undocumented) angleEnd: number; // (undocumented) angleStart: number; // (undocumented) _center: Vec; // (undocumented) end: Vec; // (undocumented) getLength(): number; // (undocumented) getSvgPathData(first?: boolean): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec): boolean; // (undocumented) largeArcFlag: number; // (undocumented) measure: number; // (undocumented) nearestPoint(point: Vec): Vec; // (undocumented) radius: number; // (undocumented) start: Vec; // (undocumented) sweepFlag: number; } // @public export function areAnglesCompatible(a: number, b: number): boolean; // @public (undocumented) export interface AssetContextProps { // (undocumented) dpr: number; // (undocumented) networkEffectiveType: null | string; // (undocumented) screenScale: number; // (undocumented) shouldResolveToOriginalImage?: boolean; // (undocumented) steppedScreenScale: number; } export { Atom } export { atom } // @public (undocumented) export function average(A: VecLike, B: VecLike): string; // @public (undocumented) export abstract class BaseBoxShapeTool extends StateNode { // (undocumented) static children: () => TLStateNodeConstructor[]; // (undocumented) static id: string; // (undocumented) static initial: string; // (undocumented) onCreate?: (_shape: null | TLShape) => null | void; // (undocumented) abstract shapeType: string; } // @public (undocumented) export abstract class BaseBoxShapeUtil extends ShapeUtil { // (undocumented) getGeometry(shape: Shape): Geometry2d; // (undocumented) getHandleSnapGeometry(shape: Shape): HandleSnapGeometry; // (undocumented) onResize: TLOnResizeHandler; } // @public export interface BindingOnChangeOptions { bindingAfter: Binding; bindingBefore: Binding; } // @public export interface BindingOnCreateOptions { binding: Binding; } // @public export interface BindingOnDeleteOptions { binding: Binding; } // @public export interface BindingOnShapeChangeOptions { binding: Binding; shapeAfter: TLShape; shapeBefore: TLShape; } // @public export interface BindingOnShapeDeleteOptions { binding: Binding; shape: TLShape; } // @public export interface BindingOnShapeIsolateOptions { binding: Binding; removedShape: TLShape; } // @public (undocumented) export abstract class BindingUtil { constructor(editor: Editor); // (undocumented) editor: Editor; abstract getDefaultProps(): Partial; // (undocumented) static migrations?: TLPropsMigrations; onAfterChange?(options: BindingOnChangeOptions): void; onAfterChangeFromShape?(options: BindingOnShapeChangeOptions): void; onAfterChangeToShape?(options: BindingOnShapeChangeOptions): void; onAfterCreate?(options: BindingOnCreateOptions): void; onAfterDelete?(options: BindingOnDeleteOptions): void; onBeforeChange?(options: BindingOnChangeOptions): Binding | void; onBeforeCreate?(options: BindingOnCreateOptions): Binding | void; onBeforeDelete?(options: BindingOnDeleteOptions): void; onBeforeDeleteFromShape?(options: BindingOnShapeDeleteOptions): void; onBeforeDeleteToShape?(options: BindingOnShapeDeleteOptions): void; onBeforeIsolateFromShape?(options: BindingOnShapeIsolateOptions): void; onBeforeIsolateToShape?(options: BindingOnShapeIsolateOptions): void; onOperationComplete?(): void; // (undocumented) static props?: RecordProps; static type: string; } // @public export interface BoundsSnapGeometry { points?: VecModel[]; } // @public (undocumented) export interface BoundsSnapPoint { // (undocumented) handle?: SelectionCorner; // (undocumented) id: string; // (undocumented) x: number; // (undocumented) y: number; } // @public (undocumented) export class BoundsSnaps { constructor(manager: SnapManager); // (undocumented) readonly editor: Editor; // (undocumented) getSnapPoints(shapeId: TLShapeId): BoundsSnapPoint[]; // (undocumented) readonly manager: SnapManager; // (undocumented) snapResizeShapes({ initialSelectionPageBounds, dragDelta, handle: originalHandle, isAspectRatioLocked, isResizingFromCenter, }: { dragDelta: Vec; handle: SelectionCorner | SelectionEdge; initialSelectionPageBounds: Box; isAspectRatioLocked: boolean; isResizingFromCenter: boolean; }): SnapData; // (undocumented) snapTranslateShapes({ lockedAxis, initialSelectionPageBounds, initialSelectionSnapPoints, dragDelta, }: { dragDelta: Vec; initialSelectionPageBounds: Box; initialSelectionSnapPoints: BoundsSnapPoint[]; lockedAxis: 'x' | 'y' | null; }): SnapData; } // @public (undocumented) export class Box { constructor(x?: number, y?: number, w?: number, h?: number); // (undocumented) get aspectRatio(): number; // (undocumented) get center(): Vec; set center(v: Vec); // (undocumented) clone(): Box; // (undocumented) static Collides: (A: Box, B: Box) => boolean; // (undocumented) collides(B: Box): boolean; // (undocumented) static Common: (boxes: Box[]) => Box; // (undocumented) static Contains: (A: Box, B: Box) => boolean; // (undocumented) contains(B: Box): boolean; // (undocumented) static ContainsPoint: (A: Box, B: VecLike, margin?: number) => boolean; // (undocumented) containsPoint(V: VecLike, margin?: number): boolean; // (undocumented) get corners(): Vec[]; // (undocumented) get cornersAndCenter(): Vec[]; // (undocumented) static Equals(a: Box | BoxModel, b: Box | BoxModel): boolean; // (undocumented) equals(other: Box | BoxModel): boolean; // (undocumented) static Expand(A: Box, B: Box): Box; // (undocumented) expand(A: Box): this; // (undocumented) static ExpandBy(A: Box, n: number): Box; // (undocumented) expandBy(n: number): this; // (undocumented) static From(box: BoxModel): Box; // (undocumented) static FromCenter(center: VecLike, size: VecLike): Box; // (undocumented) static FromPoints(points: VecLike[]): Box; // (undocumented) getHandlePoint(handle: SelectionCorner | SelectionEdge): Vec; // (undocumented) h: number; // (undocumented) get height(): number; set height(n: number); // (undocumented) static Includes: (A: Box, B: Box) => boolean; // (undocumented) includes(B: Box): boolean; // (undocumented) get maxX(): number; // (undocumented) get maxY(): number; // (undocumented) get midX(): number; // (undocumented) get midY(): number; // (undocumented) get minX(): number; set minX(n: number); // (undocumented) get minY(): number; set minY(n: number); // (undocumented) get point(): Vec; set point(val: Vec); // (undocumented) static Resize(box: Box, handle: SelectionCorner | SelectionEdge | string, dx: number, dy: number, isAspectRatioLocked?: boolean): { box: Box; scaleX: number; scaleY: number; }; // (undocumented) resize(handle: SelectionCorner | SelectionEdge | string, dx: number, dy: number): void; // (undocumented) scale(n: number): this; // (undocumented) set(x?: number, y?: number, w?: number, h?: number): this; // (undocumented) setTo(B: Box): this; // (undocumented) static Sides: (A: Box, inset?: number) => Vec[][]; // (undocumented) get sides(): Array<[Vec, Vec]>; // (undocumented) get size(): Vec; // (undocumented) snapToGrid(size: number): void; // (undocumented) toFixed(): this; // (undocumented) toJson(): BoxModel; // (undocumented) translate(delta: VecLike): this; // (undocumented) union(box: BoxModel): this; // (undocumented) w: number; // (undocumented) get width(): number; set width(n: number); // (undocumented) x: number; // (undocumented) y: number; // (undocumented) static ZeroFix(other: Box | BoxModel): Box; // (undocumented) zeroFix(): this; } // @public (undocumented) export type BoxLike = Box | BoxModel; // @public (undocumented) export function canonicalizeRotation(a: number): number; // @public export function centerOfCircleFromThreePoints(a: VecLike, b: VecLike, c: VecLike): Vec; // @public (undocumented) export class Circle2d extends Geometry2d { constructor(config: Omit & { isFilled: boolean; radius: number; x?: number; y?: number; }); // (undocumented) _center: Vec; // (undocumented) config: Omit & { isFilled: boolean; radius: number; x?: number; y?: number; }; // (undocumented) getBounds(): Box; // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean; // (undocumented) nearestPoint(point: Vec): Vec; // (undocumented) radius: number; // (undocumented) x: number; // (undocumented) y: number; } // @public export function clamp(n: number, min: number): number; // @public export function clamp(n: number, min: number, max: number): number; // @public export function clampRadians(r: number): number; // @public (undocumented) export class ClickManager { constructor(editor: Editor); // @internal cancelDoubleClickTimeout: () => void; get clickState(): TLClickState | undefined; // (undocumented) editor: Editor; // (undocumented) handlePointerEvent: (info: TLPointerEventInfo) => TLClickEventInfo | TLPointerEventInfo; // (undocumented) lastPointerInfo: TLPointerEventInfo; } // @public export function clockwiseAngleDist(a0: number, a1: number): number; export { computed } // @internal (undocumented) export function ContainerProvider({ container, children, }: { children: React.ReactNode; container: HTMLDivElement; }): JSX_2.Element; // @public (undocumented) export const coreShapes: readonly [typeof GroupShapeUtil]; // @public export function counterClockwiseAngleDist(a0: number, a1: number): number; // @public export function createSessionStateSnapshotSignal(store: TLStore): Signal; // @public export function createTLStore({ initialData, defaultName, id, ...rest }?: TLStoreOptions): TLStore; // @public (undocumented) export function createTLUser(opts?: { derivePresenceState?: ((store: TLStore) => Signal) | undefined; setUserPreferences?: ((userPreferences: TLUserPreferences) => void) | undefined; userPreferences?: Signal | undefined; }): TLUser; // @public (undocumented) export class CubicBezier2d extends Polyline2d { constructor(config: Omit & { cp1: Vec; cp2: Vec; end: Vec; start: Vec; }); // (undocumented) a: Vec; // (undocumented) b: Vec; // (undocumented) c: Vec; // (undocumented) d: Vec; // (undocumented) static GetAtT(segment: CubicBezier2d, t: number): Vec; // (undocumented) getLength(precision?: number): number; // (undocumented) getSvgPathData(first?: boolean): string; // (undocumented) getVertices(): Vec[]; // (undocumented) midPoint(): Vec; // (undocumented) nearestPoint(A: Vec): Vec; } // @public (undocumented) export class CubicSpline2d extends Geometry2d { constructor(config: Omit & { points: Vec[]; }); // (undocumented) getLength(): number; // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec): boolean; // (undocumented) nearestPoint(A: Vec): Vec; // (undocumented) points: Vec[]; // (undocumented) get segments(): CubicBezier2d[]; // (undocumented) _segments?: CubicBezier2d[]; } // @public (undocumented) export function dataUrlToFile(url: string, filename: string, mimeType: string): Promise; // @internal (undocumented) export type DebugFlag = DebugFlagDef & Atom; // @internal (undocumented) export interface DebugFlagDef { // (undocumented) defaults: DebugFlagDefaults; // (undocumented) name: string; // (undocumented) shouldStoreForSession: boolean; } // @internal (undocumented) export interface DebugFlagDefaults { // (undocumented) all: T; // (undocumented) development?: T; // (undocumented) production?: T; // (undocumented) staging?: T; } // @internal (undocumented) export const debugFlags: { readonly debugCursors: DebugFlag; readonly debugGeometry: DebugFlag; readonly debugSvg: DebugFlag; readonly editOnType: DebugFlag; readonly forceSrgb: DebugFlag; readonly hideShapes: DebugFlag; readonly logElementRemoves: DebugFlag; readonly logPointerCaptures: DebugFlag; readonly logPreventDefaults: DebugFlag; readonly measurePerformance: DebugFlag; readonly reconnectOnPing: DebugFlag; readonly showFps: DebugFlag; readonly throwToBlob: DebugFlag; }; // @internal (undocumented) export const DEFAULT_ANIMATION_OPTIONS: { duration: number; easing: (t: number) => number; }; // @internal (undocumented) export const DEFAULT_CAMERA_OPTIONS: TLCameraOptions; // @public (undocumented) export function DefaultBackground(): JSX_2.Element; // @public (undocumented) export const DefaultBrush: ({ brush, color, opacity, className }: TLBrushProps) => JSX_2.Element; // @public (undocumented) export function DefaultCanvas({ className }: TLCanvasComponentProps): JSX_2.Element; // @public (undocumented) export function DefaultCollaboratorHint({ className, zoom, point, color, viewport, opacity, }: TLCollaboratorHintProps): JSX_2.Element; // @public (undocumented) export const DefaultCursor: NamedExoticComponent; // @public (undocumented) export const DefaultErrorFallback: TLErrorFallbackComponent; // @public (undocumented) export function DefaultGrid({ x, y, z, size }: TLGridProps): JSX_2.Element; // @public (undocumented) export function DefaultHandle({ handle, isCoarse, className, zoom }: TLHandleProps): JSX_2.Element; // @public (undocumented) export const DefaultHandles: ({ children }: TLHandlesProps) => JSX_2.Element; // @public (undocumented) export function DefaultScribble({ scribble, zoom, color, opacity, className }: TLScribbleProps): JSX_2.Element | null; // @public (undocumented) export function DefaultSelectionBackground({ bounds, rotation }: TLSelectionBackgroundProps): JSX_2.Element; // @public (undocumented) export function DefaultSelectionForeground({ bounds, rotation }: TLSelectionForegroundProps): JSX_2.Element; // @public (undocumented) export const DefaultShapeIndicator: NamedExoticComponent; // @public (undocumented) export const DefaultShapeIndicators: NamedExoticComponent; // @public (undocumented) export function DefaultSnapIndicator({ className, line, zoom }: TLSnapIndicatorProps): JSX_2.Element; // @public (undocumented) export function DefaultSpinner(): JSX_2.Element; // @public (undocumented) export const DefaultSvgDefs: () => null; // @public (undocumented) export const defaultTldrawOptions: { readonly adjacentShapeMargin: 10; readonly animationMediumMs: 320; readonly cameraMovingTimeoutMs: 64; readonly cameraSlideFriction: 0.09; readonly coarseDragDistanceSquared: 36; readonly coarseHandleRadius: 20; readonly coarsePointerWidth: 12; readonly collaboratorCheckIntervalMs: 1200; readonly collaboratorIdleTimeoutMs: 3000; readonly collaboratorInactiveTimeoutMs: 60000; readonly defaultSvgPadding: 32; readonly doubleClickDurationMs: 450; readonly dragDistanceSquared: 16; readonly edgeScrollDelay: 200; readonly edgeScrollDistance: 8; readonly edgeScrollEaseDuration: 200; readonly edgeScrollSpeed: 25; readonly flattenImageBoundsExpand: 64; readonly flattenImageBoundsPadding: 16; readonly followChaseViewportSnap: 2; readonly gridSteps: readonly [{ readonly mid: 0.15; readonly min: -1; readonly step: 64; }, { readonly mid: 0.375; readonly min: 0.05; readonly step: 16; }, { readonly mid: 1; readonly min: 0.15; readonly step: 4; }, { readonly mid: 2.5; readonly min: 0.7; readonly step: 1; }]; readonly handleRadius: 12; readonly hitTestMargin: 8; readonly longPressDurationMs: 500; readonly maxPages: 40; readonly maxPointsPerDrawShape: 500; readonly maxShapesPerPage: 4000; readonly multiClickDurationMs: 200; readonly textShadowLod: 0.35; }; // @public (undocumented) export const defaultUserPreferences: Readonly<{ animationSpeed: 0 | 1; color: "#02B1CC" | "#11B3A3" | "#39B178" | "#55B467" | "#7B66DC" | "#9D5BD2" | "#BD54C6" | "#E34BA9" | "#EC5E41" | "#F04F88" | "#F2555A" | "#FF802B"; edgeScrollSpeed: 1; isDynamicSizeMode: false; isPasteAtCursorMode: false; isSnapMode: false; isWrapMode: false; locale: "ar" | "ca" | "cs" | "da" | "de" | "en" | "es" | "fa" | "fi" | "fr" | "gl" | "he" | "hi-in" | "hr" | "hu" | "id" | "it" | "ja" | "ko-kr" | "ku" | "my" | "ne" | "no" | "pl" | "pt-br" | "pt-pt" | "ro" | "ru" | "sl" | "sv" | "te" | "th" | "tr" | "uk" | "vi" | "zh-cn" | "zh-tw"; name: "New User"; }>; // @public export function degreesToRadians(d: number): number; // @public (undocumented) export const EASINGS: { readonly easeInCubic: (t: number) => number; readonly easeInExpo: (t: number) => number; readonly easeInOutCubic: (t: number) => number; readonly easeInOutExpo: (t: number) => number; readonly easeInOutQuad: (t: number) => number; readonly easeInOutQuart: (t: number) => number; readonly easeInOutQuint: (t: number) => number; readonly easeInOutSine: (t: number) => number; readonly easeInQuad: (t: number) => number; readonly easeInQuart: (t: number) => number; readonly easeInQuint: (t: number) => number; readonly easeInSine: (t: number) => number; readonly easeOutCubic: (t: number) => number; readonly easeOutExpo: (t: number) => number; readonly easeOutQuad: (t: number) => number; readonly easeOutQuart: (t: number) => number; readonly easeOutQuint: (t: number) => number; readonly easeOutSine: (t: number) => number; readonly linear: (t: number) => number; }; // @public (undocumented) export class Edge2d extends Geometry2d { constructor(config: { end: Vec; start: Vec; }); // (undocumented) d: Vec; // (undocumented) end: Vec; // (undocumented) getLength(): number; // (undocumented) getSvgPathData(first?: boolean): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean; // (undocumented) midPoint(): Vec; // (undocumented) nearestPoint(point: Vec): Vec; // (undocumented) start: Vec; // (undocumented) u: Vec; // (undocumented) ul: number; } // @public (undocumented) export class EdgeScrollManager { constructor(editor: Editor); // (undocumented) editor: Editor; updateEdgeScrolling(elapsed: number): void; } // @public (undocumented) export class Editor extends EventEmitter { constructor({ store, user, shapeUtils, bindingUtils, tools, getContainer, cameraOptions, assetOptions, initialState, autoFocus, inferDarkMode, options, }: TLEditorOptions); addOpenMenu(id: string): this; alignShapes(shapes: TLShape[] | TLShapeId[], operation: 'bottom' | 'center-horizontal' | 'center-vertical' | 'left' | 'right' | 'top'): this; animateShape(partial: null | TLShapePartial | undefined, opts?: Partial<{ animation: Partial<{ duration: number; easing: (t: number) => number; }>; force: boolean; immediate: boolean; reset: boolean; }>): this; animateShapes(partials: (null | TLShapePartial | undefined)[], opts?: Partial<{ animation: Partial<{ duration: number; easing: (t: number) => number; }>; force: boolean; immediate: boolean; reset: boolean; }>): this; // @internal (undocumented) annotateError(error: unknown, { origin, willCrashApp, tags, extras, }: { extras?: Record; origin: string; tags?: Record; willCrashApp: boolean; }): this; bail(): this; bailToMark(id: string): this; batch(fn: () => void, opts?: TLHistoryBatchOptions): this; bindingUtils: { readonly [K in string]?: BindingUtil; }; blur({ blurContainer }?: { blurContainer?: boolean | undefined; }): this; bringForward(shapes: TLShape[] | TLShapeId[]): this; bringToFront(shapes: TLShape[] | TLShapeId[]): this; // (undocumented) canBindShapes({ fromShape, toShape, binding, }: { binding: { type: TLBinding['type']; } | TLBinding | TLBinding['type']; fromShape: { type: TLShape['type']; } | TLShape | TLShape['type']; toShape: { type: TLShape['type']; } | TLShape | TLShape['type']; }): boolean; cancel(): this; cancelDoubleClick(): void; // @internal (undocumented) capturedPointerId: null | number; centerOnPoint(point: VecLike, opts?: TLCameraMoveOptions): this; clearOpenMenus(): this; // @internal protected _clickManager: ClickManager; complete(): this; // @internal (undocumented) crash(error: unknown): this; createAssets(assets: TLAsset[]): this; createBinding(partial: TLBindingCreate): this; createBindings(partials: TLBindingCreate[]): this; // @internal (undocumented) createErrorAnnotations(origin: string, willCrashApp: 'unknown' | boolean): { extras: { activeStateNode?: string; editingShape?: TLUnknownShape; inputs?: Record; selectedShapes?: TLUnknownShape[]; }; tags: { origin: string; willCrashApp: 'unknown' | boolean; }; }; createPage(page: Partial): this; createShape(shape: OptionalKeys, 'id'>): this; createShapes(shapes: OptionalKeys, 'id'>[]): this; deleteAssets(assets: TLAsset[] | TLAssetId[]): this; deleteBinding(binding: TLBinding | TLBindingId, opts?: Parameters[1]): this; deleteBindings(bindings: (TLBinding | TLBindingId)[], { isolateShapes }?: { isolateShapes?: boolean | undefined; }): this; deleteOpenMenu(id: string): this; deletePage(page: TLPage | TLPageId): this; deleteShape(id: TLShapeId): this; // (undocumented) deleteShape(shape: TLShape): this; deleteShapes(ids: TLShapeId[]): this; // (undocumented) deleteShapes(shapes: TLShape[]): this; deselect(...shapes: TLShape[] | TLShapeId[]): this; dispatch: (info: TLEventInfo) => this; readonly disposables: Set<() => void>; dispose(): void; distributeShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical'): this; duplicatePage(page: TLPage | TLPageId, createId?: TLPageId): this; duplicateShapes(shapes: TLShape[] | TLShapeId[], offset?: VecLike): this; edgeScrollManager: EdgeScrollManager; readonly environment: EnvironmentManager; // @internal (undocumented) externalAssetContentHandlers: { [K in TLExternalAssetContent['type']]: { [Key in K]: ((info: TLExternalAssetContent & { type: Key; }) => Promise) | null; }[K]; }; // @internal (undocumented) externalContentHandlers: { [K in TLExternalContent['type']]: { [Key in K]: ((info: TLExternalContent & { type: Key; }) => void) | null; }[K]; }; findCommonAncestor(shapes: TLShape[] | TLShapeId[], predicate?: (shape: TLShape) => boolean): TLShapeId | undefined; findShapeAncestor(shape: TLShape | TLShapeId, predicate: (parent: TLShape) => boolean): TLShape | undefined; flipShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical'): this; focus({ focusContainer }?: { focusContainer?: boolean | undefined; }): this; getAncestorPageId(shape?: TLShape | TLShapeId): TLPageId | undefined; getAsset(asset: TLAsset | TLAssetId): TLAsset | undefined; getAssetForExternalContent(info: TLExternalAssetContent): Promise; getAssets(): (TLBookmarkAsset | TLImageAsset | TLVideoAsset)[]; getBaseZoom(): number; getBinding(id: TLBindingId): TLBinding | undefined; getBindingsFromShape(shape: TLShape | TLShapeId, type: Binding['type']): Binding[]; getBindingsInvolvingShape(shape: TLShape | TLShapeId, type?: Binding['type']): Binding[]; getBindingsToShape(shape: TLShape | TLShapeId, type: Binding['type']): Binding[]; getBindingUtil(binding: { type: S['type']; } | S): BindingUtil; // (undocumented) getBindingUtil(type: S['type']): BindingUtil; // (undocumented) getBindingUtil(type: T extends BindingUtil ? R['type'] : string): T; getCamera(): TLCamera; getCameraOptions(): TLCameraOptions; getCameraState(): "idle" | "moving"; getCanRedo(): boolean; getCanUndo(): boolean; getCollaborators(): TLInstancePresence[]; getCollaboratorsOnCurrentPage(): TLInstancePresence[]; getContainer: () => HTMLElement; getContentFromCurrentPage(shapes: TLShape[] | TLShapeId[]): TLContent | undefined; // @internal getCrashingError(): unknown; getCroppingShapeId(): null | TLShapeId; getCulledShapes(): Set; getCurrentPage(): TLPage; getCurrentPageBounds(): Box | undefined; getCurrentPageId(): TLPageId; getCurrentPageRenderingShapesSorted(): TLShape[]; getCurrentPageShapeIds(): Set; // @internal (undocumented) getCurrentPageShapeIdsSorted(): TLShapeId[]; getCurrentPageShapes(): TLShape[]; getCurrentPageShapesSorted(): TLShape[]; getCurrentPageState(): TLInstancePageState; getCurrentTool(): StateNode; getCurrentToolId(): string; getDocumentSettings(): TLDocument; getDroppingOverShape(point: VecLike, droppingShapes?: TLShape[]): TLUnknownShape | undefined; getEditingShape(): TLShape | undefined; getEditingShapeId(): null | TLShapeId; getErasingShapeIds(): TLShapeId[]; getErasingShapes(): NonNullable[]; getFocusedGroup(): TLShape | undefined; getFocusedGroupId(): TLPageId | TLShapeId; getHighestIndexForParent(parent: TLPage | TLParentId | TLShape): IndexKey; getHintingShape(): NonNullable[]; getHintingShapeIds(): TLShapeId[]; getHoveredShape(): TLShape | undefined; getHoveredShapeId(): null | TLShapeId; getInitialMetaForShape(_shape: TLShape): JsonObject; getInitialZoom(): number; getInstanceState(): TLInstance; // (undocumented) getIsFocused(): boolean; getIsMenuOpen(): boolean; getOnlySelectedShape(): null | TLShape; getOnlySelectedShapeId(): null | TLShapeId; getOpenMenus(): string[]; getOutermostSelectableShape(shape: TLShape | TLShapeId, filter?: (shape: TLShape) => boolean): TLShape; getPage(page: TLPage | TLPageId): TLPage | undefined; getPages(): TLPage[]; getPageShapeIds(page: TLPage | TLPageId): Set; getPageStates(): TLInstancePageState[]; getPath(): string; getPointInParentSpace(shape: TLShape | TLShapeId, point: VecLike): Vec; getPointInShapeSpace(shape: TLShape | TLShapeId, point: VecLike): Vec; getRenderingShapes(): { backgroundIndex: number; id: TLShapeId; index: number; opacity: number; shape: TLShape; util: ShapeUtil; }[]; getSelectedShapeAtPoint(point: VecLike): TLShape | undefined; getSelectedShapeIds(): TLShapeId[]; getSelectedShapes(): TLShape[]; getSelectionPageBounds(): Box | null; getSelectionRotatedPageBounds(): Box | undefined; getSelectionRotatedScreenBounds(): Box | undefined; getSelectionRotation(): number; getShape(shape: TLParentId | TLShape): T | undefined; getShapeAncestors(shape: TLShape | TLShapeId, acc?: TLShape[]): TLShape[]; getShapeAndDescendantIds(ids: TLShapeId[]): Set; getShapeAtPoint(point: VecLike, opts?: { filter?: ((shape: TLShape) => boolean) | undefined; hitFrameInside?: boolean | undefined; hitInside?: boolean | undefined; hitLabels?: boolean | undefined; hitLocked?: boolean | undefined; margin?: number | undefined; renderingOnly?: boolean | undefined; }): TLShape | undefined; getShapeClipPath(shape: TLShape | TLShapeId): string | undefined; getShapeGeometry(shape: TLShape | TLShapeId): T; getShapeHandles(shape: T | T['id']): TLHandle[] | undefined; getShapeLocalTransform(shape: TLShape | TLShapeId): Mat; getShapeMask(shape: TLShape | TLShapeId): undefined | VecLike[]; getShapeMaskedPageBounds(shape: TLShape | TLShapeId): Box | undefined; // @internal getShapeNearestSibling(siblingShape: TLShape, targetShape: TLShape | undefined): TLShape | undefined; getShapePageBounds(shape: TLShape | TLShapeId): Box | undefined; getShapePageTransform(shape: TLShape | TLShapeId): Mat; getShapeParent(shape?: TLShape | TLShapeId): TLShape | undefined; getShapeParentTransform(shape: TLShape | TLShapeId): Mat; getShapesAtPoint(point: VecLike, opts?: { hitInside?: boolean | undefined; margin?: number | undefined; }): TLShape[]; // (undocumented) getShapeStyleIfExists(shape: TLShape, style: StyleProp): T | undefined; getShapeUtil(shape: S | TLShapePartial): ShapeUtil; // (undocumented) getShapeUtil(type: S['type']): ShapeUtil; // (undocumented) getShapeUtil(type: T extends ShapeUtil ? R['type'] : string): T; getSharedOpacity(): SharedStyle; getSharedStyles(): ReadonlySharedStyleMap; // (undocumented) getSnapshot(): TLEditorSnapshot; getSortedChildIdsForParent(parent: TLPage | TLParentId | TLShape): TLShapeId[]; getStateDescendant(path: string): T | undefined; getStyleForNextShape(style: StyleProp): T; // @deprecated (undocumented) getSvg(shapes: TLShape[] | TLShapeId[], opts?: TLSvgOptions): Promise; getSvgElement(shapes: TLShape[] | TLShapeId[], opts?: TLSvgOptions): Promise<{ height: number; svg: SVGSVGElement; width: number; } | undefined>; getSvgString(shapes: TLShape[] | TLShapeId[], opts?: TLSvgOptions): Promise<{ height: number; svg: string; width: number; } | undefined>; // @internal (undocumented) getUnorderedRenderingShapes(useEditorState: boolean): { backgroundIndex: number; id: TLShapeId; index: number; opacity: number; shape: TLShape; util: ShapeUtil; }[]; getViewportPageBounds(): Box; getViewportScreenBounds(): Box; getViewportScreenCenter(): Vec; getZoomLevel(): number; groupShapes(shapes: TLShape[], options?: Partial<{ groupId: TLShapeId; select: boolean; }>): this; // (undocumented) groupShapes(ids: TLShapeId[], options?: Partial<{ groupId: TLShapeId; select: boolean; }>): this; hasAncestor(shape: TLShape | TLShapeId | undefined, ancestorId: TLShapeId): boolean; // (undocumented) hasExternalAssetHandler(type: TLExternalAssetContent['type']): boolean; readonly history: HistoryManager; inputs: { buttons: Set; keys: Set; originScreenPoint: Vec; originPagePoint: Vec; currentScreenPoint: Vec; currentPagePoint: Vec; previousScreenPoint: Vec; previousPagePoint: Vec; pointerVelocity: Vec; altKey: boolean; ctrlKey: boolean; isPen: boolean; shiftKey: boolean; isDragging: boolean; isEditing: boolean; isPanning: boolean; isPinching: boolean; isPointing: boolean; }; interrupt(): this; isAncestorSelected(shape: TLShape | TLShapeId): boolean; isDisposed: boolean; isIn(path: string): boolean; isInAny(...paths: string[]): boolean; isPointInShape(shape: TLShape | TLShapeId, point: VecLike, opts?: { hitInside?: boolean | undefined; margin?: number | undefined; }): boolean; isShapeInPage(shape: TLShape | TLShapeId, pageId?: TLPageId): boolean; isShapeOfType(shape: TLUnknownShape, type: T['type']): shape is T; // (undocumented) isShapeOfType(shapeId: TLUnknownShape['id'], type: T['type']): shapeId is T['id']; isShapeOrAncestorLocked(shape?: TLShape): boolean; // (undocumented) isShapeOrAncestorLocked(id?: TLShapeId): boolean; loadSnapshot(snapshot: Partial | TLStoreSnapshot): this; mark(markId?: string): this; moveShapesToPage(shapes: TLShape[] | TLShapeId[], pageId: TLPageId): this; nudgeShapes(shapes: TLShape[] | TLShapeId[], offset: VecLike): this; // (undocumented) readonly options: TldrawOptions; packShapes(shapes: TLShape[] | TLShapeId[], gap: number): this; pageToScreen(point: VecLike): Vec; pageToViewport(point: VecLike): Vec; popFocusedGroupId(): this; putContentOntoCurrentPage(content: TLContent, options?: { point?: VecLike; preserveIds?: boolean; preservePosition?: boolean; select?: boolean; }): this; putExternalContent(info: TLExternalContent): Promise; redo(): this; registerExternalAssetHandler(type: T, handler: ((info: TLExternalAssetContent & { type: T; }) => Promise) | null): this; registerExternalContentHandler(type: T, handler: ((info: T extends TLExternalContent['type'] ? TLExternalContent & { type: T; } : TLExternalContent) => void) | null): this; renamePage(page: TLPage | TLPageId, name: string): this; reparentShapes(shapes: TLShape[] | TLShapeId[], parentId: TLParentId, insertIndex?: IndexKey): this; resetZoom(point?: Vec, opts?: TLCameraMoveOptions): this; resizeShape(shape: TLShape | TLShapeId, scale: VecLike, options?: TLResizeShapeOptions): this; // (undocumented) resolveAssetsInContent(content: TLContent | undefined): Promise; // (undocumented) resolveAssetUrl(assetId: null | TLAssetId, context: { screenScale?: number; shouldResolveToOriginalImage?: boolean; }): Promise; readonly root: StateNode; rotateShapesBy(shapes: TLShape[] | TLShapeId[], delta: number): this; screenToPage(point: VecLike): Vec; readonly scribbles: ScribbleManager; select(...shapes: TLShape[] | TLShapeId[]): this; selectAll(): this; selectNone(): this; sendBackward(shapes: TLShape[] | TLShapeId[]): this; sendToBack(shapes: TLShape[] | TLShapeId[]): this; setCamera(point: VecLike, opts?: TLCameraMoveOptions): this; setCameraOptions(options: Partial): this; setCroppingShape(shape: null | TLShape | TLShapeId): this; setCurrentPage(page: TLPage | TLPageId): this; setCurrentTool(id: string, info?: {}): this; setCursor: (cursor: Partial) => this; setEditingShape(shape: null | TLShape | TLShapeId): this; setErasingShapes(shapes: TLShape[] | TLShapeId[]): this; setFocusedGroup(shape: null | TLGroupShape | TLShapeId): this; setHintingShapes(shapes: TLShape[] | TLShapeId[]): this; setHoveredShape(shape: null | TLShape | TLShapeId): this; setOpacityForNextShapes(opacity: number, historyOptions?: TLHistoryBatchOptions): this; setOpacityForSelectedShapes(opacity: number): this; setSelectedShapes(shapes: TLShape[] | TLShapeId[]): this; setStyleForNextShapes(style: StyleProp, value: T, historyOptions?: TLHistoryBatchOptions): this; setStyleForSelectedShapes>(style: S, value: StylePropValue): this; shapeUtils: { readonly [K in string]?: ShapeUtil; }; readonly sideEffects: StoreSideEffects; slideCamera(opts?: { direction: VecLike; friction?: number | undefined; speed: number; speedThreshold?: number | undefined; }): this; readonly snaps: SnapManager; stackShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical', gap: number): this; startFollowingUser(userId: string): this; stopCameraAnimation(): this; stopFollowingUser(): this; readonly store: TLStore; stretchShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical'): this; // (undocumented) styleProps: { [key: string]: Map, string>; }; readonly textMeasure: TextManager; readonly timers: Timers; toggleLock(shapes: TLShape[] | TLShapeId[]): this; undo(): this; ungroupShapes(ids: TLShapeId[], options?: Partial<{ select: boolean; }>): this; // (undocumented) ungroupShapes(shapes: TLShape[], options?: Partial<{ select: boolean; }>): this; updateAssets(assets: TLAssetPartial[]): this; updateBinding(partial: TLBindingUpdate): this; updateBindings(partials: (null | TLBindingUpdate | undefined)[]): this; updateCurrentPageState(partial: Partial>, historyOptions?: TLHistoryBatchOptions): this; // (undocumented) _updateCurrentPageState: (partial: Partial>, historyOptions?: TLHistoryBatchOptions) => void; updateDocumentSettings(settings: Partial): this; updateInstanceState(partial: Partial>, historyOptions?: TLHistoryBatchOptions): this; updatePage(partial: RequiredKeys, 'id'>): this; updateShape(partial: null | TLShapePartial | undefined): this; updateShapes(partials: (null | TLShapePartial | undefined)[]): this; updateViewportScreenBounds(screenBounds: Box, center?: boolean): this; readonly user: UserPreferencesManager; visitDescendants(parent: TLPage | TLParentId | TLShape, visitor: (id: TLShapeId) => false | void): this; zoomIn(point?: Vec, opts?: TLCameraMoveOptions): this; zoomOut(point?: Vec, opts?: TLCameraMoveOptions): this; zoomToBounds(bounds: BoxLike, opts?: { inset?: number; targetZoom?: number; } & TLCameraMoveOptions): this; zoomToFit(opts?: TLCameraMoveOptions): this; zoomToSelection(opts?: TLCameraMoveOptions): this; zoomToUser(userId: string, opts?: TLCameraMoveOptions): this; } // @public (undocumented) export class Ellipse2d extends Geometry2d { constructor(config: Omit & { height: number; width: number; }); // (undocumented) config: Omit & { height: number; width: number; }; // (undocumented) get edges(): Edge2d[]; // (undocumented) _edges?: Edge2d[]; // (undocumented) getBounds(): Box; // (undocumented) getLength(): number; // (undocumented) getSvgPathData(first?: boolean): string; // (undocumented) getVertices(): any[]; // (undocumented) h: number; // (undocumented) hitTestLineSegment(A: Vec, B: Vec): boolean; // (undocumented) nearestPoint(A: Vec): Vec; // (undocumented) w: number; } export { EMPTY_ARRAY } // @public (undocumented) export class EnvironmentManager { constructor(editor: Editor); // (undocumented) editor: Editor; readonly isAndroid: boolean; readonly isChromeForIos: boolean; readonly isFirefox: boolean; readonly isIos: boolean; readonly isSafari: boolean; } // @public (undocumented) export class ErrorBoundary extends React_3.Component>, { error: Error | null; }> { // (undocumented) componentDidCatch(error: unknown): void; // (undocumented) static getDerivedStateFromError(error: Error): { error: Error; }; // (undocumented) render(): boolean | JSX_2.Element | Iterable | null | number | string | undefined; // (undocumented) state: { error: null; }; } // @public (undocumented) export function ErrorScreen({ children }: LoadingScreenProps): JSX_2.Element; // @public (undocumented) export const EVENT_NAME_MAP: Record, keyof TLEventHandlers>; // @internal (undocumented) export function extractSessionStateFromLegacySnapshot(store: Record): null | TLSessionStateSnapshot; // @internal (undocumented) export const featureFlags: Record>; // @public (undocumented) export interface GapsSnapIndicator { // (undocumented) direction: 'horizontal' | 'vertical'; // (undocumented) gaps: Array<{ endEdge: [VecLike, VecLike]; startEdge: [VecLike, VecLike]; }>; // (undocumented) id: string; // (undocumented) type: 'gaps'; } // @public (undocumented) export abstract class Geometry2d { constructor(opts: Geometry2dOptions); // (undocumented) get area(): number; // (undocumented) get bounds(): Box; // (undocumented) get center(): Vec; // (undocumented) debugColor?: string; // (undocumented) distanceToLineSegment(A: Vec, B: Vec): number; // (undocumented) distanceToPoint(point: Vec, hitInside?: boolean): number; // (undocumented) getArea(): number; // (undocumented) getBounds(): Box; // (undocumented) getLength(): number; // (undocumented) abstract getSvgPathData(first: boolean): string; // (undocumented) abstract getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean; // (undocumented) hitTestPoint(point: Vec, margin?: number, hitInside?: boolean): boolean; // (undocumented) ignore?: boolean; // (undocumented) isClosed: boolean; // (undocumented) isFilled: boolean; // (undocumented) isLabel: boolean; // (undocumented) isPointInBounds(point: Vec, margin?: number): boolean; // (undocumented) get length(): number; // (undocumented) abstract nearestPoint(point: Vec): Vec; // (undocumented) nearestPointOnLineSegment(A: Vec, B: Vec): Vec; // (undocumented) toSimpleSvgPath(): string; // (undocumented) get vertices(): Vec[]; } // @public (undocumented) export interface Geometry2dOptions { // (undocumented) debugColor?: string; // (undocumented) ignore?: boolean; // (undocumented) isClosed: boolean; // (undocumented) isFilled: boolean; // (undocumented) isLabel?: boolean; } // @public export function getArcMeasure(A: number, B: number, sweepFlag: number, largeArcFlag: number): number; // @public (undocumented) export function getCursor(cursor: TLCursorType, rotation?: number, color?: string): string; // @public (undocumented) export function getFreshUserPreferences(): TLUserPreferences; // @public export function getIncrementedName(name: string, others: string[]): string; // @public (undocumented) export function getPointerInfo(e: PointerEvent | React.PointerEvent): { altKey: boolean; button: number; ctrlKey: boolean; isPen: boolean; point: { x: number; y: number; z: number; }; pointerId: number; shiftKey: boolean; }; // @public export function getPointInArcT(mAB: number, A: number, B: number, P: number): number; // @public export function getPointOnCircle(center: VecLike, r: number, a: number): Vec; // @public (undocumented) export function getPointsOnArc(startPoint: VecLike, endPoint: VecLike, center: null | VecLike, radius: number, numPoints: number): Vec[]; // @public (undocumented) export function getPolygonVertices(width: number, height: number, sides: number): Vec[]; // @internal (undocumented) export function getRotationSnapshot({ editor }: { editor: Editor; }): null | TLRotationSnapshot; // @public (undocumented) export function getSnapshot(store: TLStore): TLEditorSnapshot; // @public export function getSvgPathFromPoints(points: VecLike[], closed?: boolean): string; // @public (undocumented) export function getUserPreferences(): TLUserPreferences; // @public (undocumented) export class Group2d extends Geometry2d { constructor(config: Omit & { children: Geometry2d[]; }); // (undocumented) children: Geometry2d[]; // (undocumented) distanceToPoint(point: Vec, hitInside?: boolean): number; // (undocumented) getArea(): number; // (undocumented) getLength(): number; // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, zoom: number): boolean; // (undocumented) hitTestPoint(point: Vec, margin: number, hitInside: boolean): boolean; // (undocumented) ignoredChildren: Geometry2d[]; // (undocumented) nearestPoint(point: Vec): Vec; // (undocumented) toSimpleSvgPath(): string; } // @public (undocumented) export class GroupShapeUtil extends ShapeUtil { // (undocumented) canBind: () => boolean; // (undocumented) component(shape: TLGroupShape): JSX_2.Element | null; // (undocumented) getDefaultProps(): TLGroupShape['props']; // (undocumented) getGeometry(shape: TLGroupShape): Geometry2d; // (undocumented) hideSelectionBoundsFg: () => boolean; // (undocumented) indicator(shape: TLGroupShape): JSX_2.Element; // (undocumented) static migrations: TLPropsMigrations; // (undocumented) onChildrenChange: TLOnChildrenChangeHandler; // (undocumented) static props: RecordProps; // (undocumented) static type: "group"; } // @public (undocumented) export const HALF_PI: number; // @public export interface HandleSnapGeometry { getSelfSnapOutline?(handle: TLHandle): Geometry2d | null; getSelfSnapPoints?(handle: TLHandle): VecModel[]; outline?: Geometry2d | null; points?: VecModel[]; } // @public (undocumented) export class HandleSnaps { constructor(manager: SnapManager); // (undocumented) readonly editor: Editor; // (undocumented) readonly manager: SnapManager; // (undocumented) snapHandle({ currentShapeId, handle, }: { currentShapeId: TLShapeId; handle: TLHandle; }): null | SnapData; } // @public export function hardReset({ shouldReload }?: { shouldReload?: boolean | undefined; }): Promise; // @public (undocumented) export function hardResetEditor(): void; // @public (undocumented) export class HistoryManager { constructor(opts: { annotateError?: (error: unknown) => void; store: Store; }); // (undocumented) bail: () => this; // (undocumented) bailToMark: (id: string) => this; // (undocumented) batch: (fn: () => void, opts?: TLHistoryBatchOptions) => this; // (undocumented) clear(): void; // @internal (undocumented) debug(): { pendingDiff: { diff: RecordsDiff; isEmpty: boolean; }; redos: (NonNullable> | undefined)[]; state: string; undos: (NonNullable> | undefined)[]; }; // (undocumented) readonly dispose: () => void; // (undocumented) getNumRedos(): number; // (undocumented) getNumUndos(): number; // (undocumented) ignore(fn: () => void): this; // @internal (undocumented) _isInBatch: boolean; // (undocumented) mark: (id?: string) => string; // (undocumented) onBatchComplete: () => void; // (undocumented) redo: () => this; // (undocumented) squashToMark: (id: string) => this; // (undocumented) undo: () => this; } // @public (undocumented) export function HTMLContainer({ children, className, ...rest }: HTMLContainerProps): JSX_2.Element; // @public (undocumented) export type HTMLContainerProps = React_3.HTMLAttributes; // @public export function intersectCircleCircle(c1: VecLike, r1: number, c2: VecLike, r2: number): Vec[]; // @public export function intersectCirclePolygon(c: VecLike, r: number, points: VecLike[]): null | VecLike[]; // @public export function intersectCirclePolyline(c: VecLike, r: number, points: VecLike[]): null | VecLike[]; // @public export function intersectLineSegmentCircle(a1: VecLike, a2: VecLike, c: VecLike, r: number): null | VecLike[]; // @public export function intersectLineSegmentLineSegment(a1: VecLike, a2: VecLike, b1: VecLike, b2: VecLike): null | Vec; // @public export function intersectLineSegmentPolygon(a1: VecLike, a2: VecLike, points: VecLike[]): null | VecLike[]; // @public export function intersectLineSegmentPolyline(a1: VecLike, a2: VecLike, points: VecLike[]): null | VecLike[]; // @public export function intersectPolygonBounds(points: VecLike[], bounds: Box): null | VecLike[]; // @public export function intersectPolygonPolygon(polygonA: VecLike[], polygonB: VecLike[]): null | VecLike[]; // @public export const isSafeFloat: (n: number) => boolean; // @public (undocumented) export function linesIntersect(A: VecLike, B: VecLike, C: VecLike, D: VecLike): boolean; // @public (undocumented) export function LoadingScreen({ children }: LoadingScreenProps): JSX_2.Element; // @public (undocumented) export interface LoadingScreenProps { // (undocumented) children: ReactNode; } // @public export function loadSessionStateSnapshotIntoStore(store: TLStore, snapshot: TLSessionStateSnapshot): void; // @public export function loadSnapshot(store: TLStore, _snapshot: Partial | TLStoreSnapshot): void; // @public (undocumented) export function loopToHtmlElement(elm: Element): HTMLElement; // @public (undocumented) export class Mat { constructor(a: number, b: number, c: number, d: number, e: number, f: number); // (undocumented) a: number; // (undocumented) static Absolute(m: MatLike): MatModel; // (undocumented) static applyToBounds(m: MatLike, box: Box): Box; // (undocumented) applyToPoint(point: VecLike): Vec; // (undocumented) static applyToPoint(m: MatLike, point: VecLike): Vec; // (undocumented) applyToPoints(points: VecLike[]): Vec[]; // (undocumented) static applyToPoints(m: MatLike, points: VecLike[]): Vec[]; // (undocumented) static applyToXY(m: MatLike, x: number, y: number): number[]; // (undocumented) b: number; // (undocumented) c: number; // (undocumented) static Cast(m: MatLike): Mat; // (undocumented) clone(): Mat; // (undocumented) static Compose(...matrices: MatLike[]): Mat; // (undocumented) d: number; // (undocumented) static Decompose(m: MatLike): { rotation: number; scaleX: number; scaleY: number; x: number; y: number; }; // (undocumented) decompose(): { rotation: number; scaleX: number; scaleY: number; x: number; y: number; }; // (undocumented) decomposed(): { rotation: number; scaleX: number; scaleY: number; x: number; y: number; }; // (undocumented) e: number; // (undocumented) equals(m: Mat | MatModel): boolean; // (undocumented) f: number; // (undocumented) static From(m: MatLike): Mat; // (undocumented) static Identity(): Mat; // (undocumented) identity(): this; // (undocumented) static Inverse(m: MatModel): MatModel; // (undocumented) invert(): this; // (undocumented) static Multiply(m1: MatModel, m2: MatModel): MatModel; // (undocumented) multiply(m: Mat | MatModel): this; // (undocumented) static Point(m: MatLike): Vec; // (undocumented) point(): Vec; // (undocumented) static Rotate(r: number, cx?: number, cy?: number): Mat; // (undocumented) rotate(r: number, cx?: number, cy?: number): Mat; // (undocumented) static Rotation(m: MatLike): number; // (undocumented) rotation(): number; // (undocumented) static Scale: { (x: number, y: number, cx: number, cy: number): MatModel; (x: number, y: number): MatModel; }; // (undocumented) scale(x: number, y: number): this; // (undocumented) setTo(model: MatModel): this; // (undocumented) static Smooth(m: MatLike, precision?: number): MatLike; // (undocumented) toCssString(): string; // (undocumented) static toCssString(m: MatLike): string; // (undocumented) static Translate(x: number, y: number): Mat; // (undocumented) translate(x: number, y: number): Mat; } // @public (undocumented) export type MatLike = Mat | MatModel; // @public (undocumented) export interface MatModel { // (undocumented) a: number; // (undocumented) b: number; // (undocumented) c: number; // (undocumented) d: number; // (undocumented) e: number; // (undocumented) f: number; } // @internal (undocumented) export function normalizeWheel(event: React.WheelEvent | WheelEvent): { x: number; y: number; z: number; }; // @public (undocumented) export function openWindow(url: string, target?: string): void; // @internal (undocumented) export function OptionalErrorBoundary({ children, fallback, ...props }: Omit & { fallback: TLErrorFallbackComponent; }): boolean | JSX_2.Element | Iterable | null | number | string | undefined; // @public (undocumented) export type OptionalKeys = Omit & Partial>; // @public export function perimeterOfEllipse(rx: number, ry: number): number; // @public (undocumented) export const PI: number; // @public (undocumented) export const PI2: number; // @public (undocumented) export class Point2d extends Geometry2d { constructor(config: Omit & { margin: number; point: Vec; }); // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, margin: number): boolean; // (undocumented) nearestPoint(): Vec; // (undocumented) point: Vec; } // @public export function pointInPolygon(A: VecLike, points: VecLike[]): boolean; // @public (undocumented) export interface PointsSnapIndicator { // (undocumented) id: string; // (undocumented) points: VecLike[]; // (undocumented) type: 'points'; } // @public (undocumented) export class Polygon2d extends Polyline2d { constructor(config: Omit & { points: Vec[]; }); } // @public (undocumented) export function polygonIntersectsPolyline(polygon: VecLike[], polyline: VecLike[]): boolean; // @public (undocumented) export function polygonsIntersect(a: VecLike[], b: VecLike[]): boolean; // @public (undocumented) export class Polyline2d extends Geometry2d { constructor(config: Omit & { points: Vec[]; }); // (undocumented) getLength(): number; // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean; // (undocumented) nearestPoint(A: Vec): Vec; // (undocumented) points: Vec[]; // (undocumented) get segments(): Edge2d[]; // (undocumented) _segments?: Edge2d[]; } // @public (undocumented) export function precise(A: VecLike): string; // @public export function preventDefault(event: Event | React_2.BaseSyntheticEvent): void; // @public export function radiansToDegrees(r: number): number; // @public export function rangeIntersection(a0: number, a1: number, b0: number, b1: number): [number, number] | null; export { react } // @public export class ReadonlySharedStyleMap { // (undocumented) [Symbol.iterator](): IterableIterator<[StyleProp, SharedStyle]>; constructor(entries?: Iterable<[StyleProp, SharedStyle]>); // (undocumented) entries(): IterableIterator<[StyleProp, SharedStyle]>; // (undocumented) equals(other: ReadonlySharedStyleMap): boolean; // (undocumented) get(prop: StyleProp): SharedStyle | undefined; // (undocumented) getAsKnownValue(prop: StyleProp): T | undefined; // (undocumented) keys(): IterableIterator>; // @internal (undocumented) protected map: Map, SharedStyle>; // (undocumented) get size(): number; // (undocumented) values(): IterableIterator>; } // @public (undocumented) export class Rectangle2d extends Polygon2d { constructor(config: Omit & { height: number; width: number; x?: number; y?: number; }); // (undocumented) getBounds(): Box; // (undocumented) getSvgPathData(): string; // (undocumented) h: number; // (undocumented) w: number; // (undocumented) x: number; // (undocumented) y: number; } // @public (undocumented) export function refreshPage(): void; // @public (undocumented) export function releasePointerCapture(element: Element, event: PointerEvent | React_2.PointerEvent): void; // @public (undocumented) export type RequiredKeys = Required> & Omit; // @public (undocumented) export function resizeBox(shape: T, info: { handle: TLResizeHandle; initialBounds: Box; initialShape: T; mode: TLResizeMode; newPoint: VecModel; scaleX: number; scaleY: number; }, opts?: Partial<{ maxHeight: number; maxWidth: number; minHeight: number; minWidth: number; }>): T; // @public (undocumented) export type ResizeBoxOptions = Partial<{ maxHeight: number; maxWidth: number; minHeight: number; minWidth: number; }>; // @public (undocumented) export const ROTATE_CORNER_TO_SELECTION_CORNER: { readonly bottom_left_rotate: "bottom_left"; readonly bottom_right_rotate: "bottom_right"; readonly mobile_rotate: "top_left"; readonly top_left_rotate: "top_left"; readonly top_right_rotate: "top_right"; }; // @public (undocumented) export type RotateCorner = 'bottom_left_rotate' | 'bottom_right_rotate' | 'mobile_rotate' | 'top_left_rotate' | 'top_right_rotate'; // @public (undocumented) export function rotateSelectionHandle(handle: SelectionHandle, rotation: number): SelectionHandle; // @public (undocumented) export const runtime: { hardReset: () => void; openWindow: (url: string, target: string) => void; refreshPage: () => void; }; // @public (undocumented) export interface ScribbleItem { // (undocumented) delayRemaining: number; // (undocumented) id: string; // (undocumented) next: null | VecModel; // (undocumented) prev: null | VecModel; // (undocumented) scribble: TLScribble; // (undocumented) timeoutMs: number; } // @public (undocumented) export class ScribbleManager { constructor(editor: Editor); addPoint: (id: ScribbleItem['id'], x: number, y: number) => ScribbleItem; // (undocumented) addScribble: (scribble: Partial, id?: string) => ScribbleItem; // (undocumented) reset(): void; // (undocumented) scribbleItems: Map; // (undocumented) state: "paused" | "running"; stop: (id: ScribbleItem['id']) => ScribbleItem; tick: (elapsed: number) => void; } // @public (undocumented) export type SelectionCorner = 'bottom_left' | 'bottom_right' | 'top_left' | 'top_right'; // @public (undocumented) export type SelectionEdge = 'bottom' | 'left' | 'right' | 'top'; // @public (undocumented) export type SelectionHandle = SelectionCorner | SelectionEdge; // @public (undocumented) export function setPointerCapture(element: Element, event: PointerEvent | React_2.PointerEvent): void; // @public (undocumented) export function setRuntimeOverrides(input: Partial): void; // @public (undocumented) export function setUserPreferences(user: TLUserPreferences): void; // @public (undocumented) export abstract class ShapeUtil { constructor(editor: Editor); // @internal backgroundComponent?(shape: Shape): any; canBeLaidOut: TLShapeUtilFlag; canBind(opts: TLShapeUtilCanBindOpts): boolean; canCrop: TLShapeUtilFlag; canDropShapes(shape: Shape, shapes: TLShape[]): boolean; canEdit: TLShapeUtilFlag; canEditInReadOnly: TLShapeUtilFlag; canReceiveNewChildrenOfType(shape: Shape, type: TLShape['type']): boolean; canResize: TLShapeUtilFlag; canScroll: TLShapeUtilFlag; canSnap: TLShapeUtilFlag; abstract component(shape: Shape): any; // (undocumented) editor: Editor; // @internal (undocumented) expandSelectionOutlinePx(shape: Shape): number; getBoundsSnapGeometry(shape: Shape): BoundsSnapGeometry; getCanvasSvgDefs(): TLShapeUtilCanvasSvgDef[]; abstract getDefaultProps(): Shape['props']; abstract getGeometry(shape: Shape): Geometry2d; getHandles?(shape: Shape): TLHandle[]; getHandleSnapGeometry(shape: Shape): HandleSnapGeometry; hideResizeHandles: TLShapeUtilFlag; hideRotateHandle: TLShapeUtilFlag; hideSelectionBoundsBg: TLShapeUtilFlag; hideSelectionBoundsFg: TLShapeUtilFlag; abstract indicator(shape: Shape): any; isAspectRatioLocked: TLShapeUtilFlag; // (undocumented) static migrations?: LegacyMigrations | MigrationSequence | TLPropsMigrations; onBeforeCreate?: TLOnBeforeCreateHandler; onBeforeUpdate?: TLOnBeforeUpdateHandler; // @internal onBindingChange?: TLOnBindingChangeHandler; onChildrenChange?: TLOnChildrenChangeHandler; onClick?: TLOnClickHandler; onDoubleClick?: TLOnDoubleClickHandler; onDoubleClickEdge?: TLOnDoubleClickHandler; onDoubleClickHandle?: TLOnDoubleClickHandleHandler; onDragShapesOut?: TLOnDragHandler; onDragShapesOver?: TLOnDragHandler; onDropShapesOver?: TLOnDragHandler; onEditEnd?: TLOnEditEndHandler; onHandleDrag?: TLOnHandleDragHandler; onResize?: TLOnResizeHandler; onResizeEnd?: TLOnResizeEndHandler; onResizeStart?: TLOnResizeStartHandler; onRotate?: TLOnRotateHandler; onRotateEnd?: TLOnRotateEndHandler; onRotateStart?: TLOnRotateStartHandler; onTranslate?: TLOnTranslateHandler; onTranslateEnd?: TLOnTranslateEndHandler; onTranslateStart?: TLOnTranslateStartHandler; // (undocumented) static props?: RecordProps; // @internal providesBackgroundForChildren(shape: Shape): boolean; toBackgroundSvg?(shape: Shape, ctx: SvgExportContext): null | Promise | ReactElement; toSvg?(shape: Shape, ctx: SvgExportContext): null | Promise | ReactElement; static type: string; } // @public export type SharedStyle = { readonly type: 'mixed'; } | { readonly type: 'shared'; readonly value: T; }; // @internal (undocumented) export class SharedStyleMap extends ReadonlySharedStyleMap { // (undocumented) applyValue(prop: StyleProp, value: T): void; // (undocumented) set(prop: StyleProp, value: SharedStyle): void; } // @public export function shortAngleDist(a0: number, a1: number): number; // @public (undocumented) export const SIDES: readonly ["top", "right", "bottom", "left"]; export { Signal } // @public (undocumented) export const SIN: (x: number) => number; // @public export function snapAngle(r: number, segments: number): number; // @public (undocumented) export interface SnapData { // (undocumented) nudge: Vec; } // @public (undocumented) export type SnapIndicator = GapsSnapIndicator | PointsSnapIndicator; // @public (undocumented) export class SnapManager { constructor(editor: Editor); // (undocumented) clearIndicators(): void; // (undocumented) readonly editor: Editor; // (undocumented) getCurrentCommonAncestor(): TLShapeId | undefined; // (undocumented) getIndicators(): SnapIndicator[]; // (undocumented) getSnappableShapes(): Set; // (undocumented) getSnapThreshold(): number; // (undocumented) readonly handles: HandleSnaps; // (undocumented) setIndicators(indicators: SnapIndicator[]): void; // (undocumented) readonly shapeBounds: BoundsSnaps; } // @public (undocumented) export class Stadium2d extends Geometry2d { constructor(config: Omit & { height: number; width: number; }); // (undocumented) a: Arc2d; // (undocumented) b: Edge2d; // (undocumented) c: Arc2d; // (undocumented) config: Omit & { height: number; width: number; }; // (undocumented) d: Edge2d; // (undocumented) getBounds(): Box; // (undocumented) getLength(): number; // (undocumented) getSvgPathData(): string; // (undocumented) getVertices(): Vec[]; // (undocumented) h: number; // (undocumented) hitTestLineSegment(A: Vec, B: Vec): boolean; // (undocumented) nearestPoint(A: Vec): Vec; // (undocumented) w: number; } // @public (undocumented) export abstract class StateNode implements Partial { constructor(editor: Editor, parent?: StateNode); // (undocumented) static children?: () => TLStateNodeConstructor[]; // (undocumented) children?: Record; _currentToolIdMask: Atom; // (undocumented) editor: Editor; // (undocumented) enter: (info: any, from: string) => void; // (undocumented) exit: (info: any, from: string) => void; getCurrent(): StateNode | undefined; // (undocumented) getCurrentToolIdMask(): string | undefined; getIsActive(): boolean; getPath(): string; // (undocumented) handleEvent: (info: Exclude) => void; // (undocumented) static id: string; // (undocumented) id: string; // (undocumented) static initial?: string; // (undocumented) initial?: string; // (undocumented) onCancel?: TLEventHandlers['onCancel']; // (undocumented) onComplete?: TLEventHandlers['onComplete']; // (undocumented) onDoubleClick?: TLEventHandlers['onDoubleClick']; // (undocumented) onEnter?: TLEnterEventHandler; // (undocumented) onExit?: TLExitEventHandler; // (undocumented) onInterrupt?: TLEventHandlers['onInterrupt']; // (undocumented) onKeyDown?: TLEventHandlers['onKeyDown']; // (undocumented) onKeyRepeat?: TLEventHandlers['onKeyRepeat']; // (undocumented) onKeyUp?: TLEventHandlers['onKeyUp']; // (undocumented) onLongPress?: TLEventHandlers['onLongPress']; // (undocumented) onMiddleClick?: TLEventHandlers['onMiddleClick']; // (undocumented) onPointerDown?: TLEventHandlers['onPointerDown']; // (undocumented) onPointerMove?: TLEventHandlers['onPointerMove']; // (undocumented) onPointerUp?: TLEventHandlers['onPointerUp']; // (undocumented) onQuadrupleClick?: TLEventHandlers['onQuadrupleClick']; // (undocumented) onRightClick?: TLEventHandlers['onRightClick']; // (undocumented) onTick?: TLEventHandlers['onTick']; // (undocumented) onTripleClick?: TLEventHandlers['onTripleClick']; // (undocumented) onWheel?: TLEventHandlers['onWheel']; // (undocumented) parent: StateNode; // (undocumented) _path: Computed; // (undocumented) performanceTracker: PerformanceTracker; // (undocumented) setCurrentToolIdMask(id: string | undefined): void; // (undocumented) shapeType?: string; transition: (id: string, info?: any) => this; // (undocumented) type: 'branch' | 'leaf' | 'root'; } // @public (undocumented) export const stopEventPropagation: (e: any) => any; // @public (undocumented) export function SVGContainer({ children, className, ...rest }: SVGContainerProps): JSX_2.Element; // @public (undocumented) export type SVGContainerProps = React_3.HTMLAttributes; // @public (undocumented) export interface SvgExportContext { addExportDef(def: SvgExportDef): void; readonly isDarkMode: boolean; } // @public (undocumented) export interface SvgExportDef { // (undocumented) getElement: () => null | Promise | ReactElement; // (undocumented) key: string; } // @public export const TAB_ID: string; // @public (undocumented) export class TextManager { constructor(editor: Editor); // (undocumented) baseElm: HTMLDivElement; // (undocumented) editor: Editor; measureElementTextNodeSpans(element: HTMLElement, { shouldTruncateToFirstLine }?: { shouldTruncateToFirstLine?: boolean; }): { didTruncate: boolean; spans: { box: BoxModel; text: string; }[]; }; // (undocumented) measureText: (textToMeasure: string, opts: { maxWidth: null | number; disableOverflowWrapBreaking?: boolean; fontFamily: string; fontSize: number; fontStyle: string; fontWeight: string; lineHeight: number; minWidth?: null | number; padding: string; }) => BoxModel & { scrollWidth: number; }; measureTextSpans(textToMeasure: string, opts: TLMeasureTextSpanOpts): { box: BoxModel; text: string; }[]; } // @public (undocumented) export type TLAnyBindingUtilConstructor = TLBindingUtilConstructor; // @public (undocumented) export type TLAnyShapeUtilConstructor = TLShapeUtilConstructor; // @public (undocumented) export interface TLAssetOptions { // (undocumented) onResolveAsset: (asset: null | TLAsset | undefined, ctx: AssetContextProps) => Promise; } // @public (undocumented) export type TLBaseBoxShape = TLBaseShape; // @public (undocumented) export interface TLBaseEventInfo { // (undocumented) altKey: boolean; // (undocumented) ctrlKey: boolean; // (undocumented) shiftKey: boolean; // (undocumented) type: UiEventType; } // @public (undocumented) export interface TLBindingUtilConstructor = BindingUtil> { // (undocumented) new (editor: Editor): U; migrations?: TLPropsMigrations; props?: RecordProps; // (undocumented) type: T['type']; } // @public (undocumented) export interface TLBrushProps { // (undocumented) brush: BoxModel; // (undocumented) className?: string; // (undocumented) color?: string; // (undocumented) opacity?: number; } // @public (undocumented) export interface TLCameraConstraints { baseZoom: 'default' | 'fit-max-100' | 'fit-max' | 'fit-min-100' | 'fit-min' | 'fit-x-100' | 'fit-x' | 'fit-y-100' | 'fit-y'; behavior: 'contain' | 'fixed' | 'free' | 'inside' | 'outside' | { x: 'contain' | 'fixed' | 'free' | 'inside' | 'outside'; y: 'contain' | 'fixed' | 'free' | 'inside' | 'outside'; }; bounds: BoxModel; initialZoom: 'default' | 'fit-max-100' | 'fit-max' | 'fit-min-100' | 'fit-min' | 'fit-x-100' | 'fit-x' | 'fit-y-100' | 'fit-y'; origin: VecLike; padding: VecLike; } // @public (undocumented) export type TLCameraMoveOptions = Partial<{ animation: Partial<{ easing: (t: number) => number; duration: number; }>; force: boolean; immediate: boolean; reset: boolean; }>; // @public (undocumented) export interface TLCameraOptions { constraints?: TLCameraConstraints; isLocked: boolean; panSpeed: number; wheelBehavior: 'none' | 'pan' | 'zoom'; zoomSpeed: number; zoomSteps: number[]; } // @public (undocumented) export type TLCancelEvent = (info: TLCancelEventInfo) => void; // @public (undocumented) export interface TLCancelEventInfo { // (undocumented) name: 'cancel'; // (undocumented) type: 'misc'; } // @public (undocumented) export interface TLCanvasComponentProps { // (undocumented) className?: string; } // @public (undocumented) export type TLClickEvent = (info: TLClickEventInfo) => void; // @public (undocumented) export type TLClickEventInfo = TLBaseEventInfo & { button: number; name: TLCLickEventName; phase: 'down' | 'settle' | 'up'; point: VecLike; pointerId: number; type: 'click'; } & TLPointerEventTarget; // @public (undocumented) export type TLCLickEventName = 'double_click' | 'quadruple_click' | 'triple_click'; // @public (undocumented) export type TLClickState = 'idle' | 'overflow' | 'pendingDouble' | 'pendingOverflow' | 'pendingQuadruple' | 'pendingTriple'; // @public (undocumented) export interface TLCollaboratorHintProps { // (undocumented) className?: string; // (undocumented) color: string; // (undocumented) opacity?: number; // (undocumented) point: VecModel; // (undocumented) viewport: Box; // (undocumented) zoom: number; } // @public (undocumented) export type TLCompleteEvent = (info: TLCompleteEventInfo) => void; // @public (undocumented) export interface TLCompleteEventInfo { // (undocumented) name: 'complete'; // (undocumented) type: 'misc'; } // @public (undocumented) export interface TLContent { // (undocumented) assets: TLAsset[]; // (undocumented) bindings: TLBinding[] | undefined; // (undocumented) rootShapeIds: TLShapeId[]; // (undocumented) schema: SerializedSchema; // (undocumented) shapes: TLShape[]; } // @public (undocumented) export interface TLCursorProps { // (undocumented) chatMessage: string; // (undocumented) className?: string; // (undocumented) color?: string; // (undocumented) name: null | string; // (undocumented) point: null | VecModel; // (undocumented) zoom: number; } // @public (undocumented) export const TldrawEditor: React_2.NamedExoticComponent; // @public export interface TldrawEditorBaseProps { // @internal assetOptions?: Partial; autoFocus?: boolean; bindingUtils?: readonly TLAnyBindingUtilConstructor[]; cameraOptions?: Partial; children?: ReactNode; className?: string; components?: TLEditorComponents; inferDarkMode?: boolean; initialState?: string; onMount?: TLOnMountHandler; options?: Partial; shapeUtils?: readonly TLAnyShapeUtilConstructor[]; tools?: readonly TLStateNodeConstructor[]; user?: TLUser; } // @public export type TldrawEditorProps = TldrawEditorBaseProps & TldrawEditorStoreProps; // @public (undocumented) export type TldrawEditorStoreProps = TldrawEditorWithoutStoreProps | TldrawEditorWithStoreProps; // @public export interface TldrawEditorWithoutStoreProps extends TLStoreBaseOptions { migrations?: readonly MigrationSequence[]; persistenceKey?: string; // (undocumented) sessionId?: string; snapshot?: TLEditorSnapshot | TLStoreSnapshot; // (undocumented) store?: undefined; } // @public export interface TldrawEditorWithStoreProps { store: TLStore | TLStoreWithStatus; } // @public export interface TldrawOptions { // (undocumented) readonly adjacentShapeMargin: number; // (undocumented) readonly animationMediumMs: number; // (undocumented) readonly cameraMovingTimeoutMs: number; // (undocumented) readonly cameraSlideFriction: number; // (undocumented) readonly coarseDragDistanceSquared: number; // (undocumented) readonly coarseHandleRadius: number; // (undocumented) readonly coarsePointerWidth: number; // (undocumented) readonly collaboratorCheckIntervalMs: number; // (undocumented) readonly collaboratorIdleTimeoutMs: number; // (undocumented) readonly collaboratorInactiveTimeoutMs: number; // (undocumented) readonly defaultSvgPadding: number; // (undocumented) readonly doubleClickDurationMs: number; // (undocumented) readonly dragDistanceSquared: number; // (undocumented) readonly edgeScrollDelay: number; // (undocumented) readonly edgeScrollDistance: number; // (undocumented) readonly edgeScrollEaseDuration: number; // (undocumented) readonly edgeScrollSpeed: number; // (undocumented) readonly flattenImageBoundsExpand: number; // (undocumented) readonly flattenImageBoundsPadding: number; // (undocumented) readonly followChaseViewportSnap: number; // (undocumented) readonly gridSteps: readonly { readonly mid: number; readonly min: number; readonly step: number; }[]; // (undocumented) readonly handleRadius: number; // (undocumented) readonly hitTestMargin: number; // (undocumented) readonly longPressDurationMs: number; // (undocumented) readonly maxPages: number; // (undocumented) readonly maxPointsPerDrawShape: number; // (undocumented) readonly maxShapesPerPage: number; // (undocumented) readonly multiClickDurationMs: number; // (undocumented) readonly textShadowLod: number; } // @public (undocumented) export interface TLEditorComponents { // (undocumented) Background?: ComponentType | null; // (undocumented) Brush?: ComponentType | null; // (undocumented) Canvas?: ComponentType | null; // (undocumented) CollaboratorBrush?: ComponentType | null; // (undocumented) CollaboratorCursor?: ComponentType | null; // (undocumented) CollaboratorHint?: ComponentType | null; // (undocumented) CollaboratorScribble?: ComponentType | null; // (undocumented) CollaboratorShapeIndicator?: ComponentType | null; // (undocumented) Cursor?: ComponentType | null; // (undocumented) ErrorFallback?: TLErrorFallbackComponent; // (undocumented) Grid?: ComponentType | null; // (undocumented) Handle?: ComponentType | null; // (undocumented) Handles?: ComponentType | null; // (undocumented) InFrontOfTheCanvas?: ComponentType | null; // (undocumented) LoadingScreen?: ComponentType | null; // (undocumented) OnTheCanvas?: ComponentType | null; // (undocumented) Scribble?: ComponentType | null; // (undocumented) SelectionBackground?: ComponentType | null; // (undocumented) SelectionForeground?: ComponentType | null; // (undocumented) ShapeErrorFallback?: TLShapeErrorFallbackComponent; // (undocumented) ShapeIndicator?: ComponentType | null; // (undocumented) ShapeIndicatorErrorFallback?: TLShapeIndicatorErrorFallbackComponent; // (undocumented) ShapeIndicators?: ComponentType | null; // (undocumented) SnapIndicator?: ComponentType | null; // (undocumented) Spinner?: ComponentType | null; // (undocumented) SvgDefs?: ComponentType | null; // (undocumented) ZoomBrush?: ComponentType | null; } // @public (undocumented) export interface TLEditorOptions { assetOptions?: Partial; autoFocus?: boolean; bindingUtils: readonly TLBindingUtilConstructor[]; cameraOptions?: Partial; getContainer: () => HTMLElement; inferDarkMode?: boolean; initialState?: string; // (undocumented) options?: Partial; shapeUtils: readonly TLShapeUtilConstructor[]; store: TLStore; tools: readonly TLStateNodeConstructor[]; user?: TLUser; } // @public (undocumented) export interface TLEditorSnapshot { // (undocumented) document: TLStoreSnapshot; // (undocumented) session: TLSessionStateSnapshot; } // @public (undocumented) export type TLEnterEventHandler = (info: any, from: string) => void; // @public (undocumented) export interface TLErrorBoundaryProps { // (undocumented) children: React_3.ReactNode; // (undocumented) fallback: TLErrorFallbackComponent; // (undocumented) onError?: ((error: unknown) => void) | null; } // @public (undocumented) export type TLErrorFallbackComponent = ComponentType<{ editor?: Editor; error: unknown; }>; // @public (undocumented) export interface TLEventHandlers { // (undocumented) onCancel: TLCancelEvent; // (undocumented) onComplete: TLCompleteEvent; // (undocumented) onDoubleClick: TLClickEvent; // (undocumented) onInterrupt: TLInterruptEvent; // (undocumented) onKeyDown: TLKeyboardEvent; // (undocumented) onKeyRepeat: TLKeyboardEvent; // (undocumented) onKeyUp: TLKeyboardEvent; // (undocumented) onLongPress: TLPointerEvent; // (undocumented) onMiddleClick: TLPointerEvent; // (undocumented) onPointerDown: TLPointerEvent; // (undocumented) onPointerMove: TLPointerEvent; // (undocumented) onPointerUp: TLPointerEvent; // (undocumented) onQuadrupleClick: TLClickEvent; // (undocumented) onRightClick: TLPointerEvent; // (undocumented) onTick: TLTickEvent; // (undocumented) onTripleClick: TLClickEvent; // (undocumented) onWheel: TLWheelEvent; } // @public (undocumented) export type TLEventInfo = TLCancelEventInfo | TLClickEventInfo | TLCompleteEventInfo | TLInterruptEventInfo | TLKeyboardEventInfo | TLPinchEventInfo | TLPointerEventInfo | TLTickEventInfo | TLWheelEventInfo; // @public (undocumented) export interface TLEventMap { // (undocumented) 'max-shapes': [{ count: number; name: string; pageId: TLPageId; }]; // (undocumented) 'select-all-text': [{ shapeId: TLShapeId; }]; // (undocumented) 'stop-camera-animation': []; // (undocumented) 'stop-following': []; // (undocumented) change: [HistoryEntry]; // (undocumented) crash: [{ error: unknown; }]; // (undocumented) event: [TLEventInfo]; // (undocumented) frame: [number]; // (undocumented) mount: []; // (undocumented) tick: [number]; // (undocumented) update: []; } // @public (undocumented) export type TLEventMapHandler = (...args: TLEventMap[T]) => void; // @public (undocumented) export type TLEventName = 'cancel' | 'complete' | 'interrupt' | 'tick' | 'wheel' | TLCLickEventName | TLKeyboardEventName | TLPinchEventName | TLPointerEventName; // @public (undocumented) export type TLExitEventHandler = (info: any, to: string) => void; // @public (undocumented) export type TLExternalAssetContent = { file: File; type: 'file'; } | { type: 'url'; url: string; }; // @public (undocumented) export type TLExternalContent = { point?: VecLike; sources?: TLExternalContentSource[]; } & ({ embed: EmbedDefinition; type: 'embed'; url: string; } | { files: File[]; ignoreParent: boolean; type: 'files'; } | { text: string; type: 'svg-text'; } | { text: string; type: 'text'; } | { type: 'url'; url: string; }); // @public (undocumented) export type TLExternalContentSource = { data: any; type: 'excalidraw'; } | { data: null | string; reason: string; type: 'error'; } | { data: string; subtype: 'html' | 'json' | 'text' | 'url'; type: 'text'; } | { data: TLContent; type: 'tldraw'; }; // @public (undocumented) export interface TLGridProps { // (undocumented) size: number; // (undocumented) x: number; // (undocumented) y: number; // (undocumented) z: number; } // @public (undocumented) export interface TLHandleProps { // (undocumented) className?: string; // (undocumented) handle: TLHandle; // (undocumented) isCoarse: boolean; // (undocumented) shapeId: TLShapeId; // (undocumented) zoom: number; } // @public (undocumented) export interface TLHandlesProps { // (undocumented) children: ReactNode; } // @public (undocumented) export interface TLHistoryBatchOptions { history?: 'ignore' | 'record-preserveRedoStack' | 'record'; } // @public (undocumented) export interface TLHistoryDiff { // (undocumented) diff: RecordsDiff; // (undocumented) type: 'diff'; } // @public (undocumented) export type TLHistoryEntry = TLHistoryDiff | TLHistoryMark; // @public (undocumented) export interface TLHistoryMark { // (undocumented) id: string; // (undocumented) type: 'stop'; } // @public (undocumented) export type TLInterruptEvent = (info: TLInterruptEventInfo) => void; // @public (undocumented) export interface TLInterruptEventInfo { // (undocumented) name: 'interrupt'; // (undocumented) type: 'misc'; } // @public (undocumented) export type TLKeyboardEvent = (info: TLKeyboardEventInfo) => void; // @public (undocumented) export type TLKeyboardEventInfo = TLBaseEventInfo & { code: string; key: string; name: TLKeyboardEventName; type: 'keyboard'; }; // @public (undocumented) export type TLKeyboardEventName = 'key_down' | 'key_repeat' | 'key_up'; // @public (undocumented) export interface TLMeasureTextSpanOpts { // (undocumented) fontFamily: string; // (undocumented) fontSize: number; // (undocumented) fontStyle: string; // (undocumented) fontWeight: string; // (undocumented) height: number; // (undocumented) lineHeight: number; // (undocumented) overflow: 'truncate-clip' | 'truncate-ellipsis' | 'wrap'; // (undocumented) padding: number; // (undocumented) textAlign: TLDefaultHorizontalAlignStyle; // (undocumented) width: number; } // @public (undocumented) export type TLOnBeforeCreateHandler = (next: T) => T | void; // @public (undocumented) export type TLOnBeforeUpdateHandler = (prev: T, next: T) => T | void; // @internal (undocumented) export type TLOnBindingChangeHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLOnChildrenChangeHandler = (shape: T) => TLShapePartial[] | void; // @public (undocumented) export type TLOnClickHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLOnDoubleClickHandleHandler = (shape: T, handle: TLHandle) => TLShapePartial | void; // @public (undocumented) export type TLOnDoubleClickHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLOnDragHandler = (shape: T, shapes: TLShape[]) => R; // @public (undocumented) export type TLOnEditEndHandler = (shape: T) => void; // @public (undocumented) export type TLOnHandleDragHandler = (shape: T, info: { handle: TLHandle; initial?: T | undefined; isPrecise: boolean; }) => TLShapePartial | void; // @public export type TLOnMountHandler = (editor: Editor) => (() => undefined | void) | undefined | void; // @public (undocumented) export type TLOnResizeEndHandler = (initial: T, current: T) => TLShapePartial | void; // @public (undocumented) export type TLOnResizeHandler = (shape: T, info: TLResizeInfo) => Omit, 'id' | 'type'> | undefined | void; // @public (undocumented) export type TLOnResizeStartHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLOnRotateEndHandler = (initial: T, current: T) => TLShapePartial | void; // @public (undocumented) export type TLOnRotateHandler = (initial: T, current: T) => TLShapePartial | void; // @public (undocumented) export type TLOnRotateStartHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLOnTranslateEndHandler = (initial: T, current: T) => TLShapePartial | void; // @public (undocumented) export type TLOnTranslateHandler = (initial: T, current: T) => TLShapePartial | void; // @public (undocumented) export type TLOnTranslateStartHandler = (shape: T) => TLShapePartial | void; // @public (undocumented) export type TLPinchEvent = (info: TLPinchEventInfo) => void; // @public (undocumented) export type TLPinchEventInfo = TLBaseEventInfo & { delta: VecModel; name: TLPinchEventName; point: VecModel; type: 'pinch'; }; // @public (undocumented) export type TLPinchEventName = 'pinch_end' | 'pinch_start' | 'pinch'; // @public (undocumented) export type TLPointerEvent = (info: TLPointerEventInfo) => void; // @public (undocumented) export type TLPointerEventInfo = TLBaseEventInfo & { button: number; isPen: boolean; name: TLPointerEventName; point: VecLike; pointerId: number; type: 'pointer'; } & TLPointerEventTarget; // @public (undocumented) export type TLPointerEventName = 'long_press' | 'middle_click' | 'pointer_down' | 'pointer_move' | 'pointer_up' | 'right_click'; // @public (undocumented) export type TLPointerEventTarget = { handle: TLHandle; shape: TLShape; target: 'handle'; } | { handle?: TLSelectionHandle; shape?: undefined; target: 'selection'; } | { shape: TLShape; target: 'shape'; } | { shape?: undefined; target: 'canvas'; }; // @public (undocumented) export type TLResizeHandle = SelectionCorner | SelectionEdge; // @public export interface TLResizeInfo { // (undocumented) handle: TLResizeHandle; // (undocumented) initialBounds: Box; // (undocumented) initialShape: T; // (undocumented) mode: TLResizeMode; // (undocumented) newPoint: Vec; // (undocumented) scaleX: number; // (undocumented) scaleY: number; } // @public export type TLResizeMode = 'resize_bounds' | 'scale_shape'; // @public (undocumented) export type TLResizeShapeOptions = Partial<{ dragHandle: TLResizeHandle; initialBounds: Box; initialPageTransform: MatLike; initialShape: TLShape; isAspectRatioLocked: boolean; mode: TLResizeMode; scaleAxisRotation: number; scaleOrigin: VecLike; skipStartAndEndCallbacks: boolean; }>; // @public export interface TLRotationSnapshot { // (undocumented) initialCursorAngle: number; // (undocumented) initialSelectionRotation: number; // (undocumented) selectionPageCenter: Vec; // (undocumented) shapeSnapshots: { initialPagePoint: Vec; shape: TLShape; }[]; } // @public (undocumented) export interface TLScribbleProps { // (undocumented) className?: string; // (undocumented) color?: string; // (undocumented) opacity?: number; // (undocumented) scribble: TLScribble; // (undocumented) zoom: number; } // @public (undocumented) export interface TLSelectionBackgroundProps { // (undocumented) bounds: Box; // (undocumented) rotation: number; } // @public (undocumented) export interface TLSelectionForegroundProps { // (undocumented) bounds: Box; // (undocumented) rotation: number; } // @public (undocumented) export type TLSelectionHandle = RotateCorner | SelectionCorner | SelectionEdge; // @public export interface TLSessionStateSnapshot { // (undocumented) currentPageId: TLPageId; // (undocumented) exportBackground: boolean; // (undocumented) isDebugMode: boolean; // (undocumented) isFocusMode: boolean; // (undocumented) isGridMode: boolean; // (undocumented) isToolLocked: boolean; // (undocumented) pageStates: Array<{ camera: { x: number; y: number; z: number; }; focusedGroupId: null | TLShapeId; pageId: TLPageId; selectedShapeIds: TLShapeId[]; }>; // (undocumented) version: number; } // @public (undocumented) export type TLShapeErrorFallbackComponent = ComponentType<{ error: any; }>; // @public (undocumented) export type TLShapeIndicatorErrorFallbackComponent = ComponentType<{ error: unknown; }>; // @public (undocumented) export interface TLShapeIndicatorProps { // (undocumented) className?: string; // (undocumented) color?: string | undefined; // (undocumented) hidden?: boolean; // (undocumented) opacity?: number; // (undocumented) shapeId: TLShapeId; } // @public export interface TLShapeUtilCanBindOpts { bindingType: string; fromShapeType: string; toShapeType: string; } // @public (undocumented) export interface TLShapeUtilCanvasSvgDef { // (undocumented) component: React.ComponentType; // (undocumented) key: string; } // @public (undocumented) export interface TLShapeUtilConstructor = ShapeUtil> { // (undocumented) new (editor: Editor): U; // (undocumented) migrations?: LegacyMigrations | MigrationSequence | TLPropsMigrations; // (undocumented) props?: RecordProps; // (undocumented) type: T['type']; } // @public (undocumented) export type TLShapeUtilFlag = (shape: T) => boolean; // @public (undocumented) export interface TLSnapIndicatorProps { // (undocumented) className?: string; // (undocumented) line: SnapIndicator; // (undocumented) zoom: number; } // @public (undocumented) export interface TLStateNodeConstructor { // (undocumented) new (editor: Editor, parent?: StateNode): StateNode; // (undocumented) children?: () => TLStateNodeConstructor[]; // (undocumented) id: string; // (undocumented) initial?: string; } // @public (undocumented) export interface TLStoreBaseOptions { defaultName?: string; initialData?: SerializedStore; } // @public (undocumented) export type TLStoreEventInfo = HistoryEntry; // @public (undocumented) export type TLStoreOptions = TLStoreBaseOptions & ({ bindingUtils?: readonly TLAnyBindingUtilConstructor[]; id?: string; migrations?: readonly MigrationSequence[]; shapeUtils?: readonly TLAnyShapeUtilConstructor[]; } | { id?: string; schema?: StoreSchema; }); // @public (undocumented) export type TLStoreWithStatus = { readonly connectionStatus: 'offline' | 'online'; readonly error?: undefined; readonly status: 'synced-remote'; readonly store: TLStore; } | { readonly error: Error; readonly status: 'error'; readonly store?: undefined; } | { readonly error?: undefined; readonly status: 'loading'; readonly store?: undefined; } | { readonly error?: undefined; readonly status: 'not-synced'; readonly store: TLStore; } | { readonly error?: undefined; readonly status: 'synced-local'; readonly store: TLStore; }; // @public (undocumented) export interface TLSvgOptions { // (undocumented) background?: boolean; // (undocumented) bounds?: Box; // (undocumented) darkMode?: boolean; // (undocumented) padding?: number; // (undocumented) preserveAspectRatio?: React.SVGAttributes['preserveAspectRatio']; // (undocumented) scale?: number; } // @public (undocumented) export type TLTickEvent = (info: TLTickEventInfo) => void; // @public (undocumented) export interface TLTickEventInfo { // (undocumented) elapsed: number; // (undocumented) name: 'tick'; // (undocumented) type: 'misc'; } // @public (undocumented) export interface TLUser { // (undocumented) readonly derivePresenceState: (store: TLStore) => Signal; // (undocumented) readonly setUserPreferences: (userPreferences: TLUserPreferences) => void; // (undocumented) readonly userPreferences: Signal; } // @public export interface TLUserPreferences { // (undocumented) animationSpeed?: null | number; // (undocumented) color?: null | string; // (undocumented) colorScheme?: 'dark' | 'light' | 'system'; // (undocumented) edgeScrollSpeed?: null | number; // (undocumented) id: string; // (undocumented) isDynamicSizeMode?: boolean | null; // (undocumented) isPasteAtCursorMode?: boolean | null; // (undocumented) isSnapMode?: boolean | null; // (undocumented) isWrapMode?: boolean | null; // (undocumented) locale?: null | string; // (undocumented) name?: null | string; } // @public (undocumented) export type TLWheelEvent = (info: TLWheelEventInfo) => void; // @public (undocumented) export type TLWheelEventInfo = TLBaseEventInfo & { delta: VecModel; name: 'wheel'; point: VecModel; type: 'wheel'; }; // @public export function toDomPrecision(v: number): number; // @public (undocumented) export function toFixed(v: number): number; // @public export function toPrecision(n: number, precision?: number): number; export { track } export { transact } export { transaction } // @public (undocumented) export type UiEvent = TLCancelEvent | TLClickEvent | TLCompleteEvent | TLKeyboardEvent | TLPinchEvent | TLPointerEvent; // @public (undocumented) export type UiEventType = 'click' | 'keyboard' | 'pinch' | 'pointer' | 'wheel' | 'zoom'; // @public (undocumented) export function uniq(array: { readonly [n: number]: T; readonly length: number; } | null | undefined): T[]; // @public export function uniqueId(): string; export { useComputed } // @public (undocumented) export function useContainer(): HTMLDivElement; // @public (undocumented) export function useEditor(): Editor; // @public (undocumented) export function useEditorComponents(): Required; // @internal export function useEvent, Result>(handler: (...args: Args) => Result): (...args: Args) => Result; // @public (undocumented) export function useIsCropping(shapeId: TLShapeId): boolean; // @public (undocumented) export function useIsDarkMode(): boolean; // @public (undocumented) export function useIsEditing(shapeId: TLShapeId): boolean; // @internal (undocumented) export function useLocalStore({ persistenceKey, sessionId, ...rest }: { persistenceKey?: string; sessionId?: string; snapshot?: TLEditorSnapshot | TLStoreSnapshot; } & TLStoreOptions): TLStoreWithStatus; // @internal (undocumented) export function usePeerIds(): string[]; // @internal (undocumented) export function usePresence(userId: string): null | TLInstancePresence; export { useQuickReactor } // @internal (undocumented) export const USER_COLORS: readonly ["#FF802B", "#EC5E41", "#F2555A", "#F04F88", "#E34BA9", "#BD54C6", "#9D5BD2", "#7B66DC", "#02B1CC", "#11B3A3", "#39B178", "#55B467"]; export { useReactor } // @public (undocumented) export class UserPreferencesManager { constructor(user: TLUser, inferDarkMode: boolean); // (undocumented) getAnimationSpeed(): number; // (undocumented) getColor(): string; getEdgeScrollSpeed(): number; // (undocumented) getId(): string; // (undocumented) getIsDarkMode(): boolean; // (undocumented) getIsDynamicResizeMode(): boolean; // (undocumented) getIsPasteAtCursorMode(): boolean; // (undocumented) getIsSnapMode(): boolean; // (undocumented) getIsWrapMode(): boolean; // (undocumented) getLocale(): string; // (undocumented) getName(): string; // (undocumented) getUserPreferences(): { animationSpeed: number; color: string; colorScheme: "dark" | "light" | "system" | undefined; id: string; isDarkMode: boolean; isDynamicResizeMode: boolean; isSnapMode: boolean; isWrapMode: boolean; locale: string; name: string; }; // (undocumented) systemColorScheme: Atom<"dark" | "light", unknown>; // (undocumented) updateUserPreferences: (userPreferences: Partial) => void; } // @internal export function useSafeId(): string; // @public (undocumented) export function useSelectionEvents(handle: TLSelectionHandle): { onPointerDown: PointerEventHandler; onPointerMove: (e: React.PointerEvent) => void; onPointerUp: PointerEventHandler; }; // @internal (undocumented) export function useShallowArrayIdentity(arr: readonly T[]): readonly T[]; // @internal (undocumented) export function useShallowObjectIdentity(arr: T): T; // @public export function useSvgExportContext(): { isDarkMode: boolean; } | null; // @public (undocumented) export function useTLStore(opts: TLStoreOptions & { snapshot?: TLEditorSnapshot | TLStoreSnapshot; }): TLStore; // @public (undocumented) export function useTransform(ref: React.RefObject, x?: number, y?: number, scale?: number, rotate?: number, additionalOffset?: VecLike): void; export { useValue } // @public (undocumented) export class Vec { constructor(x?: number, y?: number, z?: number); // (undocumented) static Abs(A: VecLike): Vec; // (undocumented) abs(): this; // (undocumented) static Add(A: VecLike, B: VecLike): Vec; // (undocumented) add(V: VecLike): this; // (undocumented) static AddScalar(A: VecLike, n: number): Vec; // (undocumented) addScalar(n: number): this; // (undocumented) static AddXY(A: VecLike, x: number, y: number): Vec; // (undocumented) addXY(x: number, y: number): this; // (undocumented) static Angle(A: VecLike, B: VecLike): number; // (undocumented) angle(B: VecLike): number; // (undocumented) static Average(arr: VecLike[]): Vec; // (undocumented) static Cast(A: VecLike): Vec; // (undocumented) static Clamp(A: Vec, min: number, max?: number): Vec; // (undocumented) clamp(min: number, max?: number): this; // (undocumented) static Clockwise(A: VecLike, B: VecLike, C: VecLike): boolean; // (undocumented) clone(): Vec; static Cpr(A: VecLike, B: VecLike): number; // (undocumented) cpr(V: VecLike): number; // (undocumented) static Cross(A: VecLike, V: VecLike): Vec; // (undocumented) cross(V: VecLike): this; // (undocumented) static Dist(A: VecLike, B: VecLike): number; // (undocumented) dist(V: VecLike): number; // (undocumented) static Dist2(A: VecLike, B: VecLike): number; // (undocumented) static DistanceToLineSegment(A: VecLike, B: VecLike, P: VecLike, clamp?: boolean): number; // (undocumented) distanceToLineSegment(A: VecLike, B: VecLike): number; // (undocumented) static DistanceToLineThroughPoint(A: VecLike, u: VecLike, P: VecLike): number; // (undocumented) static DistMin(A: VecLike, B: VecLike, n: number): boolean; // (undocumented) static Div(A: VecLike, t: number): Vec; // (undocumented) div(t: number): this; // (undocumented) static DivV(A: VecLike, B: VecLike): Vec; // (undocumented) divV(V: VecLike): this; static Dpr(A: VecLike, B: VecLike): number; // (undocumented) dpr(V: VecLike): number; // (undocumented) static Equals(A: VecLike, B: VecLike): boolean; // (undocumented) equals(B: VecLike): boolean; // (undocumented) static EqualsXY(A: VecLike, x: number, y: number): boolean; // (undocumented) equalsXY(x: number, y: number): boolean; // (undocumented) static From({ x, y, z }: VecModel): Vec; // (undocumented) static FromAngle(r: number, length?: number): Vec; // (undocumented) static FromArray(v: number[]): Vec; // (undocumented) static IsNaN(A: VecLike): boolean; // (undocumented) static Len(A: VecLike): number; // (undocumented) len(): number; // (undocumented) static Len2(A: VecLike): number; // (undocumented) len2(): number; static Lrp(A: VecLike, B: VecLike, t: number): Vec; // (undocumented) lrp(B: VecLike, t: number): Vec; // (undocumented) static Max(A: VecLike, B: VecLike): Vec; // (undocumented) static Med(A: VecLike, B: VecLike): Vec; // (undocumented) static Min(A: VecLike, B: VecLike): Vec; // (undocumented) static Mul(A: VecLike, t: number): Vec; // (undocumented) mul(t: number): this; // (undocumented) static MulV(A: VecLike, B: VecLike): Vec; // (undocumented) mulV(V: VecLike): this; // (undocumented) static NearestPointOnLineSegment(A: VecLike, B: VecLike, P: VecLike, clamp?: boolean): Vec; static NearestPointOnLineThroughPoint(A: VecLike, u: VecLike, P: VecLike): Vec; // (undocumented) static Neg(A: VecLike): Vec; // (undocumented) neg(): this; // (undocumented) norm(): this; // (undocumented) static Nudge(A: VecLike, B: VecLike, distance: number): Vec; // (undocumented) nudge(B: VecLike, distance: number): this; static Per(A: VecLike): Vec; // (undocumented) per(): this; static PointsBetween(A: VecModel, B: VecModel, steps?: number): Vec[]; // (undocumented) get pressure(): number; static Pry(A: VecLike, B: VecLike): number; // (undocumented) pry(V: VecLike): number; // (undocumented) static Rescale(A: VecLike, n: number): Vec; // (undocumented) static Rot(A: VecLike, r?: number): Vec; // (undocumented) rot(r: number): this; // (undocumented) static RotWith(A: VecLike, C: VecLike, r: number): Vec; // (undocumented) rotWith(C: VecLike, r: number): this; // (undocumented) static ScaleWithOrigin(A: VecLike, scale: number, origin: VecLike): Vec; // (undocumented) set(x?: number, y?: number, z?: number): this; // (undocumented) setTo({ x, y, z }: VecLike): this; // (undocumented) static Slope(A: VecLike, B: VecLike): number; // (undocumented) slope(B: VecLike): number; // (undocumented) static Snap(A: VecLike, step?: number): Vec; // (undocumented) static SnapToGrid(A: VecLike, gridSize?: number): Vec; // (undocumented) snapToGrid(gridSize: number): this; // (undocumented) static Sub(A: VecLike, B: VecLike): Vec; // (undocumented) sub(V: VecLike): this; // (undocumented) static SubScalar(A: VecLike, n: number): Vec; // (undocumented) subScalar(n: number): this; // (undocumented) static SubXY(A: VecLike, x: number, y: number): Vec; // (undocumented) subXY(x: number, y: number): this; // (undocumented) static Tan(A: VecLike, B: VecLike): Vec; // (undocumented) tan(V: VecLike): Vec; // (undocumented) static ToAngle(A: VecLike): number; // (undocumented) toAngle(): number; // (undocumented) static ToArray(A: VecLike): number[]; // (undocumented) toArray(): number[]; // (undocumented) static ToCss(A: VecLike): string; // (undocumented) static ToFixed(A: VecLike): Vec; // (undocumented) toFixed(): Vec; // (undocumented) static ToInt(A: VecLike): Vec; // (undocumented) static ToJson(A: VecLike): { x: number; y: number; z: number | undefined; }; // (undocumented) toJson(): VecModel; // (undocumented) static ToString(A: VecLike): string; // (undocumented) toString(): string; static Uni(A: VecLike): Vec; // (undocumented) uni(): Vec; // (undocumented) x: number; // (undocumented) y: number; // (undocumented) z: number; } // @public (undocumented) export type VecLike = Vec | VecModel; export { whyAmIRunning } export * from "@tldraw/store"; export * from "@tldraw/tlschema"; export * from "@tldraw/utils"; export * from "@tldraw/validate"; // (No @packageDocumentation comment for this package) ```