@tldraw/editor 3.15.0-canary.5b91d27bf6f0 → 3.15.0-canary.5c62460ab7f9

package/dist-cjs/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-
 import { Atom } from '@tldraw/state';
 import { BoxModel } from '@tldraw/tlschema';
 import { ComponentType } from 'react';
@@ -19,8 +17,8 @@ import { NamedExoticComponent } from 'react';
 import { Node as Node_2 } from '@tiptap/pm/model';
 import { PerformanceTracker } from '@tldraw/utils';
 import { PointerEventHandler } from 'react';
-import { default as React_2 } from 'react';
-import * as React_3 from 'react';
+import * as React_2 from 'react';
+import { default as React_3 } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RecordProps } from '@tldraw/tlschema';
@@ -59,6 +57,7 @@ import { TLImageAsset } from '@tldraw/tlschema';
 import { TLInstance } from '@tldraw/tlschema';
 import { TLInstancePageState } from '@tldraw/tlschema';
 import { TLInstancePresence } from '@tldraw/tlschema';
+import { TLOpacityType } from '@tldraw/tlschema';
 import { TLPage } from '@tldraw/tlschema';
 import { TLPageId } from '@tldraw/tlschema';
 import { TLParentId } from '@tldraw/tlschema';
@@ -716,8 +715,8 @@ export declare function createTLStore({ initialData, defaultName, id, assets, on
 
 /** @public */
 export declare function createTLUser(opts?: {
-    setUserPreferences?: ((userPreferences: TLUserPreferences) => void) | undefined;
-    userPreferences?: Signal<TLUserPreferences, unknown> | undefined;
+    setUserPreferences?: (userPreferences: TLUserPreferences) => void;
+    userPreferences?: Signal<TLUserPreferences>;
 }): TLUser;
 
 /** @public */
@@ -726,10 +725,12 @@ export declare class CubicBezier2d extends Polyline2d {
     private _b;
     private _c;
     private _d;
+    private _resolution;
     constructor(config: Omit<Geometry2dOptions, 'isClosed' | 'isFilled'> & {
         cp1: Vec;
         cp2: Vec;
         end: Vec;
+        resolution?: number;
         start: Vec;
     });
     getVertices(): Vec[];
@@ -820,7 +821,7 @@ export declare const DefaultShapeIndicators: NamedExoticComponent<TLShapeIndicat
 export declare function DefaultSnapIndicator({ className, line, zoom }: TLSnapIndicatorProps): JSX_2.Element;
 
 /** @public @react */
-export declare function DefaultSpinner(): JSX_2.Element;
+export declare function DefaultSpinner(props: React.SVGProps<SVGSVGElement>): JSX_2.Element;
 
 /** @public @react */
 export declare const DefaultSvgDefs: () => null;
@@ -848,7 +849,7 @@ export declare const defaultTldrawOptions: {
     readonly edgeScrollSpeed: 25;
     readonly enableToolbarKeyboardShortcuts: true;
     readonly exportProvider: ExoticComponent<    {
-    children?: ReactNode;
+    children?: ReactNode | undefined;
     }>;
     readonly flattenImageBoundsExpand: 64;
     readonly flattenImageBoundsPadding: 16;
@@ -888,6 +889,7 @@ export declare const defaultTldrawOptions: {
 /** @public */
 export declare const defaultUserPreferences: Readonly<{
     animationSpeed: 0 | 1;
+    areKeyboardShortcutsEnabled: true;
     color: "#02B1CC" | "#11B3A3" | "#39B178" | "#55B467" | "#7B66DC" | "#9D5BD2" | "#BD54C6" | "#E34BA9" | "#EC5E41" | "#F04F88" | "#F2555A" | "#FF802B";
     colorScheme: "light";
     edgeScrollSpeed: 1;
@@ -1018,8 +1020,8 @@ export declare class Editor extends EventEmitter<TLEventMap> {
     readonly timers: {
         dispose: () => void;
         requestAnimationFrame: (callback: FrameRequestCallback) => number;
-        setInterval: (handler: TimerHandler, timeout?: number | undefined, ...args: any[]) => number;
-        setTimeout: (handler: TimerHandler, timeout?: number | undefined, ...args: any[]) => number;
+        setInterval: (handler: TimerHandler, timeout?: number, ...args: any[]) => number;
+        setTimeout: (handler: TimerHandler, timeout?: number, ...args: any[]) => number;
     };
     /**
      * A manager for the user and their preferences.
@@ -1553,7 +1555,9 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      */
     deselect(...shapes: TLShape[] | TLShapeId[]): this;
     /**
-     * Select all direct children of the current page.
+     * Select all shapes. If the user has selected shapes that share a parent,
+     * select all shapes within that parent. If the user has not selected any shapes,
+     * or if the shapes shapes are only on select all shapes on the current page.
      *
      * @example
      * ```ts
@@ -1587,7 +1591,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      *
      * @public
      */
-    getNearestAdjacentShape(currentShapeId: TLShapeId, direction: 'down' | 'left' | 'right' | 'up'): TLShapeId;
+    getNearestAdjacentShape(shapes: TLShape[], currentShapeId: TLShapeId, direction: 'down' | 'left' | 'right' | 'up'): TLShapeId;
     selectParentShape(): void;
     selectFirstChildShape(): void;
     private _selectShapesAndZoom;
@@ -2068,10 +2072,10 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      */
     slideCamera(opts?: {
         direction: VecLike;
-        force?: boolean | undefined;
-        friction?: number | undefined;
+        force?: boolean;
+        friction?: number;
         speed: number;
-        speedThreshold?: number | undefined;
+        speedThreshold?: number;
     }): this;
     /**
      * Animate the camera to a user's cursor position. This also briefly show the user's cursor if it's not currently visible.
@@ -2683,12 +2687,12 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      */
     getShapeAtPoint(point: VecLike, opts?: {
         filter?(shape: TLShape): boolean;
-        hitFrameInside?: boolean | undefined;
-        hitInside?: boolean | undefined;
-        hitLabels?: boolean | undefined;
-        hitLocked?: boolean | undefined;
-        margin?: number | undefined;
-        renderingOnly?: boolean | undefined;
+        hitFrameInside?: boolean;
+        hitInside?: boolean;
+        hitLabels?: boolean;
+        hitLocked?: boolean;
+        margin?: number;
+        renderingOnly?: boolean;
     }): TLShape | undefined;
     /**
      * Get the shapes, if any, at a given page point.
@@ -2707,8 +2711,8 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getShapesAtPoint(point: VecLike, opts?: {
-        hitInside?: boolean | undefined;
-        margin?: number | undefined;
+        hitInside?: boolean;
+        margin?: number;
     }): TLShape[];
     /**
      * Test whether a point (in the current page space) will will a shape. This method takes into account masks,
@@ -2726,8 +2730,8 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     isPointInShape(shape: TLShape | TLShapeId, point: VecLike, opts?: {
-        hitInside?: boolean | undefined;
-        margin?: number | undefined;
+        hitInside?: boolean;
+        margin?: number;
     }): boolean;
     /**
      * Convert a point in the current page space to a point in the local space of a shape. For example, if a
@@ -3789,6 +3793,21 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     complete(): this;
+    /**
+     * Dispatch a pointer move event in the current position of the pointer. This is useful when
+     * external circumstances have changed (e.g. the camera moved or a shape was moved) and you want
+     * the current interaction to respond to that change.
+     *
+     * @example
+     * ```ts
+     * editor.updatePointer()
+     * ```
+     *
+     * @param options - The options for updating the pointer.
+     * @returns The editor instance.
+     * @public
+     */
+    updatePointer(options?: TLUpdatePointerOptions): this;
     /**
      * Puts the editor into focused mode.
      *
@@ -4013,7 +4032,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
 }
 
 /** @public */
-export declare const EditorContext: React_2.Context<Editor | null>;
+export declare const EditorContext: React_3.Context<Editor | null>;
 
 /** @public @react */
 export declare function EditorProvider({ editor, children }: EditorProviderProps): JSX_2.Element;
@@ -4021,7 +4040,7 @@ export declare function EditorProvider({ editor, children }: EditorProviderProps
 /** @public */
 export declare interface EditorProviderProps {
     editor: Editor;
-    children: React_2.ReactNode;
+    children: React_3.ReactNode;
 }
 
 /** @public */
@@ -4047,7 +4066,7 @@ export declare class Ellipse2d extends Geometry2d {
 }
 
 /** @public */
-export declare class ErrorBoundary extends React_3.Component<React_3.PropsWithRef<React_3.PropsWithChildren<TLErrorBoundaryProps>>, {
+export declare class ErrorBoundary extends React_2.Component<React_2.PropsWithRef<React_2.PropsWithChildren<TLErrorBoundaryProps>>, {
     error: Error | null;
 }> {
     static getDerivedStateFromError(error: Error): {
@@ -4057,7 +4076,7 @@ export declare class ErrorBoundary extends React_3.Component<React_3.PropsWithRe
         error: null;
     };
     componentDidCatch(error: unknown): void;
-    render(): boolean | JSX_2.Element | Iterable<React_3.ReactNode> | null | number | string | undefined;
+    render(): boolean | JSX_2.Element | Iterable<React_2.ReactNode> | null | number | string | undefined;
 }
 
 /** @public @react */
@@ -4318,6 +4337,8 @@ export declare function getSvgPathFromPoints(points: VecLike[], closed?: boolean
 /** @public */
 export declare function getUserPreferences(): TLUserPreferences;
 
+/* Excluded from this release type: getVerticesCountForArcLength */
+
 /** @public */
 export declare class Group2d extends Geometry2d {
     children: Geometry2d[];
@@ -4461,7 +4482,7 @@ export declare class HistoryManager<R extends UnknownRecord> {
 export declare function HTMLContainer({ children, className, ...rest }: HTMLContainerProps): JSX_2.Element;
 
 /** @public */
-export declare type HTMLContainerProps = React_3.HTMLAttributes<HTMLDivElement>;
+export declare type HTMLContainerProps = React_2.HTMLAttributes<HTMLDivElement>;
 
 /** @public */
 export declare const inlineBase64AssetStore: TLAssetStore;
@@ -4517,7 +4538,7 @@ export declare function intersectLineSegmentCircle(a1: VecLike, a2: VecLike, c:
  * @param b2 - The second segment's second point.
  * @public
  */
-export declare function intersectLineSegmentLineSegment(a1: VecLike, a2: VecLike, b1: VecLike, b2: VecLike): null | Vec;
+export declare function intersectLineSegmentLineSegment(a1: VecLike, a2: VecLike, b1: VecLike, b2: VecLike, precision?: number): null | Vec;
 
 /**
  * Find the intersections between a line segment and a closed polygon.
@@ -4823,7 +4844,7 @@ export declare function precise(A: VecLike): string;
  * @param event - To prevent default on
  * @public
  */
-export declare function preventDefault(event: Event | React_2.BaseSyntheticEvent): void;
+export declare function preventDefault(event: Event | React_3.BaseSyntheticEvent): void;
 
 /**
  * Convert radians to degrees.
@@ -4858,10 +4879,10 @@ export declare class ReadonlySharedStyleMap {
     getAsKnownValue<T>(prop: StyleProp<T>): T | undefined;
     get size(): number;
     equals(other: ReadonlySharedStyleMap): boolean;
-    keys(): IterableIterator<StyleProp<any>>;
-    values(): IterableIterator<SharedStyle<unknown>>;
-    entries(): IterableIterator<[StyleProp<any>, SharedStyle<unknown>]>;
-    [Symbol.iterator](): IterableIterator<[StyleProp<any>, SharedStyle<unknown>]>;
+    keys(): MapIterator<StyleProp<any>>;
+    values(): MapIterator<SharedStyle<unknown>>;
+    entries(): MapIterator<[StyleProp<any>, SharedStyle<unknown>]>;
+    [Symbol.iterator](): MapIterator<[StyleProp<any>, SharedStyle<unknown>]>;
 }
 
 /** @public */
@@ -4885,7 +4906,7 @@ export declare class Rectangle2d extends Polygon2d {
 export declare function refreshPage(): void;
 
 /** @public */
-export declare function releasePointerCapture(element: Element, event: PointerEvent | React_2.PointerEvent<Element>): void;
+export declare function releasePointerCapture(element: Element, event: PointerEvent | React_3.PointerEvent<Element>): void;
 
 /** @public */
 export declare type RequiredKeys<T, K extends keyof T> = Required<Pick<T, K>> & Omit<T, K>;
@@ -5028,7 +5049,7 @@ export declare type SelectionEdge = 'bottom' | 'left' | 'right' | 'top';
 export declare type SelectionHandle = SelectionCorner | SelectionEdge;
 
 /** @public */
-export declare function setPointerCapture(element: Element, event: PointerEvent | React_2.PointerEvent<Element>): void;
+export declare function setPointerCapture(element: Element, event: PointerEvent | React_3.PointerEvent<Element>): void;
 
 /** @public */
 export declare function setRuntimeOverrides(input: Partial<typeof runtime>): void;
@@ -5412,6 +5433,14 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     onResizeEnd?(initial: Shape, current: Shape): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape resize is cancelled.
+     *
+     * @param initial - The shape at the start of the resize.
+     * @param current - The current shape.
+     * @public
+     */
+    onResizeCancel?(initial: Shape, current: Shape): void;
     /**
      * A callback called when a shape starts being translated.
      *
@@ -5438,6 +5467,23 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     onTranslateEnd?(initial: Shape, current: Shape): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape translation is cancelled.
+     *
+     * @param initial - The shape at the start of the translation.
+     * @param current - The current shape.
+     * @public
+     */
+    onTranslateCancel?(initial: Shape, current: Shape): void;
+    /**
+     * A callback called when a shape's handle starts being dragged.
+     *
+     * @param shape - The shape.
+     * @param info - An object containing the handle and whether the handle is 'precise' or not.
+     * @returns A change to apply to the shape, or void.
+     * @public
+     */
+    onHandleDragStart?(shape: Shape, info: TLHandleDragInfo<Shape>): TLShapePartial<Shape> | void;
     /**
      * A callback called when a shape's handle changes.
      *
@@ -5447,6 +5493,23 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     onHandleDrag?(shape: Shape, info: TLHandleDragInfo<Shape>): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape's handle finishes being dragged.
+     *
+     * @param current - The current shape.
+     * @param info - An object containing the handle and whether the handle is 'precise' or not.
+     * @returns A change to apply to the shape, or void.
+     * @public
+     */
+    onHandleDragEnd?(current: Shape, info: TLHandleDragInfo<Shape>): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape's handle drag is cancelled.
+     *
+     * @param current - The current shape.
+     * @param info - An object containing the handle and whether the handle is 'precise' or not.
+     * @public
+     */
+    onHandleDragCancel?(current: Shape, info: TLHandleDragInfo<Shape>): void;
     /**
      * A callback called when a shape starts being rotated.
      *
@@ -5473,6 +5536,14 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     onRotateEnd?(initial: Shape, current: Shape): TLShapePartial<Shape> | void;
+    /**
+     * A callback called when a shape rotation is cancelled.
+     *
+     * @param initial - The shape at the start of the rotation.
+     * @param current - The current shape.
+     * @public
+     */
+    onRotateCancel?(initial: Shape, current: Shape): void;
     /* Excluded from this release type: onBindingChange */
     /**
      * A callback called when a shape's children change.
@@ -5701,6 +5772,12 @@ export declare abstract class StateNode implements Partial<TLEventHandlers> {
     _currentToolIdMask: Atom<string | undefined, unknown>;
     getCurrentToolIdMask(): string | undefined;
     setCurrentToolIdMask(id: string | undefined): void;
+    /**
+     * Add a child node to this state node.
+     *
+     * @public
+     */
+    addChild(childConstructor: TLStateNodeConstructor): this;
     onWheel?(info: TLWheelEventInfo): void;
     onPointerDown?(info: TLPointerEventInfo): void;
     onPointerMove?(info: TLPointerEventInfo): void;
@@ -5734,7 +5811,7 @@ export declare function suffixSafeId(id: SafeId, suffix: string): SafeId;
 export declare function SVGContainer({ children, className, ...rest }: SVGContainerProps): JSX_2.Element;
 
 /** @public */
-export declare type SVGContainerProps = React_3.ComponentProps<'svg'>;
+export declare type SVGContainerProps = React_2.ComponentProps<'svg'>;
 
 /** @public */
 export declare interface SvgExportContext {
@@ -5795,10 +5872,9 @@ export declare const TAB_ID: string;
 export declare class TextManager {
     editor: Editor;
     private elm;
-    private defaultStyles;
     constructor(editor: Editor);
+    private setElementStyles;
     dispose(): void;
-    private resetElmStyles;
     measureText(textToMeasure: string, opts: TLMeasureTextOpts): BoxModel & {
         scrollWidth: number;
     };
@@ -6142,7 +6218,7 @@ export declare interface TLDragShapesOverInfo {
 }
 
 /** @public @react */
-export declare const TldrawEditor: React_2.NamedExoticComponent<TldrawEditorProps>;
+export declare const TldrawEditor: React_3.NamedExoticComponent<TldrawEditorProps>;
 
 /**
  * Base props for the {@link tldraw#Tldraw} and {@link TldrawEditor} components.
@@ -6419,7 +6495,7 @@ export declare interface TLEditorComponents {
     ShapeIndicator?: ComponentType<TLShapeIndicatorProps> | null;
     ShapeIndicators?: ComponentType | null;
     SnapIndicator?: ComponentType<TLSnapIndicatorProps> | null;
-    Spinner?: ComponentType | null;
+    Spinner?: ComponentType<React.SVGProps<SVGSVGElement>> | null;
     SvgDefs?: ComponentType | null;
     ZoomBrush?: ComponentType<TLBrushProps> | null;
     ErrorFallback?: TLErrorFallbackComponent;
@@ -6546,7 +6622,7 @@ export declare const tlenv: {
 
 /** @public */
 export declare interface TLErrorBoundaryProps {
-    children: React_3.ReactNode;
+    children: React_2.ReactNode;
     onError?: ((error: unknown) => void) | null;
     fallback: TLErrorFallbackComponent;
 }
@@ -6765,6 +6841,7 @@ export declare interface TLGridProps {
 export declare interface TLHandleDragInfo<T extends TLShape> {
     handle: TLHandle;
     isPrecise: boolean;
+    isCreatingShape: boolean;
     initial?: T | undefined;
 }
 
@@ -7473,6 +7550,25 @@ export declare interface TLTldrawExternalContentSource {
     data: TLContent;
 }
 
+/** @public */
+export declare interface TLUpdatePointerOptions {
+    /** Whether to update the pointer immediately, rather than on the next tick. */
+    immediate?: boolean;
+    /**
+     * The point, in screen-space, to update the pointer to. Defaults to the position of the last
+     * pointer event.
+     */
+    point?: VecLike;
+    pointerId?: number;
+    ctrlKey?: boolean;
+    altKey?: boolean;
+    shiftKey?: boolean;
+    metaKey?: boolean;
+    accelKey?: boolean;
+    isPen?: boolean;
+    button?: number;
+}
+
 /** @public */
 export declare interface TLUrlExternalAsset {
     type: 'url';
@@ -7502,6 +7598,7 @@ export declare interface TLUserPreferences {
     color?: null | string;
     locale?: null | string;
     animationSpeed?: null | number;
+    areKeyboardShortcutsEnabled?: boolean | null;
     edgeScrollSpeed?: null | number;
     colorScheme?: 'dark' | 'light' | 'system';
     isSnapMode?: boolean | null;
@@ -7670,6 +7767,7 @@ export declare class UserPreferencesManager {
     updateUserPreferences(userPreferences: Partial<TLUserPreferences>): void;
     getUserPreferences(): {
         animationSpeed: number;
+        areKeyboardShortcutsEnabled: boolean;
         color: string;
         colorScheme: "dark" | "light" | "system" | undefined;
         id: string;
@@ -7686,6 +7784,7 @@ export declare class UserPreferencesManager {
      */
     getEdgeScrollSpeed(): number;
     getAnimationSpeed(): number;
+    getAreKeyboardShortcutsEnabled(): boolean;
     getId(): string;
     getName(): string;
     getLocale(): string;

package/dist-cjs/index.js

@@ -144,6 +144,7 @@ __export(index_exports, {
   getSvgAsImage: () => import_getSvgAsImage.getSvgAsImage,
   getSvgPathFromPoints: () => import_getSvgPathFromPoints.getSvgPathFromPoints,
   getUserPreferences: () => import_TLUserPreferences.getUserPreferences,
+  getVerticesCountForArcLength: () => import_geometry_constants.getVerticesCountForArcLength,
   hardReset: () => import_hardReset.hardReset,
   hardResetEditor: () => import_hardResetEditor.hardResetEditor,
   inlineBase64AssetStore: () => import_createTLStore.inlineBase64AssetStore,
@@ -241,11 +242,6 @@ __reExport(index_exports, require("@tldraw/store"), module.exports);
 __reExport(index_exports, require("@tldraw/tlschema"), module.exports);
 __reExport(index_exports, require("@tldraw/utils"), module.exports);
 __reExport(index_exports, require("@tldraw/validate"), module.exports);
-var import_TldrawEditor = require("./lib/TldrawEditor");
-var import_ErrorBoundary = require("./lib/components/ErrorBoundary");
-var import_HTMLContainer = require("./lib/components/HTMLContainer");
-var import_MenuClickCapture = require("./lib/components/MenuClickCapture");
-var import_SVGContainer = require("./lib/components/SVGContainer");
 var import_DefaultBackground = require("./lib/components/default-components/DefaultBackground");
 var import_DefaultBrush = require("./lib/components/default-components/DefaultBrush");
 var import_DefaultCanvas = require("./lib/components/default-components/DefaultCanvas");
@@ -263,15 +259,19 @@ var import_DefaultShapeIndicators = require("./lib/components/default-components
 var import_DefaultSnapIndictor = require("./lib/components/default-components/DefaultSnapIndictor");
 var import_DefaultSpinner = require("./lib/components/default-components/DefaultSpinner");
 var import_DefaultSvgDefs = require("./lib/components/default-components/DefaultSvgDefs");
-var import_TLEditorSnapshot = require("./lib/config/TLEditorSnapshot");
-var import_TLSessionStateSnapshot = require("./lib/config/TLSessionStateSnapshot");
-var import_TLUserPreferences = require("./lib/config/TLUserPreferences");
+var import_ErrorBoundary = require("./lib/components/ErrorBoundary");
+var import_HTMLContainer = require("./lib/components/HTMLContainer");
+var import_MenuClickCapture = require("./lib/components/MenuClickCapture");
+var import_SVGContainer = require("./lib/components/SVGContainer");
 var import_createTLStore = require("./lib/config/createTLStore");
 var import_createTLUser = require("./lib/config/createTLUser");
 var import_defaultShapes = require("./lib/config/defaultShapes");
+var import_TLEditorSnapshot = require("./lib/config/TLEditorSnapshot");
+var import_TLSessionStateSnapshot = require("./lib/config/TLSessionStateSnapshot");
+var import_TLUserPreferences = require("./lib/config/TLUserPreferences");
 var import_constants = require("./lib/constants");
-var import_Editor = require("./lib/editor/Editor");
 var import_BindingUtil = require("./lib/editor/bindings/BindingUtil");
+var import_Editor = require("./lib/editor/Editor");
 var import_ClickManager = require("./lib/editor/managers/ClickManager/ClickManager");
 var import_EdgeScrollManager = require("./lib/editor/managers/EdgeScrollManager/EdgeScrollManager");
 var import_FontManager = require("./lib/editor/managers/FontManager/FontManager");
@@ -283,16 +283,16 @@ var import_SnapManager = require("./lib/editor/managers/SnapManager/SnapManager"
 var import_TextManager = require("./lib/editor/managers/TextManager/TextManager");
 var import_UserPreferencesManager = require("./lib/editor/managers/UserPreferencesManager/UserPreferencesManager");
 var import_BaseBoxShapeUtil = require("./lib/editor/shapes/BaseBoxShapeUtil");
-var import_ShapeUtil = require("./lib/editor/shapes/ShapeUtil");
 var import_GroupShapeUtil = require("./lib/editor/shapes/group/GroupShapeUtil");
+var import_ShapeUtil = require("./lib/editor/shapes/ShapeUtil");
 var import_getPerfectDashProps = require("./lib/editor/shapes/shared/getPerfectDashProps");
 var import_resizeBox = require("./lib/editor/shapes/shared/resizeBox");
 var import_resizeScaled = require("./lib/editor/shapes/shared/resizeScaled");
 var import_BaseBoxShapeTool = require("./lib/editor/tools/BaseBoxShapeTool/BaseBoxShapeTool");
 var import_Pointing = require("./lib/editor/tools/BaseBoxShapeTool/children/Pointing");
 var import_StateNode = require("./lib/editor/tools/StateNode");
-var import_SvgExportContext = require("./lib/editor/types/SvgExportContext");
 var import_event_types = require("./lib/editor/types/event-types");
+var import_SvgExportContext = require("./lib/editor/types/SvgExportContext");
 var import_getSvgAsImage = require("./lib/exports/getSvgAsImage");
 var import_environment = require("./lib/globals/environment");
 var import_menus = require("./lib/globals/menus");
@@ -321,8 +321,6 @@ var import_useViewportHeight = require("./lib/hooks/useViewportHeight");
 var import_LicenseManager = require("./lib/license/LicenseManager");
 var import_options = require("./lib/options");
 var import_Box = require("./lib/primitives/Box");
-var import_Mat = require("./lib/primitives/Mat");
-var import_Vec = require("./lib/primitives/Vec");
 var import_easings = require("./lib/primitives/easings");
 var import_Arc2d = require("./lib/primitives/geometry/Arc2d");
 var import_Circle2d = require("./lib/primitives/geometry/Circle2d");
@@ -330,6 +328,7 @@ var import_CubicBezier2d = require("./lib/primitives/geometry/CubicBezier2d");
 var import_CubicSpline2d = require("./lib/primitives/geometry/CubicSpline2d");
 var import_Edge2d = require("./lib/primitives/geometry/Edge2d");
 var import_Ellipse2d = require("./lib/primitives/geometry/Ellipse2d");
+var import_geometry_constants = require("./lib/primitives/geometry/geometry-constants");
 var import_Geometry2d = require("./lib/primitives/geometry/Geometry2d");
 var import_Group2d = require("./lib/primitives/geometry/Group2d");
 var import_Point2d = require("./lib/primitives/geometry/Point2d");
@@ -338,8 +337,10 @@ var import_Polyline2d = require("./lib/primitives/geometry/Polyline2d");
 var import_Rectangle2d = require("./lib/primitives/geometry/Rectangle2d");
 var import_Stadium2d = require("./lib/primitives/geometry/Stadium2d");
 var import_intersect = require("./lib/primitives/intersect");
+var import_Mat = require("./lib/primitives/Mat");
 var import_utils2 = require("./lib/primitives/utils");
-var import_SharedStylesMap = require("./lib/utils/SharedStylesMap");
+var import_Vec = require("./lib/primitives/Vec");
+var import_TldrawEditor = require("./lib/TldrawEditor");
 var import_assets = require("./lib/utils/assets");
 var import_browserCanvasMaxSize = require("./lib/utils/browserCanvasMaxSize");
 var import_debug_flags = require("./lib/utils/debug-flags");
@@ -356,8 +357,9 @@ var import_reparenting = require("./lib/utils/reparenting");
 var import_richText = require("./lib/utils/richText");
 var import_rotation = require("./lib/utils/rotation");
 var import_runtime = require("./lib/utils/runtime");
-var import_LocalIndexedDb = require("./lib/utils/sync/LocalIndexedDb");
+var import_SharedStylesMap = require("./lib/utils/SharedStylesMap");
 var import_hardReset = require("./lib/utils/sync/hardReset");
+var import_LocalIndexedDb = require("./lib/utils/sync/LocalIndexedDb");
 var import_uniq = require("./lib/utils/uniq");
 var import_window_open = require("./lib/utils/window-open");
 function debugEnableLicensing() {
@@ -365,7 +367,7 @@ function debugEnableLicensing() {
 }
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "3.15.0-canary.5b91d27bf6f0",
+  "3.15.0-canary.5c62460ab7f9",
   "cjs"
 );
 //# sourceMappingURL=index.js.map