@tldraw/editor 3.13.0-canary.3ac739625a6f → 3.13.0-canary.409fd05a1a56

package/dist-esm/index.d.mts

@@ -1,16 +1,12 @@
 /// <reference types="react" />
 
 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 { Dispatch } from 'react';
 import { Editor as Editor_2 } from '@tiptap/core';
 import { EditorProviderProps } from '@tiptap/react';
-import { EffectScheduler } from '@tldraw/state';
-import { EMPTY_ARRAY } from '@tldraw/state';
 import EventEmitter from 'eventemitter3';
 import { ExoticComponent } from 'react';
 import { HistoryEntry } from '@tldraw/store';
@@ -23,7 +19,6 @@ import { NamedExoticComponent } from 'react';
 import { Node as Node_2 } from '@tiptap/pm/model';
 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';
@@ -82,18 +77,8 @@ 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-react';
-import { transact } from '@tldraw/state';
-import { transaction } from '@tldraw/state';
 import { UnknownRecord } from '@tldraw/store';
-import { useAtom } from '@tldraw/state-react';
-import { useComputed } from '@tldraw/state-react';
-import { useQuickReactor } from '@tldraw/state-react';
-import { useReactor } from '@tldraw/state-react';
-import { useStateTracking } from '@tldraw/state-react';
-import { useValue } from '@tldraw/state-react';
 import { VecModel } from '@tldraw/tlschema';
-import { whyAmIRunning } from '@tldraw/state';
 
 /* Excluded from this release type: activeElementShouldCaptureKeys */
 
@@ -136,8 +121,8 @@ export declare class Arc2d extends Geometry2d {
         start: Vec;
         sweepFlag: number;
     });
-    nearestPoint(point: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec): boolean;
+    nearestPoint(point: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike): boolean;
     getVertices(): Vec[];
     getSvgPathData(first?: boolean): string;
     getLength(): number;
