@tldraw/editor 3.15.0-canary.51c2773438c3 → 3.15.0-canary.53600affdb31

package/dist-esm/index.d.mts

@@ -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
@@ -4013,7 +4017,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 +4025,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 +4051,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 +4061,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 +4322,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 +4467,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 +4523,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 +4829,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 +4864,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 +4891,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 +5034,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 +5418,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 +5452,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 +5478,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 +5521,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 +5757,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 +5796,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 +5857,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 +6203,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 +6480,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 +6607,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 +6826,7 @@ export declare interface TLGridProps {
 export declare interface TLHandleDragInfo<T extends TLShape> {
     handle: TLHandle;
     isPrecise: boolean;
+    isCreatingShape: boolean;
     initial?: T | undefined;
 }
 
@@ -7502,6 +7564,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 +7733,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 +7750,7 @@ export declare class UserPreferencesManager {
      */
     getEdgeScrollSpeed(): number;
     getAnimationSpeed(): number;
+    getAreKeyboardShortcutsEnabled(): boolean;
     getId(): string;
     getName(): string;
     getLocale(): string;

package/dist-esm/index.mjs

@@ -10,19 +10,6 @@ export * from "@tldraw/store";
 export * from "@tldraw/tlschema";
 export * from "@tldraw/utils";
 export * from "@tldraw/validate";
-import {
-  ErrorScreen,
-  LoadingScreen,
-  TldrawEditor,
-  useOnMount
-} from "./lib/TldrawEditor.mjs";
-import {
-  ErrorBoundary,
-  OptionalErrorBoundary
-} from "./lib/components/ErrorBoundary.mjs";
-import { HTMLContainer } from "./lib/components/HTMLContainer.mjs";
-import { MenuClickCapture } from "./lib/components/MenuClickCapture.mjs";
-import { SVGContainer } from "./lib/components/SVGContainer.mjs";
 import { DefaultBackground } from "./lib/components/default-components/DefaultBackground.mjs";
 import { DefaultBrush } from "./lib/components/default-components/DefaultBrush.mjs";
 import {
@@ -64,38 +51,45 @@ import {
 } from "./lib/components/default-components/DefaultSnapIndictor.mjs";
 import { DefaultSpinner } from "./lib/components/default-components/DefaultSpinner.mjs";
 import { DefaultSvgDefs } from "./lib/components/default-components/DefaultSvgDefs.mjs";
+import {
+  ErrorBoundary,
+  OptionalErrorBoundary
+} from "./lib/components/ErrorBoundary.mjs";
+import { HTMLContainer } from "./lib/components/HTMLContainer.mjs";
+import { MenuClickCapture } from "./lib/components/MenuClickCapture.mjs";
+import { SVGContainer } from "./lib/components/SVGContainer.mjs";
+import {
+  createTLSchemaFromUtils,
+  createTLStore,
+  inlineBase64AssetStore
+} from "./lib/config/createTLStore.mjs";
+import { createTLUser, useTldrawUser } from "./lib/config/createTLUser.mjs";
+import { coreShapes } from "./lib/config/defaultShapes.mjs";
 import {
   getSnapshot,
   loadSnapshot
 } from "./lib/config/TLEditorSnapshot.mjs";
 import {
-  TAB_ID,
   createSessionStateSnapshotSignal,
   extractSessionStateFromLegacySnapshot,
-  loadSessionStateSnapshotIntoStore
+  loadSessionStateSnapshotIntoStore,
+  TAB_ID
 } from "./lib/config/TLSessionStateSnapshot.mjs";
 import {
-  USER_COLORS,
   defaultUserPreferences,
   getFreshUserPreferences,
   getUserPreferences,
   setUserPreferences,
+  USER_COLORS,
   userTypeValidator
 } from "./lib/config/TLUserPreferences.mjs";
-import {
-  createTLSchemaFromUtils,
-  createTLStore,
-  inlineBase64AssetStore
-} from "./lib/config/createTLStore.mjs";
-import { createTLUser, useTldrawUser } from "./lib/config/createTLUser.mjs";
-import { coreShapes } from "./lib/config/defaultShapes.mjs";
 import { DEFAULT_ANIMATION_OPTIONS, DEFAULT_CAMERA_OPTIONS, SIDES } from "./lib/constants.mjs";
-import {
-  Editor
-} from "./lib/editor/Editor.mjs";
 import {
   BindingUtil
 } from "./lib/editor/bindings/BindingUtil.mjs";
+import {
+  Editor
+} from "./lib/editor/Editor.mjs";
 import { ClickManager } from "./lib/editor/managers/ClickManager/ClickManager.mjs";
 import { EdgeScrollManager } from "./lib/editor/managers/EdgeScrollManager/EdgeScrollManager.mjs";
 import {
@@ -117,10 +111,10 @@ import {
 } from "./lib/editor/managers/TextManager/TextManager.mjs";
 import { UserPreferencesManager } from "./lib/editor/managers/UserPreferencesManager/UserPreferencesManager.mjs";
 import { BaseBoxShapeUtil } from "./lib/editor/shapes/BaseBoxShapeUtil.mjs";
+import { GroupShapeUtil } from "./lib/editor/shapes/group/GroupShapeUtil.mjs";
 import {
   ShapeUtil
 } from "./lib/editor/shapes/ShapeUtil.mjs";
-import { GroupShapeUtil } from "./lib/editor/shapes/group/GroupShapeUtil.mjs";
 import {
   getPerfectDashProps
 } from "./lib/editor/shapes/shared/getPerfectDashProps.mjs";
@@ -129,13 +123,13 @@ import { resizeScaled } from "./lib/editor/shapes/shared/resizeScaled.mjs";
 import { BaseBoxShapeTool } from "./lib/editor/tools/BaseBoxShapeTool/BaseBoxShapeTool.mjs";
 import { maybeSnapToGrid } from "./lib/editor/tools/BaseBoxShapeTool/children/Pointing.mjs";
 import { StateNode } from "./lib/editor/tools/StateNode.mjs";
+import {
+  EVENT_NAME_MAP
+} from "./lib/editor/types/event-types.mjs";
 import {
   useDelaySvgExport,
   useSvgExportContext
 } from "./lib/editor/types/SvgExportContext.mjs";
-import {
-  EVENT_NAME_MAP
-} from "./lib/editor/types/event-types.mjs";
 import { getSvgAsImage } from "./lib/exports/getSvgAsImage.mjs";
 import { tlenv } from "./lib/globals/environment.mjs";
 import { tlmenus } from "./lib/globals/menus.mjs";
@@ -184,8 +178,6 @@ import {
   ROTATE_CORNER_TO_SELECTION_CORNER,
   rotateSelectionHandle
 } from "./lib/primitives/Box.mjs";
-import { Mat } from "./lib/primitives/Mat.mjs";
-import { Vec } from "./lib/primitives/Vec.mjs";
 import { EASINGS } from "./lib/primitives/easings.mjs";
 import { Arc2d } from "./lib/primitives/geometry/Arc2d.mjs";
 import { Circle2d } from "./lib/primitives/geometry/Circle2d.mjs";
@@ -193,6 +185,7 @@ import { CubicBezier2d } from "./lib/primitives/geometry/CubicBezier2d.mjs";
 import { CubicSpline2d } from "./lib/primitives/geometry/CubicSpline2d.mjs";
 import { Edge2d } from "./lib/primitives/geometry/Edge2d.mjs";
 import { Ellipse2d } from "./lib/primitives/geometry/Ellipse2d.mjs";
+import { getVerticesCountForArcLength } from "./lib/primitives/geometry/geometry-constants.mjs";
 import {
   Geometry2d,
   Geometry2dFilters,
@@ -218,11 +211,8 @@ import {
   polygonIntersectsPolyline,
   polygonsIntersect
 } from "./lib/primitives/intersect.mjs";
+import { Mat } from "./lib/primitives/Mat.mjs";
 import {
-  HALF_PI,
-  PI,
-  PI2,
-  SIN,
   angleDistance,
   approximately,
   areAnglesCompatible,
@@ -239,22 +229,29 @@ import {
   getPointOnCircle,
   getPointsOnArc,
   getPolygonVertices,
+  HALF_PI,
   isSafeFloat,
   perimeterOfEllipse,
+  PI,
+  PI2,
   pointInPolygon,
   precise,
   radiansToDegrees,
   rangeIntersection,
   shortAngleDist,
+  SIN,
   snapAngle,
   toDomPrecision,
   toFixed,
   toPrecision
 } from "./lib/primitives/utils.mjs";
+import { Vec } from "./lib/primitives/Vec.mjs";
 import {
-  ReadonlySharedStyleMap,
-  SharedStyleMap
-} from "./lib/utils/SharedStylesMap.mjs";
+  ErrorScreen,
+  LoadingScreen,
+  TldrawEditor,
+  useOnMount
+} from "./lib/TldrawEditor.mjs";
 import { dataUrlToFile, getDefaultCdnBaseUrl } from "./lib/utils/assets.mjs";
 import { clampToBrowserMaxCanvasSize } from "./lib/utils/browserCanvasMaxSize.mjs";
 import {
@@ -289,8 +286,12 @@ import {
   getRotationSnapshot
 } from "./lib/utils/rotation.mjs";
 import { runtime, setRuntimeOverrides } from "./lib/utils/runtime.mjs";
-import { LocalIndexedDb, Table } from "./lib/utils/sync/LocalIndexedDb.mjs";
+import {
+  ReadonlySharedStyleMap,
+  SharedStyleMap
+} from "./lib/utils/SharedStylesMap.mjs";
 import { hardReset } from "./lib/utils/sync/hardReset.mjs";
+import { LocalIndexedDb, Table } from "./lib/utils/sync/LocalIndexedDb.mjs";
 import { uniq } from "./lib/utils/uniq.mjs";
 import { openWindow } from "./lib/utils/window-open.mjs";
 function debugEnableLicensing() {
@@ -298,7 +299,7 @@ function debugEnableLicensing() {
 }
 registerTldrawLibraryVersion(
   "@tldraw/editor",
-  "3.15.0-canary.51c2773438c3",
+  "3.15.0-canary.53600affdb31",
   "esm"
 );
 export {
@@ -427,6 +428,7 @@ export {
   getSvgAsImage,
   getSvgPathFromPoints,
   getUserPreferences,
+  getVerticesCountForArcLength,
   hardReset,
   hardResetEditor,
   inlineBase64AssetStore,