@tldraw/editor 3.16.0-next.f9f54ec051f3 → 4.0.0

package/dist-cjs/index.d.ts

@@ -510,6 +510,7 @@ export declare class Box {
     static ExpandBy(A: Box, n: number): Box;
     static Collides(A: Box, B: Box): boolean;
     static Contains(A: Box, B: Box): boolean;
+    static ContainsApproximately(A: Box, B: Box, precision?: number): boolean;
     static Includes(A: Box, B: Box): boolean;
     static ContainsPoint(A: Box, B: VecLike, margin?: number): boolean;
     static Common(boxes: Box[]): Box;
@@ -760,11 +761,6 @@ export declare class CubicSpline2d extends Geometry2d {
 /** @public */
 export declare function dataUrlToFile(url: string, filename: string, mimeType: string): Promise<File>;
 
-/**
- * @deprecated Licensing is now enabled in the tldraw SDK.
- * @public */
-export declare function debugEnableLicensing(): void;
-
 /* Excluded from this release type: DebugFlag */
 
 /* Excluded from this release type: DebugFlagDef */
@@ -889,6 +885,9 @@ export declare const defaultTldrawOptions: {
     readonly nonce: undefined;
     readonly temporaryAssetPreviewLifetimeMs: 180000;
     readonly textShadowLod: 0.35;
+    readonly tooltipDelayMs: 700;
+    readonly uiCoarseDragDistanceSquared: 625;
+    readonly uiDragDistanceSquared: 16;
 };
 
 /** @public */
@@ -898,6 +897,8 @@ export declare const defaultUserPreferences: Readonly<{
     color: "#02B1CC" | "#11B3A3" | "#39B178" | "#55B467" | "#7B66DC" | "#9D5BD2" | "#BD54C6" | "#E34BA9" | "#EC5E41" | "#F04F88" | "#F2555A" | "#FF802B";
     colorScheme: "light";
     edgeScrollSpeed: 1;
+    enhancedA11yMode: false;
+    inputMode: null;
     isDynamicSizeMode: false;
     isPasteAtCursorMode: false;
     isSnapMode: false;
@@ -979,7 +980,7 @@ export declare class EdgeScrollManager {
 /** @public */
 export declare class Editor extends EventEmitter<TLEventMap> {
     readonly id: string;
-    constructor({ store, user, shapeUtils, bindingUtils, tools, getContainer, cameraOptions, textOptions, initialState, autoFocus, inferDarkMode, options, isShapeHidden, getShapeVisibility, fontAssetUrls, }: TLEditorOptions);
+    constructor({ store, user, shapeUtils, bindingUtils, tools, getContainer, cameraOptions, textOptions, initialState, autoFocus, inferDarkMode, options, getShapeVisibility, fontAssetUrls, }: TLEditorOptions);
     private readonly _getShapeVisibility?;
     private getIsShapeHiddenCache;
     isShapeHidden(shapeOrId: TLShape | TLShapeId): boolean;
@@ -1046,22 +1047,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     readonly fonts: FontManager;
-    /**
-     * A manager for the editor's environment.
-     *
-     * @deprecated This is deprecated and will be removed in a future version. Use the `tlenv` global export instead.
-     * @public
-     */
-    readonly environment: {
-        hasCanvasSupport: boolean;
-        isAndroid: boolean;
-        isChromeForIos: boolean;
-        isDarwin: boolean;
-        isFirefox: boolean;
-        isIos: boolean;
-        isSafari: boolean;
-        isWebview: boolean;
-    };
     /**
      * A manager for the editor's scribbles.
      *
@@ -1204,22 +1189,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getCanRedo(): boolean;
-    /**
-     * Create a new "mark", or stopping point, in the undo redo history. Creating a mark will clear
-     * any redos.
-     *
-     * @example
-     * ```ts
-     * editor.mark()
-     * editor.mark('flip shapes')
-     * ```
-     *
-     * @param markId - The mark's id, usually the reason for adding the mark.
-     *
-     * @public
-     * @deprecated use {@link Editor.markHistoryStoppingPoint} instead
-     */
-    mark(markId?: string): this;
     /**
      * Create a new "mark", or stopping point, in the undo redo history. Creating a mark will clear
      * any redos. You typically want to do this just before a user interaction begins or is handled.
@@ -1309,10 +1278,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     run(fn: () => void, opts?: TLEditorRunOptions): this;
-    /**
-     * @deprecated Use `Editor.run` instead.
-     */
-    batch(fn: () => void, opts?: TLEditorRunOptions): this;
     /* Excluded from this release type: annotateError */
     /* Excluded from this release type: createErrorAnnotations */
     /* Excluded from this release type: _crashingError */
@@ -1434,36 +1399,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
         hasOpenMenus: () => boolean;
         isMenuOpen: (id: string) => boolean;
     };
-    /**
-     * @deprecated Use `editor.menus.getOpenMenus` instead.
-     *
-     * @public
-     */
-    getOpenMenus(): string[];
-    /**
-     * @deprecated Use `editor.menus.addOpenMenu` instead.
-     *
-     * @public
-     */
-    addOpenMenu(id: string): this;
-    /**
-     * @deprecated Use `editor.menus.deleteOpenMenu` instead.
-     *
-     * @public
-     */
-    deleteOpenMenu(id: string): this;
-    /**
-     * @deprecated Use `editor.menus.clearOpenMenus` instead.
-     *
-     * @public
-     */
-    clearOpenMenus(): this;
-    /**
-     * @deprecated Use `editor.menus.hasAnyOpenMenus` instead.
-     *
-     * @public
-     */
-    getIsMenuOpen(): boolean;
     /**
      * Set the cursor.
      *
@@ -2690,15 +2625,7 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      *
      * @returns The shape at the given point, or undefined if there is no shape at the point.
      */
-    getShapeAtPoint(point: VecLike, opts?: {
-        filter?(shape: TLShape): boolean;
-        hitFrameInside?: boolean;
-        hitInside?: boolean;
-        hitLabels?: boolean;
-        hitLocked?: boolean;
-        margin?: number;
-        renderingOnly?: boolean;
-    }): TLShape | undefined;
+    getShapeAtPoint(point: VecLike, opts?: TLGetShapeAtPointOptions): TLShape | undefined;
     /**
      * Get the shapes, if any, at a given page point.
      *
@@ -2920,8 +2847,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * @public
      */
     getShapeAndDescendantIds(ids: TLShapeId[]): Set<TLShapeId>;
-    /** @deprecated Use {@link Editor.getDraggingOverShape} instead */
-    getDroppingOverShape(point: Vec, droppingShapes: TLShape[]): TLShape | undefined;
     /**
      * Get the shape that some shapes should be dropped on at a given point.
      *
@@ -3633,14 +3558,20 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      * Handle external content, such as files, urls, embeds, or plain text which has been put into the app, for example by pasting external text or dropping external images onto canvas.
      *
      * @param info - Info about the external content.
+     * @param opts - Options for handling external content, including force flag to bypass readonly checks.
      */
-    putExternalContent<E>(info: TLExternalContent<E>): Promise<void>;
+    putExternalContent<E>(info: TLExternalContent<E>, opts?: {
+        force?: boolean;
+    }): Promise<void>;
     /**
      * Handle replacing external content.
      *
      * @param info - Info about the external content.
+     * @param opts - Options for handling external content, including force flag to bypass readonly checks.
      */
-    replaceExternalContent<E>(info: TLExternalContent<E>): Promise<void>;
+    replaceExternalContent<E>(info: TLExternalContent<E>, opts?: {
+        force?: boolean;
+    }): Promise<void>;
     /**
      * Get content that can be exported for the given shape ids.
      *
@@ -3696,8 +3627,6 @@ export declare class Editor extends EventEmitter<TLEventMap> {
         svg: string;
         width: number;
     } | undefined>;
-    /** @deprecated Use {@link Editor.getSvgString} or {@link Editor.getSvgElement} instead. */
-    getSvg(shapes: TLShape[] | TLShapeId[], opts?: TLSvgExportOptions): Promise<SVGSVGElement | undefined>;
     /**
      * Get an exported image of the given shapes.
      *
@@ -3712,6 +3641,20 @@ export declare class Editor extends EventEmitter<TLEventMap> {
         height: number;
         width: number;
     }>;
+    /**
+     * Get an exported image of the given shapes as a data URL.
+     *
+     * @param shapes - The shapes (or shape ids) to export.
+     * @param opts - Options for the export.
+     *
+     * @returns A data URL of the image.
+     * @public
+     */
+    toImageDataUrl(shapes: TLShape[] | TLShapeId[], opts?: TLImageExportOptions): Promise<{
+        height: number;
+        url: string;
+        width: number;
+    }>;
     /**
      * The app's current input state.
      *
@@ -4017,6 +3960,31 @@ export declare class Editor extends EventEmitter<TLEventMap> {
     /* Excluded from this release type: capturedPointerId */
     /* Excluded from this release type: performanceTracker */
     /* Excluded from this release type: performanceTrackerTimeout */
+    /* Excluded from this release type: handledEvents */
+    /**
+     * In tldraw, events are sometimes handled by multiple components. For example, the shapes might
+     * have events, but the canvas handles events too. The way that the canvas handles events can
+     * interfere with the with the shapes event handlers - for example, it calls `.preventDefault()`
+     * on `pointerDown`, which also prevents `click` events from firing on the shapes.
+     *
+     * You can use `.stopPropagation()` to prevent the event from propagating to the rest of the
+     * DOM, but that can impact non-tldraw event handlers set up elsewhere. By using
+     * `markEventAsHandled`, you'll stop other parts of tldraw from handling the event without
+     * impacting other, non-tldraw event handlers. See also {@link Editor.wasEventAlreadyHandled}.
+     *
+     * @public
+     */
+    markEventAsHandled(e: {
+        nativeEvent: Event;
+    } | Event): void;
+    /**
+     * Checks if an event has already been handled. See {@link Editor.markEventAsHandled}.
+     *
+     * @public
+     */
+    wasEventAlreadyHandled(e: {
+        nativeEvent: Event;
+    } | Event): boolean;
     /**
      * Dispatch an event to the editor.
      *
@@ -4036,6 +4004,26 @@ export declare class Editor extends EventEmitter<TLEventMap> {
     /* Excluded from this release type: maybeTrackPerformance */
 }
 
+/**
+ * An Atom that is scoped to the lifetime of an Editor.
+ *
+ * This is useful for storing UI state for tldraw applications. Keeping state scoped to an editor
+ * instead of stored in a global atom can prevent issues with state being shared between editors
+ * when navigating between pages, or when multiple editor instances are used on the same page.
+ *
+ * @public
+ */
+export declare class EditorAtom<T> {
+    private name;
+    private getInitialState;
+    private states;
+    constructor(name: string, getInitialState: (editor: Editor) => T);
+    getAtom(editor: Editor): Atom<T>;
+    get(editor: Editor): T;
+    update(editor: Editor, update: (state: T) => T): T;
+    set(editor: Editor, state: T): T;
+}
+
 /** @public */
 export declare const EditorContext: React_3.Context<Editor | null>;
 
@@ -4133,6 +4121,7 @@ export declare abstract class Geometry2d {
     isLabel: boolean;
     isEmptyLabel: boolean;
     isInternal: boolean;
+    excludeFromShapeBounds: boolean;
     debugColor?: string;
     ignore?: boolean;
     constructor(opts: Geometry2dOptions);
@@ -4156,12 +4145,14 @@ export declare abstract class Geometry2d {
      * 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: VecLike, B: VecLike): Vec;
     isPointInBounds(point: VecLike, margin?: number): boolean;
+    overlapsPolygon(_polygon: VecLike[]): boolean;
     transform(transform: MatModel, opts?: TransformedGeometry2dOptions): Geometry2d;
     private _vertices;
     get vertices(): Vec[];
+    getBoundsVertices(): Vec[];
+    private _boundsVertices;
+    get boundsVertices(): Vec[];
     getBounds(): Box;
     private _bounds;
     get bounds(): Box;
@@ -4269,7 +4260,7 @@ export declare function getPerfectDashProps(totalLength: number, strokeWidth: nu
 };
 
 /** @public */
-export declare function getPointerInfo(e: PointerEvent | React.PointerEvent): {
+export declare function getPointerInfo(editor: Editor, e: PointerEvent | React.PointerEvent): {
     accelKey: boolean;
     altKey: boolean;
     button: number;
@@ -4358,6 +4349,7 @@ export declare class Group2d extends Geometry2d {
     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[];
+    getBoundsVertices(): Vec[];
     intersectPolygon(polygon: VecLike[], filters?: Geometry2dFilters): VecLike[];
     intersectPolyline(polyline: VecLike[], filters?: Geometry2dFilters): VecLike[];
     interpolateAlongEdge(t: number, filters?: Geometry2dFilters): Vec;
@@ -4367,6 +4359,7 @@ export declare class Group2d extends Geometry2d {
     toSimpleSvgPath(): string;
     getLength(filters?: Geometry2dFilters): number;
     getSvgPathData(): string;
+    overlapsPolygon(polygon: VecLike[]): boolean;
 }
 
 /** @public */
@@ -4607,12 +4600,16 @@ export declare function kickoutOccludedShapes(editor: Editor, shapeIds: TLShapeI
     filter?(parent: TLShape): boolean;
 }): void;
 
+/* Excluded from this release type: LICENSE_TIMEOUT */
+
 /* Excluded from this release type: LicenseFromKeyResult */
 
 /* Excluded from this release type: LicenseInfo */
 
 /* Excluded from this release type: LicenseManager */
 
+/* Excluded from this release type: LicenseState */
+
 /** @public */
 export declare function linesIntersect(A: VecLike, B: VecLike, C: VecLike, D: VecLike): boolean;
 
@@ -5218,7 +5215,34 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     canBeLaidOut(_shape: Shape, _info: TLShapeUtilCanBeLaidOutOpts): boolean;
+    /**
+     * Whether this shape can be culled. By default, shapes are culled for
+     * performance reasons when they are outside of the viewport. Culled shapes are still rendered
+     * to the DOM, but have their `display` property set to `none`.
+     *
+     * @param shape - The shape.
+     */
+    canCull(_shape: Shape): boolean;
     /* Excluded from this release type: providesBackgroundForChildren */
+    /**
+     * Get the clip path to apply to this shape's children.
+     *
+     * @param shape - The shape to get the clip path for
+     * @returns Array of points defining the clipping polygon in local coordinates, or undefined if no clipping
+     * @public
+     */
+    getClipPath?(shape: Shape): undefined | Vec[];
+    /**
+     * Whether a specific child shape should be clipped by this shape.
+     * Only called if getClipPath returns a valid polygon.
+     *
+     * If not defined, the default behavior is to clip all children.
+     *
+     * @param child - The child shape to check
+     * @returns boolean indicating if this child should be clipped
+     * @public
+     */
+    shouldClipChild?(child: TLShape): boolean;
     /**
      * Whether the shape should hide its resize handles when selected.
      *
@@ -5249,6 +5273,17 @@ export declare abstract class ShapeUtil<Shape extends TLUnknownShape = TLUnknown
      * @public
      */
     isAspectRatioLocked(_shape: Shape): boolean;
+    /**
+     * By default, the bounds of an image export are the bounds of all the shapes it contains, plus
+     * some padding. If an export includes a shape where `isExportBoundsContainer` is true, then the
+     * padding is skipped _if the bounds of that shape contains all the other shapes_. This is
+     * useful in cases like annotating on top of an image, where you usually want to avoid extra
+     * padding around the image if you don't need it.
+     *
+     * @param _shape - The shape to check
+     * @returns True if this shape should be treated as an export bounds container
+     */
+    isExportBoundsContainer(_shape: Shape): boolean;
     /* Excluded from this release type: backgroundComponent */
     /**
      * Get the interpolated props for an animating shape. This is an optional method.
@@ -5804,7 +5839,14 @@ export declare abstract class StateNode implements Partial<TLEventHandlers> {
     onExit?(info: any, to: string): void;
 }
 
-/** @public */
+/**
+ * Calls `event.stopPropagation()`.
+ *
+ * @deprecated Use {@link Editor.markEventAsHandled} instead, or manually call `event.stopPropagation()` if
+ * that's what you really want.
+ *
+ * @public
+ */
 export declare const stopEventPropagation: (e: any) => any;
 
 /* Excluded from this release type: StoreName */
@@ -6295,12 +6337,6 @@ export declare interface TldrawEditorBaseProps {
      * Options for syncing the editor's camera state with the URL.
      */
     deepLinks?: TLDeepLinkOptions | true;
-    /**
-     * Predicate for whether or not a shape should be hidden.
-     *
-     * @deprecated Use {@link TldrawEditorBaseProps#getShapeVisibility} instead.
-     */
-    isShapeHidden?(shape: TLShape, editor: Editor): boolean;
     /**
      * Provides a way to hide shapes.
      *
@@ -6408,6 +6444,8 @@ export declare interface TldrawOptions {
     readonly multiClickDurationMs: number;
     readonly coarseDragDistanceSquared: number;
     readonly dragDistanceSquared: number;
+    readonly uiDragDistanceSquared: number;
+    readonly uiCoarseDragDistanceSquared: number;
     readonly defaultSvgPadding: number;
     readonly cameraSlideFriction: number;
     readonly gridSteps: readonly {
@@ -6434,6 +6472,7 @@ export declare interface TldrawOptions {
     readonly flattenImageBoundsPadding: number;
     readonly laserDelayMs: number;
     readonly maxExportDelayMs: number;
+    readonly tooltipDelayMs: number;
     /**
      * How long should previews created by {@link Editor.createTemporaryAssetPreview} last before
      * they expire? Defaults to 3 minutes.
@@ -6559,15 +6598,6 @@ export declare interface TLEditorOptions {
     fontAssetUrls?: {
         [key: string]: string | undefined;
     };
-    /**
-     * A predicate that should return true if the given shape should be hidden.
-     *
-     * @deprecated Use {@link Editor#getShapeVisibility} instead.
-     *
-     * @param shape - The shape to check.
-     * @param editor - The editor instance.
-     */
-    isShapeHidden?(shape: TLShape, editor: Editor): boolean;
     /**
      * Provides a way to hide shapes.
      *
@@ -6835,6 +6865,59 @@ export declare interface TLGeometryOpts {
     context?: string;
 }
 
+/**
+ * Options to {@link Editor.getShapeAtPoint}.
+ *
+ * @public
+ */
+export declare interface TLGetShapeAtPointOptions {
+    /**
+     * The margin to apply to the shape.
+     * If a number, it will be applied to both the inside and outside of the shape.
+     * If an array, the first element will be applied to the inside of the shape, and the second element will be applied to the outside.
+     *
+     * @example
+     * ```ts
+     * // Get the shape at the center of the screen
+     * const shape = editor.getShapeAtProps({
+     *   margin: 10,
+     * })
+     *
+     * // Get the shape at the center of the screen with a 10px inner margin and a 5px outer margin
+     * const shape = editor.getShapeAtProps({
+     *   margin: [10, 5],
+     * })
+     * ```
+     */
+    margin?: [number, number] | number;
+    /**
+     * Whether to register hits inside of shapes (beyond the margin), such as the inside of a solid shape.
+     */
+    hitInside?: boolean;
+    /**
+     * Whether to register hits on locked shapes.
+     */
+    hitLocked?: boolean;
+    /**
+     * Whether to register hits on labels.
+     */
+    hitLabels?: boolean;
+    /**
+     * Whether to only return hits on shapes that are currently being rendered.
+     * todo: rename this to hitCulled or hitNotRendering
+     */
+    renderingOnly?: boolean;
+    /**
+     * Whether to register hits on the inside of frame shapes.
+     * todo: rename this to hitInsideFrames
+     */
+    hitFrameInside?: boolean;
+    /**
+     * A filter function to apply to the shapes.
+     */
+    filter?(shape: TLShape): boolean;
+}
+
 /** @public */
 export declare interface TLGridProps {
     x: number;
@@ -7505,12 +7588,6 @@ export declare interface TLSvgExportOptions {
     preserveAspectRatio?: React.SVGAttributes<SVGSVGElement>['preserveAspectRatio'];
 }
 
-/**
- * @public
- * @deprecated use {@link TLImageExportOptions} instead
- */
-export declare type TLSvgOptions = TLImageExportOptions;
-
 /** @public */
 export declare interface TLSvgTextExternalContent extends TLBaseExternalContent {
     type: 'svg-text';
@@ -7621,6 +7698,8 @@ export declare interface TLUserPreferences {
     isWrapMode?: boolean | null;
     isDynamicSizeMode?: boolean | null;
     isPasteAtCursorMode?: boolean | null;
+    enhancedA11yMode?: boolean | null;
+    inputMode?: 'mouse' | 'trackpad' | null;
 }
 
 /** @public */
@@ -7663,6 +7742,7 @@ export declare class TransformedGeometry2d extends Geometry2d {
     private readonly decomposed;
     constructor(geometry: Geometry2d, matrix: MatModel, opts?: TransformedGeometry2dOptions);
     getVertices(filters: Geometry2dFilters): Vec[];
+    getBoundsVertices(): Vec[];
     nearestPoint(point: VecLike, filters?: Geometry2dFilters): Vec;
     hitTestPoint(point: VecLike, margin?: number, hitInside?: boolean, filters?: Geometry2dFilters): boolean;
     distanceToPoint(point: VecLike, hitInside?: boolean, filters?: Geometry2dFilters): number;
@@ -7683,6 +7763,7 @@ export declare interface TransformedGeometry2dOptions {
     isInternal?: boolean;
     debugColor?: string;
     ignore?: boolean;
+    excludeFromShapeBounds?: boolean;
 }
 
 /** @public */
@@ -7786,7 +7867,9 @@ export declare class UserPreferencesManager {
         areKeyboardShortcutsEnabled: boolean;
         color: string;
         colorScheme: "dark" | "light" | "system" | undefined;
+        enhancedA11yMode: boolean;
         id: string;
+        inputMode: "mouse" | "trackpad" | null;
         isDarkMode: boolean;
         isDynamicResizeMode: boolean;
         isSnapMode: boolean;
@@ -7809,6 +7892,8 @@ export declare class UserPreferencesManager {
     getIsWrapMode(): boolean;
     getIsDynamicResizeMode(): boolean;
     getIsPasteAtCursorMode(): boolean;
+    getEnhancedA11yMode(): boolean;
+    getInputMode(): "mouse" | "trackpad" | null;
 }
 
 /** @public */
@@ -7915,8 +8000,6 @@ export declare class Vec {
     lrp(B: VecLike, t: number): Vec;
     equals(B: VecLike): boolean;
     equalsXY(x: number, y: number): boolean;
-    /** @deprecated use `uni` instead */
-    norm(): this;
     toFixed(): this;
     toString(): string;
     toJson(): VecModel;

package/dist-cjs/index.js

@@ -55,6 +55,7 @@ __export(index_exports, {
   Edge2d: () => import_Edge2d.Edge2d,
   EdgeScrollManager: () => import_EdgeScrollManager.EdgeScrollManager,
   Editor: () => import_Editor.Editor,
+  EditorAtom: () => import_EditorAtom.EditorAtom,
   EditorContext: () => import_useEditor.EditorContext,
   EditorProvider: () => import_useEditor.EditorProvider,
   Ellipse2d: () => import_Ellipse2d.Ellipse2d,
@@ -69,6 +70,7 @@ __export(index_exports, {
   HTMLContainer: () => import_HTMLContainer.HTMLContainer,
   HandleSnaps: () => import_HandleSnaps.HandleSnaps,
   HistoryManager: () => import_HistoryManager.HistoryManager,
+  LICENSE_TIMEOUT: () => import_LicenseProvider.LICENSE_TIMEOUT,
   LicenseManager: () => import_LicenseManager.LicenseManager,
   LoadingScreen: () => import_TldrawEditor.LoadingScreen,
   LocalIndexedDb: () => import_LocalIndexedDb.LocalIndexedDb,
@@ -120,7 +122,6 @@ __export(index_exports, {
   createTLStore: () => import_createTLStore.createTLStore,
   createTLUser: () => import_createTLUser.createTLUser,
   dataUrlToFile: () => import_assets.dataUrlToFile,
-  debugEnableLicensing: () => debugEnableLicensing,
   debugFlags: () => import_debug_flags.debugFlags,
   defaultTldrawOptions: () => import_options.defaultTldrawOptions,
   defaultUserPreferences: () => import_TLUserPreferences.defaultUserPreferences,
@@ -321,6 +322,7 @@ var import_useTLStore = require("./lib/hooks/useTLStore");
 var import_useTransform = require("./lib/hooks/useTransform");
 var import_useViewportHeight = require("./lib/hooks/useViewportHeight");
 var import_LicenseManager = require("./lib/license/LicenseManager");
+var import_LicenseProvider = require("./lib/license/LicenseProvider");
 var import_options = require("./lib/options");
 var import_Box = require("./lib/primitives/Box");
 var import_easings = require("./lib/primitives/easings");
@@ -348,6 +350,7 @@ var import_browserCanvasMaxSize = require("./lib/utils/browserCanvasMaxSize");
 var import_debug_flags = require("./lib/utils/debug-flags");
 var import_deepLinks = require("./lib/utils/deepLinks");
 var import_dom = require("./lib/utils/dom");
+var import_EditorAtom = require("./lib/utils/EditorAtom");
 var import_getIncrementedName = require("./lib/utils/getIncrementedName");
 var import_getPointerInfo = require("./lib/utils/getPointerInfo");
 var import_getSvgPathFromPoints = require("./lib/utils/getSvgPathFromPoints");
@@ -364,12 +367,9 @@ 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() {
-  return;
-}
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "3.16.0-next.f9f54ec051f3",
+  "4.0.0",
   "cjs"
 );
 //# sourceMappingURL=index.js.map