@@ -153,10 +138,6 @@ export declare class Arc2d extends Geometry2d {
  */
 export declare function areAnglesCompatible(a: number, b: number): boolean;
 
-export { Atom }
-
-export { atom }
-
 /** @public */
 export declare function average(A: VecLike, B: VecLike): string;
 
@@ -477,12 +458,16 @@ export declare class Box {
     set point(val: Vec);
     get minX(): number;
     set minX(n: number);
+    get left(): number;
     get midX(): number;
     get maxX(): number;
+    get right(): number;
     get minY(): number;
     set minY(n: number);
+    get top(): number;
     get midY(): number;
     get maxY(): number;
+    get bottom(): number;
     get width(): number;
     set width(n: number);
     get height(): number;
@@ -578,8 +563,8 @@ export declare class Circle2d extends Geometry2d {
     });
     getBounds(): Box;
     getVertices(): Vec[];
-    nearestPoint(point: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean;
+    nearestPoint(point: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike, distance?: number): boolean;
     getSvgPathData(): string;
 }
 
@@ -656,8 +641,6 @@ export declare class ClickManager {
  */
 export declare function clockwiseAngleDist(a0: number, a1: number): number;
 
-export { computed }
-
 /**
  * @public
  * @react
@@ -745,10 +728,10 @@ export declare class CubicBezier2d extends Polyline2d {
     });
     getVertices(): Vec[];
     midPoint(): Vec;
-    nearestPoint(A: Vec): Vec;
+    nearestPoint(A: VecLike): Vec;
     getSvgPathData(first?: boolean): string;
     static GetAtT(segment: CubicBezier2d, t: number): Vec;
-    getLength(precision?: number): number;
+    getLength(filters?: Geometry2dFilters, precision?: number): number;
 }
 
 /** @public */
@@ -761,8 +744,8 @@ export declare class CubicSpline2d extends Geometry2d {
     get segments(): CubicBezier2d[];
     getLength(): number;
     getVertices(): Vec[];
-    nearestPoint(A: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec): boolean;
+    nearestPoint(A: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike): boolean;
     getSvgPathData(): string;
 }
 
@@ -956,8 +939,8 @@ export declare class Edge2d extends Geometry2d {
     getLength(): number;
     midPoint(): Vec;
     getVertices(): Vec[];
-    nearestPoint(point: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean;
+    nearestPoint(point: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike, distance?: number): boolean;
     getSvgPathData(first?: boolean): string;
 }
 
@@ -1577,6 +1560,16 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     selectAll(): this;
+    /**
+     * Select the next shape in the reading order or in cardinal order.
+     *
+     * @example
+     * ```ts
+     * editor.selectAdjacentShape('next')
+     * ```
+     *
+     * @public
+     */
     selectAdjacentShape(direction: TLAdjacentDirection): void;
     /**
      * Generates a reading order for shapes based on rows grouping.
@@ -1585,12 +1578,16 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getCurrentPageShapesInReadingOrder(): TLShape[];
+    private _getShapesInReadingOrder;
     /**
      * Find the nearest adjacent shape in a specific direction.
      *
      * @public
      */
     getNearestAdjacentShape(currentShapeId: TLShapeId, direction: 'down' | 'left' | 'right' | 'up'): TLShapeId;
+    selectParentShape(): void;
+    selectFirstChildShape(): void;
+    private _selectShapesAndZoom;
     /**
      * Clear the selection.
      *
@@ -1844,6 +1841,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getCamera(): TLCamera;
+    private _getFollowingPresence;
     private getViewportPageBoundsForFollowing;
     private getCameraForFollowing;
     /**
@@ -3993,8 +3991,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
 /** @public */
 export declare const EditorContext: React_2.Context<Editor | null>;
 
-export { EffectScheduler }
-
 /** @public */
 export declare class Ellipse2d extends Geometry2d {
     config: Omit<Geometry2dOptions, 'isClosed'> & {
@@ -4010,15 +4006,13 @@ export declare class Ellipse2d extends Geometry2d {
     _edges?: Edge2d[];
     get edges(): Edge2d[];
     getVertices(): any[];
-    nearestPoint(A: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec): boolean;
+    nearestPoint(A: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike): boolean;
     getBounds(): Box;
     getLength(): number;
     getSvgPathData(first?: boolean): string;
 }
 
-export { EMPTY_ARRAY }
-
 /** @public */
 export declare class ErrorBoundary extends React_3.Component<React_3.PropsWithRef<React_3.PropsWithChildren<TLErrorBoundaryProps>>, {
     error: Error | null;
@@ -4086,18 +4080,27 @@ export declare abstract class Geometry2d {
     constructor(opts: Geometry2dOptions);
     isExcludedByFilter(filters?: Geometry2dFilters): boolean;
     abstract getVertices(filters: Geometry2dFilters): Vec[];
-    abstract nearestPoint(point: Vec, _filters?: Geometry2dFilters): Vec;
-    hitTestPoint(point: Vec, margin?: number, hitInside?: boolean, _filters?: Geometry2dFilters): boolean;
-    distanceToPoint(point: Vec, hitInside?: boolean, filters?: Geometry2dFilters): number;
-    distanceToLineSegment(A: Vec, B: Vec, filters?: Geometry2dFilters): number;
-    hitTestLineSegment(A: Vec, B: Vec, distance?: number, filters?: Geometry2dFilters): boolean;
+    abstract nearestPoint(point: VecLike, _filters?: Geometry2dFilters): Vec;
+    hitTestPoint(point: VecLike, margin?: number, hitInside?: boolean, _filters?: Geometry2dFilters): boolean;
+    distanceToPoint(point: VecLike, hitInside?: boolean, filters?: Geometry2dFilters): number;
+    distanceToLineSegment(A: VecLike, B: VecLike, filters?: Geometry2dFilters): number;
+    hitTestLineSegment(A: VecLike, B: VecLike, distance?: number, filters?: Geometry2dFilters): boolean;
     intersectLineSegment(A: VecLike, B: VecLike, _filters?: Geometry2dFilters): VecLike[];
     intersectCircle(center: VecLike, radius: number, _filters?: Geometry2dFilters): VecLike[];
     intersectPolygon(polygon: VecLike[], _filters?: Geometry2dFilters): VecLike[];
     intersectPolyline(polyline: VecLike[], _filters?: Geometry2dFilters): VecLike[];
+    /**
+     * Find a point along the edge of the geometry that is a fraction `t` along the entire way round.
+     */
+    interpolateAlongEdge(t: number, _filters?: Geometry2dFilters): Vec;
+    /**
+     * Take `point`, find the closest point to it on the edge of the geometry, and return how far
+     * along the edge it is as a fraction of the total length.
+     */
+    uninterpolateAlongEdge(point: VecLike, _filters?: Geometry2dFilters): number;
     /** @deprecated Iterate the vertices instead. */
-    nearestPointOnLineSegment(A: Vec, B: Vec): Vec;
-    isPointInBounds(point: Vec, margin?: number): boolean;
+    nearestPointOnLineSegment(A: VecLike, B: VecLike): Vec;
+    isPointInBounds(point: VecLike, margin?: number): boolean;
     transform(transform: MatModel, opts?: TransformedGeometry2dOptions): Geometry2d;
     private _vertices;
     get vertices(): Vec[];
@@ -4111,7 +4114,7 @@ export declare abstract class Geometry2d {
     toSimpleSvgPath(): string;
     private _length?;
     get length(): number;
-    getLength(): number;
+    getLength(_filters?: Geometry2dFilters): number;
     abstract getSvgPathData(first: boolean): string;
 }
 
@@ -4179,15 +4182,15 @@ export declare function getFreshUserPreferences(): TLUserPreferences;
 export declare function getIncrementedName(name: string, others: string[]): string;
 
 /** @public */
-export declare function getPerfectDashProps(totalLength: number, strokeWidth: number, opts?: Partial<{
-    closed: boolean;
-    end: 'none' | 'outset' | 'skip';
-    forceSolid: boolean;
-    lengthRatio: number;
-    snap: number;
-    start: 'none' | 'outset' | 'skip';
-    style: TLDefaultDashStyle;
-}>): {
+export declare function getPerfectDashProps(totalLength: number, strokeWidth: number, opts?: {
+    closed?: boolean;
+    end?: 'none' | 'outset' | 'skip';
+    forceSolid?: boolean;
+    lengthRatio?: number;
+    snap?: number;
+    start?: 'none' | 'outset' | 'skip';
+    style?: TLDefaultDashStyle;
+}): {
     strokeDasharray: string;
     strokeDashoffset: string;
 };
@@ -4274,18 +4277,20 @@ export declare class Group2d extends Geometry2d {
         children: Geometry2d[];
     });
     getVertices(filters: Geometry2dFilters): Vec[];
-    nearestPoint(point: Vec, filters?: Geometry2dFilters): Vec;
-    distanceToPoint(point: Vec, hitInside?: boolean, filters?: Geometry2dFilters): number;
-    hitTestPoint(point: Vec, margin: number, hitInside: boolean, filters?: Geometry2dFilters): boolean;
-    hitTestLineSegment(A: Vec, B: Vec, zoom: number, filters?: Geometry2dFilters): boolean;
+    nearestPoint(point: VecLike, filters?: Geometry2dFilters): Vec;
+    distanceToPoint(point: VecLike, hitInside?: boolean, filters?: Geometry2dFilters): number;
+    hitTestPoint(point: VecLike, margin: number, hitInside: boolean, filters?: Geometry2dFilters): boolean;
+    hitTestLineSegment(A: VecLike, B: VecLike, zoom: number, filters?: Geometry2dFilters): boolean;
     intersectLineSegment(A: VecLike, B: VecLike, filters?: Geometry2dFilters): VecLike[];
     intersectCircle(center: VecLike, radius: number, filters?: Geometry2dFilters): VecLike[];
     intersectPolygon(polygon: VecLike[], filters?: Geometry2dFilters): VecLike[];
     intersectPolyline(polyline: VecLike[], filters?: Geometry2dFilters): VecLike[];
+    interpolateAlongEdge(t: number, filters?: Geometry2dFilters): Vec;
+    uninterpolateAlongEdge(point: VecLike, filters?: Geometry2dFilters): number;
     transform(transform: Mat): Geometry2d;
     getArea(): number;
     toSimpleSvgPath(): string;
-    getLength(): number;
+    getLength(filters?: Geometry2dFilters): number;
     getSvgPathData(): string;
 }
 
@@ -4294,7 +4299,6 @@ export declare class GroupShapeUtil extends ShapeUtil<TLGroupShape> {
     static type: "group";
     static props: RecordProps<TLGroupShape>;
     static migrations: TLPropsMigrations;
-    canTabTo(): boolean;
     hideSelectionBoundsFg(): boolean;
     canBind(): boolean;
     getDefaultProps(): TLGroupShape['props'];
@@ -4590,8 +4594,8 @@ export declare class Mat {
     static Identity(): Mat;
     static Translate(x: number, y: number): Mat;
     static Rotate(r: number, cx?: number, cy?: number): Mat;
-    static Scale(x: number, y: number): MatModel;
-    static Scale(x: number, y: number, cx: number, cy: number): MatModel;
+    static Scale(x: number, y: number): Mat;
+    static Scale(x: number, y: number, cx: number, cy: number): Mat;
     static Multiply(m1: MatModel, m2: MatModel): MatModel;
     static Inverse(m: MatModel): MatModel;
     static Absolute(m: MatLike): MatModel;
@@ -4686,7 +4690,7 @@ export declare class Point2d extends Geometry2d {
     });
     getVertices(): Vec[];
     nearestPoint(): Vec;
-    hitTestLineSegment(A: Vec, B: Vec, margin: number): boolean;
+    hitTestLineSegment(A: VecLike, B: VecLike, margin: number): boolean;
     getSvgPathData(): string;
 }
 
@@ -4731,8 +4735,8 @@ export declare class Polyline2d extends Geometry2d {
     get segments(): Edge2d[];
     getLength(): number;
     getVertices(): Vec[];
-    nearestPoint(A: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec, distance?: number): boolean;
+    nearestPoint(A: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike, distance?: number): boolean;
     getSvgPathData(): string;
 }
 
@@ -4773,8 +4777,6 @@ export declare function radiansToDegrees(r: number): number;
  */
 export declare function rangeIntersection(a0: number, a1: number, b0: number, b1: number): [number, number] | null;
 
-export { react }
-
 /**
  * A map of {@link @tldraw/tlschema#StyleProp | StyleProps} to their {@link SharedStyle} values. See
  * {@link Editor.getSharedStyles}.
@@ -5098,7 +5100,7 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      *
      * @public
      */
-    canEditInReadOnly(_shape: Shape): boolean;
+    canEditInReadonly(_shape: Shape): boolean;
     /**
      * Whether the shape can be cropped.
      *
@@ -5418,10 +5420,20 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * A callback called when a shape's edge is double clicked.
      *
      * @param shape - The shape.
+     * @param info - Info about the edge.
+     * @returns A change to apply to the shape, or void.
+     * @public
+     */
+    onDoubleClickEdge?(shape: Shape, info: TLClickEventInfo): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape's corner is double clicked.
+     *
+     * @param shape - The shape.
+     * @param info - Info about the corner.
      * @returns A change to apply to the shape, or void.
      * @public
      */
-    onDoubleClickEdge?(shape: Shape): TLShapePartial<Shape> | void;
+    onDoubleClickCorner?(shape: Shape, info: TLClickEventInfo): TLShapePartial<Shape> | void;
     /**
      * A callback called when a shape is double clicked.
      *
@@ -5439,7 +5451,14 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      */
     onClick?(shape: Shape): TLShapePartial<Shape> | void;
     /**
-     * A callback called when a shape finishes being editing.
+     * A callback called when a shape starts being edited.
+     *
+     * @param shape - The shape.
+     * @public
+     */
+    onEditStart?(shape: Shape): void;
+    /**
+     * A callback called when a shape finishes being edited.
      *
      * @param shape - The shape.
      * @public
@@ -5478,8 +5497,6 @@ export declare function shortAngleDist(a0: number, a1: number): number;
 /** @public */
 export declare const SIDES: readonly ["top", "right", "bottom", "left"];
 
-export { Signal }
-
 /** @public */
 export declare const SIN: (x: number) => number;
 
@@ -5531,8 +5548,8 @@ export declare class Stadium2d extends Geometry2d {
         height: number;
         width: number;
     });
-    nearestPoint(A: Vec): Vec;
-    hitTestLineSegment(A: Vec, B: Vec): boolean;
+    nearestPoint(A: VecLike): Vec;
+    hitTestLineSegment(A: VecLike, B: VecLike): boolean;
     getVertices(): Vec[];
     getBounds(): Box;
     getLength(): number;
@@ -5736,6 +5753,7 @@ export declare class TextManager {
         fontWeight: string;
         lineHeight: number;
         minWidth?: null | number;
+        otherStyles?: Record<string, string>;
         padding: string;
     }): BoxModel & {
         scrollWidth: number;
@@ -6293,34 +6311,39 @@ export declare interface TldrawOptions {
      * nonce to use in the editor's styles.
      */
     readonly nonce: string | undefined;
+    /**
+     * Branding name of the app, currently only used for adding aria-label for the application.
+     */
+    readonly branding?: string;
 }
 
 /** @public */
 export declare interface TLEditorComponents {
     Background?: ComponentType | null;
-    SvgDefs?: ComponentType | null;
     Brush?: ComponentType<TLBrushProps> | null;
-    ZoomBrush?: ComponentType<TLBrushProps> | null;
-    ShapeIndicators?: ComponentType | null;
-    ShapeIndicator?: ComponentType<TLShapeIndicatorProps> | null;
-    Cursor?: ComponentType<TLCursorProps> | null;
     Canvas?: ComponentType<TLCanvasComponentProps> | null;
     CollaboratorBrush?: ComponentType<TLBrushProps> | null;
     CollaboratorCursor?: ComponentType<TLCursorProps> | null;
     CollaboratorHint?: ComponentType<TLCollaboratorHintProps> | null;
+    CollaboratorScribble?: ComponentType<TLScribbleProps> | null;
     CollaboratorShapeIndicator?: ComponentType<TLShapeIndicatorProps> | null;
+    Cursor?: ComponentType<TLCursorProps> | null;
     Grid?: ComponentType<TLGridProps> | null;
-    Scribble?: ComponentType<TLScribbleProps> | null;
-    CollaboratorScribble?: ComponentType<TLScribbleProps> | null;
-    SnapIndicator?: ComponentType<TLSnapIndicatorProps> | null;
-    Handles?: ComponentType<TLHandlesProps> | null;
     Handle?: ComponentType<TLHandleProps> | null;
-    Spinner?: ComponentType | null;
-    SelectionForeground?: ComponentType<TLSelectionForegroundProps> | null;
-    SelectionBackground?: ComponentType<TLSelectionBackgroundProps> | null;
-    OnTheCanvas?: ComponentType | null;
+    Handles?: ComponentType<TLHandlesProps> | null;
     InFrontOfTheCanvas?: ComponentType | null;
     LoadingScreen?: ComponentType | null;
+    OnTheCanvas?: ComponentType | null;
+    Overlays?: ComponentType | null;
+    Scribble?: ComponentType<TLScribbleProps> | null;
+    SelectionBackground?: ComponentType<TLSelectionBackgroundProps> | null;
+    SelectionForeground?: ComponentType<TLSelectionForegroundProps> | null;
+    ShapeIndicator?: ComponentType<TLShapeIndicatorProps> | null;
+    ShapeIndicators?: ComponentType | null;
+    SnapIndicator?: ComponentType<TLSnapIndicatorProps> | null;
+    Spinner?: ComponentType | null;
+    SvgDefs?: ComponentType | null;
+    ZoomBrush?: ComponentType<TLBrushProps> | null;
     ErrorFallback?: TLErrorFallbackComponent;
     ShapeErrorFallback?: TLShapeErrorFallbackComponent;
     ShapeIndicatorErrorFallback?: TLShapeIndicatorErrorFallbackComponent;
@@ -6769,6 +6792,7 @@ export declare interface TLMeasureTextSpanOpts {
     fontStyle: string;
     lineHeight: number;
     textAlign: TLDefaultHorizontalAlignStyle;
+    otherStyles?: Record<string, string>;
 }
 
 /** @public */
@@ -7406,12 +7430,6 @@ export declare function toFixed(v: number): number;
  */
 export declare function toPrecision(n: number, precision?: number): number;
 
-export { track }
-
-export { transact }
-
-export { transaction }
-
 /** @public */
 export declare class TransformedGeometry2d extends Geometry2d {
     private readonly geometry;
@@ -7420,13 +7438,13 @@ export declare class TransformedGeometry2d extends Geometry2d {
     private readonly decomposed;
     constructor(geometry: Geometry2d, matrix: MatModel, opts?: TransformedGeometry2dOptions);
     getVertices(filters: Geometry2dFilters): Vec[];
-    nearestPoint(point: Vec, filters?: Geometry2dFilters): Vec;
-    hitTestPoint(point: Vec, margin?: number, hitInside?: boolean, filters?: Geometry2dFilters): boolean;
-    distanceToPoint(point: Vec, hitInside?: boolean, filters?: Geometry2dFilters): number;
-    distanceToLineSegment(A: Vec, B: Vec, filters?: Geometry2dFilters): number;
-    hitTestLineSegment(A: Vec, B: Vec, distance?: number, filters?: Geometry2dFilters): boolean;
-    intersectLineSegment(A: VecLike, B: VecLike, filters?: Geometry2dFilters): VecLike[];
-    intersectCircle(center: VecLike, radius: number, filters?: Geometry2dFilters): VecLike[];
+    nearestPoint(point: VecLike, filters?: Geometry2dFilters): Vec;
+    hitTestPoint(point: VecLike, margin?: number, hitInside?: boolean, filters?: Geometry2dFilters): boolean;
+    distanceToPoint(point: VecLike, hitInside?: boolean, filters?: Geometry2dFilters): number;
+    distanceToLineSegment(A: VecLike, B: VecLike, filters?: Geometry2dFilters): number;
+    hitTestLineSegment(A: VecLike, B: VecLike, distance?: number, filters?: Geometry2dFilters): boolean;
+    intersectLineSegment(A: VecLike, B: VecLike, filters?: Geometry2dFilters): Vec[];
+    intersectCircle(center: VecLike, radius: number, filters?: Geometry2dFilters): Vec[];
     intersectPolygon(polygon: VecLike[], filters?: Geometry2dFilters): VecLike[];
     intersectPolyline(polyline: VecLike[], filters?: Geometry2dFilters): VecLike[];
     transform(transform: MatModel, opts?: TransformedGeometry2dOptions): Geometry2d;
@@ -7453,10 +7471,6 @@ export declare function uniq<T>(array: {
     readonly length: number;
 } | null | undefined): T[];
 
-export { useAtom }
-
-export { useComputed }
-
 /** @public */
 export declare function useContainer(): HTMLElement;
 
@@ -7526,12 +7540,9 @@ export declare function usePeerIds(): string[];
  */
 export declare function usePresence(userId: string): null | TLInstancePresence;
 
-export { useQuickReactor }
-
 /* Excluded from this release type: USER_COLORS */
 
 /* Excluded from this release type: useReactiveEvent */
-export { useReactor }
 
 /* Excluded from this release type: useRefState */
 
@@ -7594,8 +7605,6 @@ export declare function useSelectionEvents(handle: TLSelectionHandle): {
  */
 export declare function useSharedSafeId(id: string): SafeId;
 
-export { useStateTracking }
-
 /**
  * Returns the current SVG export context. Returns null if the component isn't being rendered for an
  * SVG export.
@@ -7629,8 +7638,6 @@ export declare function useTransform(ref: React.RefObject<HTMLElement | SVGEleme
  */
 export declare function useUniqueSafeId(suffix?: string): SafeId;
 
-export { useValue }
-
 /** @public */
 export declare function useViewportHeight(): number;
 
@@ -7702,6 +7709,7 @@ export declare class Vec {
     static Per(A: VecLike): Vec;
     static Abs(A: VecLike): Vec;
     static Dist(A: VecLike, B: VecLike): number;
+    static ManhattanDist(A: VecLike, B: VecLike): number;
     static DistMin(A: VecLike, B: VecLike, n: number): boolean;
     static Dist2(A: VecLike, B: VecLike): number;
     /**
@@ -7749,7 +7757,15 @@ export declare class Vec {
     static Cast(A: VecLike): Vec;
     static Slope(A: VecLike, B: VecLike): number;
     static IsNaN(A: VecLike): boolean;
+    /**
+     * Get the angle from position A to position B.
+     */
     static Angle(A: VecLike, B: VecLike): number;
+    /**
+     * Get the angle between vector A and vector B. This will return the smallest angle between the
+     * two vectors, between -π and π. The sign indicates direction of angle.
+     */
+    static AngleBetween(A: VecLike, B: VecLike): number;
     /**
      * Linearly interpolate between two points.
      * @param A - The first point.
@@ -7793,9 +7809,9 @@ export declare class Vec {
 /** @public */
 export declare type VecLike = Vec | VecModel;
 
-export { whyAmIRunning }
-
 
+export * from "@tldraw/state";
+export * from "@tldraw/state-react";
 export * from "@tldraw/store";
 export * from "@tldraw/tlschema";
 export * from "@tldraw/utils";