@tldraw/editor 4.6.0-next.5a871ec02ff3 → 4.6.0-next.6594d48ace27

package/dist-cjs/lib/editor/Editor.js

@@ -5,12 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -32,45 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decoratorStart = (base) => [, , , __create(base?.[__knownSymbol("metadata")] ?? null)];
-var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
-var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
-var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
-var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
-var __runInitializers = (array, flags, self, value) => {
-  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
-  return value;
-};
-var __decorateElement = (array, flags, name, decorators, target, extra) => {
-  var fn, it, done, ctx, access, k = flags & 7, s = !!(flags & 8), p = !!(flags & 16);
-  var j = k > 3 ? array.length + 1 : k ? s ? 1 : 2 : 0, key = __decoratorStrings[k + 5];
-  var initializers = k > 3 && (array[j - 1] = []), extraInitializers = array[j] || (array[j] = []);
-  var desc = k && (!p && !s && (target = target.prototype), k < 5 && (k > 3 || !p) && __getOwnPropDesc(k < 4 ? target : { get [name]() {
-    return __privateGet(this, extra);
-  }, set [name](x) {
-    return __privateSet(this, extra, x);
-  } }, name));
-  k ? p && k < 4 && __name(extra, (k > 2 ? "set " : k > 1 ? "get " : "") + name) : __name(target, name);
-  for (var i = decorators.length - 1; i >= 0; i--) {
-    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
-    if (k) {
-      ctx.static = s, ctx.private = p, access = ctx.access = { has: p ? (x) => __privateIn(target, x) : (x) => name in x };
-      if (k ^ 3) access.get = p ? (x) => (k ^ 1 ? __privateGet : __privateMethod)(x, target, k ^ 4 ? extra : desc.get) : (x) => x[name];
-      if (k > 2) access.set = p ? (x, y) => __privateSet(x, target, y, k ^ 4 ? extra : desc.set) : (x, y) => x[name] = y;
-    }
-    it = (0, decorators[i])(k ? k < 4 ? p ? extra : desc[key] : k > 4 ? void 0 : { get: desc.get, set: desc.set } : target, ctx), done._ = 1;
-    if (k ^ 4 || it === void 0) __expectFn(it) && (k > 4 ? initializers.unshift(it) : k ? p ? extra = it : desc[key] = it : target = it);
-    else if (typeof it !== "object" || it === null) __typeError("Object expected");
-    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
-  }
-  return k || __decoratorMetadata(array, target), desc && __defProp(target, name, desc), p ? k ^ 4 ? extra : desc : target;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
 };
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateIn = (member, obj) => Object(obj) !== obj ? __typeError('Cannot use the "in" operator on this value') : member.has(obj);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var Editor_exports = {};
 __export(Editor_exports, {
   Editor: () => Editor
@@ -81,10 +44,11 @@ var import_store = require("@tldraw/store");
 var import_tlschema = require("@tldraw/tlschema");
 var import_utils = require("@tldraw/utils");
 var import_eventemitter3 = __toESM(require("eventemitter3"), 1);
-var import_TLEditorSnapshot = require("../config/TLEditorSnapshot");
-var import_createTLUser = require("../config/createTLUser");
+var import_createTLCurrentUser = require("../config/createTLCurrentUser");
+var import_defaultAssets = require("../config/defaultAssets");
 var import_defaultBindings = require("../config/defaultBindings");
 var import_defaultShapes = require("../config/defaultShapes");
+var import_TLEditorSnapshot = require("../config/TLEditorSnapshot");
 var import_constants = require("../constants");
 var import_domUtils = require("../exports/domUtils");
 var import_exportToSvg = require("../exports/exportToSvg");
@@ -93,13 +57,12 @@ var import_menus = require("../globals/menus");
 var import_time = require("../globals/time");
 var import_options = require("../options");
 var import_Box = require("../primitives/Box");
-var import_Mat = require("../primitives/Mat");
-var import_Vec = require("../primitives/Vec");
 var import_easings = require("../primitives/easings");
 var import_Group2d = require("../primitives/geometry/Group2d");
 var import_intersect = require("../primitives/intersect");
+var import_Mat = require("../primitives/Mat");
 var import_utils2 = require("../primitives/utils");
-var import_SharedStylesMap = require("../utils/SharedStylesMap");
+var import_Vec = require("../primitives/Vec");
 var import_areShapesContentEqual = require("../utils/areShapesContentEqual");
 var import_assets = require("../utils/assets");
 var import_debug_flags = require("../utils/debug-flags");
@@ -108,30 +71,37 @@ var import_getIncrementedName = require("../utils/getIncrementedName");
 var import_reorderShapes = require("../utils/reorderShapes");
 var import_reparenting = require("../utils/reparenting");
 var import_rotation = require("../utils/rotation");
+var import_SharedStylesMap = require("../utils/SharedStylesMap");
 var import_bindingsIndex = require("./derivations/bindingsIndex");
 var import_notVisibleShapes = require("./derivations/notVisibleShapes");
 var import_parentsToChildren = require("./derivations/parentsToChildren");
 var import_shapeIdsInCurrentPage = require("./derivations/shapeIdsInCurrentPage");
 var import_ClickManager = require("./managers/ClickManager/ClickManager");
+var import_CollaboratorsManager = require("./managers/CollaboratorsManager/CollaboratorsManager");
 var import_EdgeScrollManager = require("./managers/EdgeScrollManager/EdgeScrollManager");
 var import_FocusManager = require("./managers/FocusManager/FocusManager");
 var import_FontManager = require("./managers/FontManager/FontManager");
 var import_HistoryManager = require("./managers/HistoryManager/HistoryManager");
 var import_InputsManager = require("./managers/InputsManager/InputsManager");
+var import_PerformanceManager = require("./managers/PerformanceManager/PerformanceManager");
 var import_ScribbleManager = require("./managers/ScribbleManager/ScribbleManager");
 var import_SnapManager = require("./managers/SnapManager/SnapManager");
 var import_SpatialIndexManager = require("./managers/SpatialIndexManager/SpatialIndexManager");
 var import_TextManager = require("./managers/TextManager/TextManager");
+var import_ThemeManager = require("./managers/ThemeManager/ThemeManager");
 var import_TickManager = require("./managers/TickManager/TickManager");
 var import_UserPreferencesManager = require("./managers/UserPreferencesManager/UserPreferencesManager");
+var import_OverlayManager = require("./overlays/OverlayManager");
 var import_RootState = require("./tools/RootState");
-var __setMetaKeyTimeout_dec, __setCtrlKeyTimeout_dec, __setAltKeyTimeout_dec, __setShiftKeyTimeout_dec, _getIsReadonly_dec, _getIsFocused_dec, _getSharedOpacity_dec, _getSharedStyles_dec, __getSelectionSharedStyles_dec, __getBindingsIndexCache_dec, _getCurrentPageRenderingShapesSorted_dec, _getCurrentPageShapesSorted_dec, _getCurrentPageShapes_dec, _getCurrentPageBounds_dec, _getCulledShapes_dec, _getNotVisibleShapes_dec, __getShapeMaskedPageBoundsCache_dec, __getShapeMaskCache_dec, __getShapeClipPathCache_dec, __getShapePageBoundsCache_dec, __getShapePageTransformCache_dec, __getShapeHandlesCache_dec, __getAllAssetsQuery_dec, _getCurrentPageShapeIdsSorted_dec, _getCurrentPageId_dec, _getPages_dec, __getAllPagesQuery_dec, _getRenderingShapes_dec, _getCollaboratorsOnCurrentPage_dec, _getCollaborators_dec, __getCollaboratorsQuery_dec, _getViewportPageBounds_dec, _getViewportScreenCenter_dec, _getViewportScreenBounds_dec, _getEfficientZoomLevel_dec, __getAboveDebouncedZoomThreshold_dec, _getDebouncedZoomLevel_dec, _getResizeScaleFactor_dec, _getZoomLevel_dec, _getCameraForFollowing_dec, _getViewportPageBoundsForFollowing_dec, _getCamera_dec, __unsafe_getCameraId_dec, _getErasingShapes_dec, _getErasingShapeIds_dec, _getHintingShape_dec, _getHintingShapeIds_dec, _getHoveredShape_dec, _getHoveredShapeId_dec, _getRichTextEditor_dec, _getEditingShape_dec, _getEditingShapeId_dec, _getFocusedGroup_dec, _getFocusedGroupId_dec, _getSelectionRotatedScreenBounds_dec, _getSelectionRotatedPageBounds_dec, _getSelectionRotation_dec, _getSelectionPageBounds_dec, _getOnlySelectedShape_dec, _getOnlySelectedShapeId_dec, _getCurrentPageShapesInReadingOrder_dec, _getSelectedShapes_dec, _getSelectedShapeIds_dec, __getCurrentPageStateId_dec, _getCurrentPageState_dec, __getPageStatesQuery_dec, _getPageStates_dec, _getInstanceState_dec, _getDocumentSettings_dec, _getCurrentToolId_dec, _getCurrentTool_dec, _getPath_dec, _canRedo_dec, _canUndo_dec, _getIsShapeHiddenCache_dec, _a, _init;
-class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_dec = [import_state.computed], _canUndo_dec = [import_state.computed], _canRedo_dec = [import_state.computed], _getPath_dec = [import_state.computed], _getCurrentTool_dec = [import_state.computed], _getCurrentToolId_dec = [import_state.computed], _getDocumentSettings_dec = [import_state.computed], _getInstanceState_dec = [import_state.computed], _getPageStates_dec = [import_state.computed], __getPageStatesQuery_dec = [import_state.computed], _getCurrentPageState_dec = [import_state.computed], __getCurrentPageStateId_dec = [import_state.computed], _getSelectedShapeIds_dec = [import_state.computed], _getSelectedShapes_dec = [import_state.computed], _getCurrentPageShapesInReadingOrder_dec = [import_state.computed], _getOnlySelectedShapeId_dec = [import_state.computed], _getOnlySelectedShape_dec = [import_state.computed], _getSelectionPageBounds_dec = [import_state.computed], _getSelectionRotation_dec = [import_state.computed], _getSelectionRotatedPageBounds_dec = [import_state.computed], _getSelectionRotatedScreenBounds_dec = [import_state.computed], _getFocusedGroupId_dec = [import_state.computed], _getFocusedGroup_dec = [import_state.computed], _getEditingShapeId_dec = [import_state.computed], _getEditingShape_dec = [import_state.computed], _getRichTextEditor_dec = [import_state.computed], _getHoveredShapeId_dec = [import_state.computed], _getHoveredShape_dec = [import_state.computed], _getHintingShapeIds_dec = [import_state.computed], _getHintingShape_dec = [import_state.computed], _getErasingShapeIds_dec = [import_state.computed], _getErasingShapes_dec = [import_state.computed], __unsafe_getCameraId_dec = [import_state.computed], _getCamera_dec = [import_state.computed], _getViewportPageBoundsForFollowing_dec = [import_state.computed], _getCameraForFollowing_dec = [import_state.computed], _getZoomLevel_dec = [import_state.computed], _getResizeScaleFactor_dec = [import_state.computed], _getDebouncedZoomLevel_dec = [import_state.computed], __getAboveDebouncedZoomThreshold_dec = [import_state.computed], _getEfficientZoomLevel_dec = [import_state.computed], _getViewportScreenBounds_dec = [import_state.computed], _getViewportScreenCenter_dec = [import_state.computed], _getViewportPageBounds_dec = [import_state.computed], __getCollaboratorsQuery_dec = [import_state.computed], _getCollaborators_dec = [import_state.computed], _getCollaboratorsOnCurrentPage_dec = [import_state.computed], _getRenderingShapes_dec = [import_state.computed], __getAllPagesQuery_dec = [import_state.computed], _getPages_dec = [import_state.computed], _getCurrentPageId_dec = [import_state.computed], _getCurrentPageShapeIdsSorted_dec = [import_state.computed], __getAllAssetsQuery_dec = [import_state.computed], __getShapeHandlesCache_dec = [import_state.computed], __getShapePageTransformCache_dec = [import_state.computed], __getShapePageBoundsCache_dec = [import_state.computed], __getShapeClipPathCache_dec = [import_state.computed], __getShapeMaskCache_dec = [import_state.computed], __getShapeMaskedPageBoundsCache_dec = [import_state.computed], _getNotVisibleShapes_dec = [import_state.computed], _getCulledShapes_dec = [import_state.computed], _getCurrentPageBounds_dec = [import_state.computed], _getCurrentPageShapes_dec = [import_state.computed], _getCurrentPageShapesSorted_dec = [import_state.computed], _getCurrentPageRenderingShapesSorted_dec = [import_state.computed], __getBindingsIndexCache_dec = [import_state.computed], __getSelectionSharedStyles_dec = [import_state.computed], _getSharedStyles_dec = [(0, import_state.computed)({ isEqual: (a, b) => a.equals(b) })], _getSharedOpacity_dec = [import_state.computed], _getIsFocused_dec = [import_state.computed], _getIsReadonly_dec = [import_state.computed], __setShiftKeyTimeout_dec = [import_utils.bind], __setAltKeyTimeout_dec = [import_utils.bind], __setCtrlKeyTimeout_dec = [import_utils.bind], __setMetaKeyTimeout_dec = [import_utils.bind], _a) {
+class Editor extends import_eventemitter3.default {
+  id = (0, import_utils.uniqueId)();
   constructor({
     store,
     user,
     shapeUtils,
     bindingUtils,
+    assetUtils: assetUtilConstructors,
+    overlayUtils: overlayUtilConstructors,
     tools,
     getContainer,
     // needs to be here for backwards compatibility with TldrawEditor
@@ -139,242 +109,17 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     cameraOptions,
     initialState,
     autoFocus,
-    inferDarkMode,
     options: _options,
     // needs to be here for backwards compatibility with TldrawEditor
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     textOptions: _textOptions,
     getShapeVisibility,
-    fontAssetUrls
+    colorScheme,
+    fontAssetUrls,
+    themes,
+    initialTheme
   }) {
     super();
-    __runInitializers(_init, 5, this);
-    __publicField(this, "id", (0, import_utils.uniqueId)());
-    __publicField(this, "_getShapeVisibility");
-    __publicField(this, "options");
-    __publicField(this, "contextId", (0, import_utils.uniqueId)());
-    /**
-     * The editor's store
-     *
-     * @public
-     */
-    __publicField(this, "store");
-    /**
-     * The root state of the statechart.
-     *
-     * @public
-     */
-    __publicField(this, "root");
-    /**
-     * A set of functions to call when the editor is disposed.
-     *
-     * @public
-     */
-    __publicField(this, "disposables", /* @__PURE__ */ new Set());
-    /**
-     * Whether the editor is disposed.
-     *
-     * @public
-     */
-    __publicField(this, "isDisposed", false);
-    /**
-     * A manager for the editor's tick events.
-     *
-     * @internal */
-    __publicField(this, "_tickManager");
-    /**
-     * A manager for the editor's input state.
-     *
-     * @public
-     */
-    __publicField(this, "inputs");
-    /**
-     * A manager for the editor's snapping feature.
-     *
-     * @public
-     */
-    __publicField(this, "snaps");
-    __publicField(this, "_spatialIndex");
-    /**
-     * A manager for the any asynchronous events and making sure they're
-     * cleaned up upon disposal.
-     *
-     * @public
-     */
-    __publicField(this, "timers", import_time.tltime.forContext(this.contextId));
-    /**
-     * A manager for the user and their preferences.
-     *
-     * @public
-     */
-    __publicField(this, "user");
-    /**
-     * A helper for measuring text.
-     *
-     * @public
-     */
-    __publicField(this, "textMeasure");
-    /**
-     * A utility for managing the set of fonts that should be rendered in the document.
-     *
-     * @public
-     */
-    __publicField(this, "fonts");
-    /**
-     * A manager for the editor's scribbles.
-     *
-     * @public
-     */
-    __publicField(this, "scribbles");
-    /**
-     * A manager for side effects and correct state enforcement. See {@link @tldraw/store#StoreSideEffects} for details.
-     *
-     * @public
-     */
-    __publicField(this, "sideEffects");
-    /**
-     * A manager for moving the camera when the mouse is at the edge of the screen.
-     *
-     * @public
-     */
-    __publicField(this, "edgeScrollManager");
-    /**
-     * A manager for ensuring correct focus. See FocusManager for details.
-     *
-     * @internal
-     */
-    __publicField(this, "focusManager");
-    /**
-     * The current HTML element containing the editor.
-     *
-     * @example
-     * ```ts
-     * const container = editor.getContainer()
-     * ```
-     *
-     * @public
-     */
-    __publicField(this, "getContainer");
-    /* ------------------- Shape Utils ------------------ */
-    /**
-     * A map of shape utility classes (TLShapeUtils) by shape type.
-     *
-     * @public
-     */
-    __publicField(this, "shapeUtils");
-    __publicField(this, "styleProps");
-    /* ------------------- Binding Utils ------------------ */
-    /**
-     * A map of shape utility classes (TLShapeUtils) by shape type.
-     *
-     * @public
-     */
-    __publicField(this, "bindingUtils");
-    /* --------------------- History -------------------- */
-    /**
-     * A manager for the editor's history.
-     *
-     * @readonly
-     */
-    __publicField(this, "history");
-    __publicField(this, "_shouldIgnoreShapeLock", false);
-    /** @internal */
-    __publicField(this, "_crashingError", null);
-    /** @internal */
-    __publicField(this, "_isChangingStyleTimeout", -1);
-    // Menus
-    __publicField(this, "menus", import_menus.tlmenus.forContext(this.contextId));
-    // Rich text editor
-    __publicField(this, "_currentRichTextEditor", (0, import_state.atom)("rich text editor", null));
-    __publicField(this, "_textOptions");
-    __publicField(this, "_debouncedZoomLevel", (0, import_state.atom)("debounced zoom level", 1));
-    __publicField(this, "_cameraOptions", (0, import_state.atom)("camera options", import_constants.DEFAULT_CAMERA_OPTIONS));
-    /** @internal */
-    __publicField(this, "_viewportAnimation", null);
-    // Viewport
-    /** @internal */
-    __publicField(this, "_willSetInitialBounds", true);
-    // Following
-    // When we are 'locked on' to a user, our camera is derived from their camera.
-    __publicField(this, "_isLockedOnFollowingUser", (0, import_state.atom)("isLockedOnFollowingUser", false));
-    // Camera state
-    // Camera state does two things: first, it allows us to subscribe to whether
-    // the camera is moving or not; and second, it allows us to update the rendering
-    // shapes on the canvas. Changing the rendering shapes may cause shapes to
-    // unmount / remount in the DOM, which is expensive; and computing visibility is
-    // also expensive in large projects. For this reason, we use a second bounding
-    // box just for rendering, and we only update after the camera stops moving.
-    __publicField(this, "_cameraStateTimeoutRemaining", 0);
-    /* @internal */
-    __publicField(this, "_currentPageShapeIds");
-    /* --------------------- Shapes --------------------- */
-    __publicField(this, "_shapeGeometryCaches", {});
-    __publicField(this, "_notVisibleShapes", (0, import_notVisibleShapes.notVisibleShapes)(this));
-    __publicField(this, "_culledShapesCache", null);
-    // Parents and children
-    /**
-     * A cache of parents to children.
-     *
-     * @internal
-     */
-    __publicField(this, "_parentIdsToChildIds");
-    __publicField(this, "animatingShapes", /* @__PURE__ */ new Map());
-    /* --------------------- Content -------------------- */
-    /** @internal */
-    __publicField(this, "externalAssetContentHandlers", {
-      file: null,
-      url: null
-    });
-    /** @internal */
-    __publicField(this, "temporaryAssetPreview", /* @__PURE__ */ new Map());
-    /** @internal */
-    __publicField(this, "externalContentHandlers", {
-      text: null,
-      files: null,
-      "file-replace": null,
-      embed: null,
-      "svg-text": null,
-      url: null,
-      tldraw: null,
-      excalidraw: null
-    });
-    /**
-     * A manager for recording multiple click events.
-     *
-     * @internal
-     */
-    __publicField(this, "_clickManager", new import_ClickManager.ClickManager(this));
-    /**
-     * The previous cursor. Used for restoring the cursor after pan events.
-     *
-     * @internal
-     */
-    __publicField(this, "_prevCursor", "default");
-    /** @internal */
-    __publicField(this, "_shiftKeyTimeout", -1);
-    /** @internal */
-    __publicField(this, "_altKeyTimeout", -1);
-    /** @internal */
-    __publicField(this, "_ctrlKeyTimeout", -1);
-    /** @internal */
-    __publicField(this, "_metaKeyTimeout", -1);
-    /** @internal */
-    __publicField(this, "_restoreToolId", "select");
-    /** @internal */
-    __publicField(this, "_didPinch", false);
-    /** @internal */
-    __publicField(this, "_selectedShapeIdsAtPointerDown", []);
-    /** @internal */
-    __publicField(this, "_longPressTimeout", -1);
-    /** @internal */
-    __publicField(this, "capturedPointerId", null);
-    /** @internal */
-    __publicField(this, "performanceTracker");
-    /** @internal */
-    __publicField(this, "performanceTrackerTimeout", -1);
-    /** @internal */
-    __publicField(this, "handledEvents", /* @__PURE__ */ new WeakSet());
-    __publicField(this, "_pendingEventsForNextTick", []);
     this._getShapeVisibility = getShapeVisibility;
     const options = _textOptions ? { ..._options, text: _options?.text ?? _textOptions } : _options;
     this.options = { ...import_options.defaultTldrawOptions, ...options };
@@ -395,15 +140,28 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       ...cameraOptions,
       ...options?.camera
     });
+    this.getContainer = getContainer;
     this._textOptions = (0, import_state.atom)("text options", options?.text ?? null);
-    this.user = new import_UserPreferencesManager.UserPreferencesManager(user ?? (0, import_createTLUser.createTLUser)(), inferDarkMode ?? false);
+    this.user = new import_UserPreferencesManager.UserPreferencesManager(user ?? (0, import_createTLCurrentUser.createTLCurrentUser)(), colorScheme ?? "light");
     this.disposables.add(() => this.user.dispose());
-    this.getContainer = getContainer;
     this.textMeasure = new import_TextManager.TextManager(this);
     this.disposables.add(() => this.textMeasure.dispose());
-    this.fonts = new import_FontManager.FontManager(this, fontAssetUrls);
+    this._themeManager = new import_ThemeManager.ThemeManager(this, {
+      themes: (0, import_ThemeManager.resolveThemes)(themes),
+      initial: initialTheme ?? "default"
+    });
+    this.disposables.add(() => this._themeManager.dispose());
     this._tickManager = new import_TickManager.TickManager(this);
+    this.disposables.add(() => this._tickManager.dispose());
+    this.disposables.add(() => {
+      this.off("tick", this._decayCameraStateTimeout);
+      this._setCameraState("idle");
+    });
+    this.fonts = new import_FontManager.FontManager(this, fontAssetUrls);
     this.inputs = new import_InputsManager.InputsManager(this);
+    this.performance = new import_PerformanceManager.PerformanceManager(this);
+    this.disposables.add(() => this.performance.dispose());
+    this.collaborators = new import_CollaboratorsManager.CollaboratorsManager(this);
     class NewRoot extends import_RootState.RootState {
       static initial = initialState ?? "";
     }
@@ -431,6 +189,16 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
     this.shapeUtils = _shapeUtils;
     this.styleProps = _styleProps;
+    const _shapeUtilsByAssetType = {};
+    for (const Util of allShapeUtils) {
+      const assetTypes = Util.handledAssetTypes;
+      if (assetTypes) {
+        for (const assetType of assetTypes) {
+          _shapeUtilsByAssetType[assetType] = _shapeUtils[Util.type];
+        }
+      }
+    }
+    this._shapeUtilsByAssetType = _shapeUtilsByAssetType;
     const allBindingUtils = (0, import_defaultBindings.checkBindings)(bindingUtils);
     const _bindingUtils = {};
     for (const Util of allBindingUtils) {
@@ -438,6 +206,15 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       _bindingUtils[Util.type] = util;
     }
     this.bindingUtils = _bindingUtils;
+    if (assetUtilConstructors) {
+      const allAssetUtils = (0, import_defaultAssets.checkAssets)(assetUtilConstructors);
+      const _assetUtils = {};
+      for (const Util of allAssetUtils) {
+        const util = new Util(this);
+        _assetUtils[Util.type] = util;
+      }
+      this.assetUtils = _assetUtils;
+    }
     for (const Tool of [...tools]) {
       if ((0, import_utils.hasOwnProperty)(this.root.children, Tool.id)) {
         throw Error(`Can't override tool with id "${Tool.id}"`);
@@ -445,6 +222,13 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       this.root.children[Tool.id] = new Tool(this, this.root);
     }
     this.scribbles = new import_ScribbleManager.ScribbleManager(this);
+    this.overlays = new import_OverlayManager.OverlayManager(this);
+    if (overlayUtilConstructors) {
+      for (const Util of overlayUtilConstructors) {
+        const util = new Util(this);
+        this.overlays.registerUtil(util);
+      }
+    }
     const cleanupInstancePageState = (prevPageState, shapesNoLongerInPage) => {
       let nextPageState = null;
       const selectedShapeIds = prevPageState.selectedShapeIds.filter(
@@ -779,7 +563,16 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
         })
       );
     }
+    this.disposables.add(
+      (0, import_state.react)("sync current user record", () => {
+        const user2 = this.store.props.users.currentUser.get();
+        if (user2) {
+          this._ensureUserRecord(user2);
+        }
+      })
+    );
   }
+  _getShapeVisibility;
   getIsShapeHiddenCache() {
     if (!this._getShapeVisibility) return null;
     return this.store.createComputedCache("isShapeHidden", (shape) => {
@@ -795,6 +588,20 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       typeof shapeOrId === "string" ? shapeOrId : shapeOrId.id
     );
   }
+  options;
+  contextId = (0, import_utils.uniqueId)();
+  /**
+   * The editor's store
+   *
+   * @public
+   */
+  store;
+  /**
+   * The root state of the statechart.
+   *
+   * @public
+   */
+  root;
   /**
    * Set a tool. Useful if you need to add a tool to the state chart on demand,
    * after the editor has already been initialized.
@@ -826,6 +633,125 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       delete parent.children[Tool.id];
     }
   }
+  /**
+   * A set of functions to call when the editor is disposed.
+   *
+   * @public
+   */
+  disposables = /* @__PURE__ */ new Set();
+  /**
+   * Whether the editor is disposed.
+   *
+   * @public
+   */
+  isDisposed = false;
+  /**
+   * A manager for the editor's tick events.
+   *
+   * @internal */
+  _tickManager;
+  /**
+   * A manager for the editor's input state.
+   *
+   * @public
+   */
+  inputs;
+  /**
+   * A manager for the editor's snapping feature.
+   *
+   * @public
+   */
+  snaps;
+  /**
+   * A manager for performance measurement hooks.
+   *
+   * @public
+   */
+  performance;
+  /**
+   * A manager for the spatial index, tracking where shapes exist on the canvas.
+   *
+   * @internal
+   */
+  _spatialIndex;
+  /**
+   * A manager for the any asynchronous events and making sure they're
+   * cleaned up upon disposal.
+   *
+   * @public
+   */
+  timers = import_time.tltime.forContext(this.contextId);
+  /**
+   * A manager for remote peer collaborators connected to this editor.
+   *
+   * @public
+   */
+  collaborators;
+  /**
+   * A manager for the user and their preferences.
+   *
+   * @public
+   */
+  user;
+  /**
+   * A manager for the editor's themes.
+   *
+   * @internal
+   */
+  _themeManager;
+  /**
+   * A helper for measuring text.
+   *
+   * @public
+   */
+  textMeasure;
+  /**
+   * A utility for managing the set of fonts that should be rendered in the document.
+   *
+   * @public
+   */
+  fonts;
+  /**
+   * A manager for the editor's scribbles.
+   *
+   * @public
+   */
+  scribbles;
+  /**
+   * A manager for canvas overlay UI elements (selection handles, shape handles, etc.).
+   *
+   * @public
+   */
+  overlays;
+  /**
+   * A manager for side effects and correct state enforcement. See {@link @tldraw/store#StoreSideEffects} for details.
+   *
+   * @public
+   */
+  sideEffects;
+  /**
+   * A manager for moving the camera when the mouse is at the edge of the screen.
+   *
+   * @public
+   */
+  edgeScrollManager;
+  /**
+   * A manager for ensuring correct focus. See FocusManager for details.
+   *
+   * @internal
+   */
+  focusManager;
+  /**
+   * The current HTML element containing the editor.
+   *
+   * @example
+   * ```ts
+   * const container = editor.getContainer()
+   * ```
+   *
+   * @public
+   */
+  getContainer;
   /**
    * The document that the editor's container element belongs to.
    * Use this instead of the global `document` to support cross-window embedding.
@@ -850,12 +776,127 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
    * @public
    */
   dispose() {
+    this.stopCameraAnimation();
+    if (this.getInstanceState().followingUserId) {
+      this.stopFollowingUser();
+    }
     this.disposables.forEach((dispose) => dispose());
     this.disposables.clear();
+    this.menus.clearOpenMenus();
     this.store.dispose();
     this.isDisposed = true;
     this.emit("dispose");
   }
+  /* ------------------ Themes (shadowing the theme manager) ------------------ */
+  /**
+   * Get the current color mode (`'light'` or `'dark'`), based on the user's dark mode preference.
+   *
+   * @public
+   */
+  getColorMode() {
+    return this._themeManager.getColorMode();
+  }
+  /**
+   * Set the color mode. Note that this is a convenience method that passes the mode to
+   * `user.updateUserPreferences`, which is the source of truth for the user's color mode preference.
+   *
+   * @public
+   */
+  setColorMode(mode) {
+    this.user.updateUserPreferences({ colorScheme: mode });
+    return this;
+  }
+  /**
+   * Get the id of the current theme.
+   *
+   * @public
+   */
+  getCurrentThemeId() {
+    return this._themeManager.getCurrentThemeId();
+  }
+  /**
+   * Get the current theme definition.
+   *
+   * @public
+   */
+  getCurrentTheme() {
+    return this._themeManager.getCurrentTheme();
+  }
+  /**
+   * Set the current theme by id.
+   *
+   * @public
+   */
+  setCurrentTheme(id) {
+    this._themeManager.setCurrentTheme(id);
+    return this;
+  }
+  /**
+   * Get all registered theme definitions.
+   *
+   * @public
+   */
+  getThemes() {
+    return this._themeManager.getThemes();
+  }
+  /**
+   * Get a single theme definition by id.
+   *
+   * @public
+   */
+  getTheme(id) {
+    return this._themeManager.getTheme(id);
+  }
+  /**
+   * Replace all theme definitions, or update them via a callback that receives a deep copy.
+   * The `'default'` theme must always be present in the result.
+   *
+   * @example
+   * ```ts
+   * // Replace all themes
+   * editor.updateThemes({ default: myDefaultTheme, ocean: myOceanTheme })
+   *
+   * // Update via callback
+   * editor.updateThemes((themes) => {
+   *   delete themes.ocean
+   *   return themes
+   * })
+   * ```
+   *
+   * @public
+   */
+  updateThemes(themes) {
+    this._themeManager.updateThemes(themes);
+    return this;
+  }
+  /**
+   * Register or update a single theme definition. The theme is keyed by its `id` property.
+   *
+   * @example
+   * ```ts
+   * // Override a property on the default theme
+   * editor.updateTheme({ ...editor.getTheme('default')!, fontSize: 24 })
+   *
+   * // Register a new theme
+   * editor.updateTheme({ id: 'ocean', ...myOceanTheme })
+   * ```
+   *
+   * @public
+   */
+  updateTheme(theme) {
+    this._themeManager.updateTheme(theme);
+    return this;
+  }
+  /* ------------------- Shape Utils ------------------ */
+  /**
+   * A map of shape utility classes (TLShapeUtils) by shape type.
+   *
+   * @public
+   */
+  shapeUtils;
+  /** @internal */
+  _shapeUtilsByAssetType = {};
+  styleProps;
   getShapeUtil(arg) {
     const type = typeof arg === "string" ? arg : arg.type;
     const shapeUtil = (0, import_utils.getOwnProperty)(this.shapeUtils, type);
@@ -866,12 +907,73 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const type = typeof arg === "string" ? arg : arg.type;
     return (0, import_utils.hasOwnProperty)(this.shapeUtils, type);
   }
+  /**
+   * Get the shape util that handles the given asset type.
+   * Returns the shape util whose {@link ShapeUtil.handledAssetTypes} includes
+   * the given asset type, or undefined if none matches.
+   *
+   * @param assetType - The asset type string.
+   * @public
+   */
+  getShapeUtilForAssetType(assetType) {
+    return (0, import_utils.getOwnProperty)(this._shapeUtilsByAssetType, assetType);
+  }
+  /* ------------------- Binding Utils ------------------ */
+  /**
+   * A map of shape utility classes (TLShapeUtils) by shape type.
+   *
+   * @public
+   */
+  bindingUtils;
   getBindingUtil(arg) {
     const type = typeof arg === "string" ? arg : arg.type;
     const bindingUtil = (0, import_utils.getOwnProperty)(this.bindingUtils, type);
     (0, import_utils.assert)(bindingUtil, `No binding util found for type "${type}"`);
     return bindingUtil;
   }
+  /* ------------------- Asset Utils ------------------ */
+  /**
+   * A map of asset utility classes by asset type.
+   *
+   * @public
+   */
+  assetUtils = {};
+  getAssetUtil(arg) {
+    const type = typeof arg === "string" ? arg : arg.type;
+    const assetUtil = (0, import_utils.getOwnProperty)(this.assetUtils, type);
+    (0, import_utils.assert)(assetUtil, `No asset util found for type "${type}"`);
+    return assetUtil;
+  }
+  /**
+   * Returns true if the editor has an asset util for the given asset type.
+   *
+   * @public
+   */
+  hasAssetUtil(arg) {
+    const type = typeof arg === "string" ? arg : arg.type;
+    return (0, import_utils.hasOwnProperty)(this.assetUtils, type);
+  }
+  /**
+   * Get the asset util that accepts the given MIME type.
+   * Returns null if no registered asset util accepts the MIME type.
+   *
+   * @public
+   */
+  getAssetUtilForMimeType(mimeType) {
+    for (const util of Object.values(this.assetUtils)) {
+      if (util && util.acceptsMimeType(mimeType)) {
+        return util;
+      }
+    }
+    return null;
+  }
+  /* --------------------- History -------------------- */
+  /**
+   * A manager for the editor's history.
+   *
+   * @readonly
+   */
+  history;
   /**
    * Undo to the last mark.
    *
@@ -886,6 +988,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     this._flushEventsForTick(0);
     this.complete();
     this.history.undo();
+    this.performance._notifyUndoRedo("undo", this.history.getNumUndos(), this.history.getNumRedos());
     return this;
   }
   canUndo() {
@@ -908,6 +1011,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     this._flushEventsForTick(0);
     this.complete();
     this.history.redo();
+    this.performance._notifyUndoRedo("redo", this.history.getNumUndos(), this.history.getNumRedos());
     return this;
   }
   canRedo() {
@@ -999,6 +1103,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     this.history.bailToMark(id);
     return this;
   }
+  _shouldIgnoreShapeLock = false;
   /**
    * Run a function in a transaction with optional options for context.
    * You can use the options to change the way that history is treated
@@ -1090,6 +1195,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       };
     }
   }
+  /** @internal */
+  _crashingError = null;
   /**
    * We can't use an `atom` here because there's a chance that when `crashAndReportError` is called,
    * we're in a transaction that's about to be rolled back due to the same error we're currently
@@ -1256,15 +1363,28 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       ]);
     }, opts);
   }
+  /** @internal */
+  _isChangingStyleTimeout = -1;
+  // Menus
+  menus = import_menus.tlmenus.forContext(this.contextId);
   /* --------------------- Cursor --------------------- */
   /**
    * Set the cursor.
    *
+   * No-op when the partial wouldn't change the current cursor — `setCursor`
+   * is called from pointer-move hot paths (see `updateHoveredOverlayId`,
+   * various tool states) and skipping redundant writes avoids needlessly
+   * dirtying instance state.
+   *
    * @param cursor - The cursor to set.
    * @public
    */
   setCursor(cursor) {
-    this.updateInstanceState({ cursor: { ...this.getInstanceState().cursor, ...cursor } });
+    const current = this.getInstanceState().cursor;
+    if ((cursor.type === void 0 || cursor.type === current.type) && (cursor.rotation === void 0 || cursor.rotation === current.rotation)) {
+      return this;
+    }
+    this.updateInstanceState({ cursor: { ...current, ...cursor } });
     return this;
   }
   getPageStates() {
@@ -1821,6 +1941,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     );
     return this;
   }
+  // Rich text editor
+  _currentRichTextEditor = (0, import_state.atom)("rich text editor", null);
   getRichTextEditor() {
     return this._currentRichTextEditor.get();
   }
@@ -2000,6 +2122,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
     return this;
   }
+  _textOptions;
   /**
    * Get the current text options.
    *
@@ -2070,6 +2193,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   getResizeScaleFactor() {
     return this.user.getIsDynamicResizeMode() ? 1 / this.getZoomLevel() : 1;
   }
+  _debouncedZoomLevel = (0, import_state.atom)("debounced zoom level", 1);
   getDebouncedZoomLevel() {
     if (this.options.debouncedZoom) {
       if (this.getCameraState() === "idle") {
@@ -2174,6 +2298,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       }
     }
   }
+  _cameraOptions = (0, import_state.atom)("camera options", import_constants.DEFAULT_CAMERA_OPTIONS);
   /**
    * Get the current camera options.
    *
@@ -2648,6 +2773,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     return this;
   }
   /** @internal */
+  _viewportAnimation = null;
+  /** @internal */
   _animateViewport(ms) {
     if (!this._viewportAnimation) return;
     this._viewportAnimation.elapsed += ms;
@@ -2786,6 +2913,9 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     });
     return this;
   }
+  // Viewport
+  /** @internal */
+  _willSetInitialBounds = true;
   /**
    * Update the viewport. The viewport will measure the size and screen position of its container
    * element. This should be done whenever the container's position on the screen changes.
@@ -2920,27 +3050,127 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const { x: cx, y: cy, z: cz = 1 } = this.getCamera();
     return new import_Vec.Vec((point.x + cx) * cz, (point.y + cy) * cz, point.z ?? 0.5);
   }
-  _getCollaboratorsQuery() {
-    return this.store.query.records("instance_presence", () => ({
-      userId: { neq: this.user.getId() }
-    }));
-  }
+  // Collaborators
+  /**
+   * Returns a list of presence records for all peer collaborators.
+   * This will return the latest presence record for each connected user.
+   *
+   * Convenience wrapper for {@link CollaboratorsManager.getCollaborators}.
+   *
+   * @public
+   */
   getCollaborators() {
-    const allPresenceRecords = this._getCollaboratorsQuery().get();
-    if (!allPresenceRecords.length) return import_state.EMPTY_ARRAY;
-    const userIds = [...new Set(allPresenceRecords.map((c) => c.userId))].sort();
-    return userIds.map((id) => {
-      const latestPresence = (0, import_utils.maxBy)(
-        allPresenceRecords.filter((c) => c.userId === id),
-        (p) => p.lastActivityTimestamp ?? 0
-      );
-      return latestPresence;
-    });
+    return this.collaborators.getCollaborators();
   }
+  /**
+   * Returns a list of presence records for all peer collaborators on the current page.
+   * This will return the latest presence record for each connected user.
+   *
+   * Convenience wrapper for {@link CollaboratorsManager.getCollaboratorsOnCurrentPage}.
+   *
+   * @public
+   */
   getCollaboratorsOnCurrentPage() {
-    const currentPageId = this.getCurrentPageId();
-    return this.getCollaborators().filter((c) => c.currentPageId === currentPageId);
+    return this.collaborators.getCollaboratorsOnCurrentPage();
+  }
+  /**
+   * Returns a list of presence records for peer collaborators who should currently be
+   * shown in the UI. Filters {@link Editor.getCollaborators} by activity state
+   * (active / idle / inactive) and visibility rules such as following and highlighted
+   * users. Re-evaluates on the collaborator visibility clock, so callers don't need to
+   * drive their own activity timer.
+   *
+   * Convenience wrapper for {@link CollaboratorsManager.getVisibleCollaborators}.
+   *
+   * @public
+   */
+  getVisibleCollaborators() {
+    return this.collaborators.getVisibleCollaborators();
+  }
+  /**
+   * Returns a list of presence records for peer collaborators who should currently be
+   * shown in the UI, filtered to those on the current page.
+   *
+   * Convenience wrapper for {@link CollaboratorsManager.getVisibleCollaboratorsOnCurrentPage}.
+   *
+   * @public
+   */
+  getVisibleCollaboratorsOnCurrentPage() {
+    return this.collaborators.getVisibleCollaboratorsOnCurrentPage();
+  }
+  // Attribution
+  /**
+   * Get the current user's ID for attribution purposes.
+   * Also ensures a `user:` record exists in the store for the current user.
+   * Returns `null` when the user store has no current user.
+   *
+   * @public
+   */
+  getAttributionUserId() {
+    const user = this.store.props.users.currentUser.get();
+    if (!user) return null;
+    this._ensureUserRecord(user);
+    return import_tlschema.UserRecordType.parseId(user.id);
   }
+  /**
+   * Ensure a user record exists in the store for the given user,
+   * updating it if the data has changed.
+   *
+   * @internal
+   */
+  _ensureUserRecord(user) {
+    const existing = this.store.get(user.id);
+    if (existing && existing.name === user.name && existing.color === user.color && existing.imageUrl === user.imageUrl && existing.meta === user.meta) {
+      return;
+    }
+    this.run(
+      () => {
+        this.store.put([user]);
+      },
+      { history: "ignore" }
+    );
+  }
+  /**
+   * Resolve a display name for a user ID. Asks the
+   * {@link @tldraw/tlschema#TLUserStore} first (the app's source of truth),
+   * falling back to the `user:` record in the store.
+   *
+   * @public
+   */
+  getAttributionDisplayName(userId) {
+    if (!userId) return null;
+    return this.store.props.users.resolve(userId).get()?.name ?? this.store.get((0, import_tlschema.createUserId)(userId))?.name ?? null;
+  }
+  /**
+   * Resolve a user record by ID. Asks the
+   * {@link @tldraw/tlschema#TLUserStore} first (the app's source of truth),
+   * falling back to the `user:` record in the store.
+   *
+   * @public
+   */
+  getAttributionUser(userId) {
+    if (!userId) return null;
+    return this.store.props.users.resolve(userId).get() ?? this.store.get((0, import_tlschema.createUserId)(userId)) ?? null;
+  }
+  /**
+   * Collect user IDs referenced by a set of shapes via shape-specific props
+   * (e.g. `textFirstEditedBy` on notes).
+   *
+   * @internal
+   */
+  _getReferencedUserIds(shapes) {
+    const userIds = /* @__PURE__ */ new Set();
+    for (const shape of shapes) {
+      const util = this.getShapeUtil(shape);
+      for (const id of util.getReferencedUserIds(shape)) {
+        userIds.add(id);
+      }
+    }
+    return userIds;
+  }
+  // Following
+  // When we are 'locked on' to a user, our camera is derived from their camera.
+  _isLockedOnFollowingUser = (0, import_state.atom)("isLockedOnFollowingUser", false);
   /**
    * Start viewport-following a user.
    *
@@ -3116,6 +3346,14 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
     return renderingShapes;
   }
+  // Camera state
+  // Camera state does two things: first, it allows us to subscribe to whether
+  // the camera is moving or not; and second, it allows us to update the rendering
+  // shapes on the canvas. Changing the rendering shapes may cause shapes to
+  // unmount / remount in the DOM, which is expensive; and computing visibility is
+  // also expensive in large projects. For this reason, we use a second bounding
+  // box just for rendering, and we only update after the camera stops moving.
+  _cameraStateTimeoutRemaining = 0;
   _decayCameraStateTimeout(elapsed) {
     this._cameraStateTimeoutRemaining -= elapsed;
     if (this._cameraStateTimeoutRemaining > 0) return;
@@ -3187,6 +3425,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   getPage(page) {
     return this.store.get(typeof page === "string" ? page : page.id);
   }
+  /* @internal */
+  _currentPageShapeIds;
   /**
    * An array of all of the shapes on the current page.
    *
@@ -3492,7 +3732,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     } = context;
     const zoomStepFunction = (zoom) => Math.pow(2, Math.ceil(Math.log2(zoom)));
     const steppedScreenScale = zoomStepFunction(screenScale);
-    const networkEffectiveType = "connection" in navigator ? navigator.connection.effectiveType : null;
+    const networkEffectiveType = "connection" in navigator ? navigator.connection?.effectiveType ?? null : null;
     return await this.store.props.assets.resolve(asset, {
       screenScale: screenScale || 1,
       steppedScreenScale,
@@ -3508,6 +3748,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   async uploadAsset(asset, file, abortSignal) {
     return await this.store.props.assets.upload(asset, file, abortSignal);
   }
+  /* --------------------- Shapes --------------------- */
+  _shapeGeometryCaches = {};
   /**
    * Get the geometry of a shape in shape-space.
    *
@@ -3878,6 +4120,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   getNotVisibleShapes() {
     return this._notVisibleShapes.get();
   }
+  _notVisibleShapes = (0, import_notVisibleShapes.notVisibleShapes)(this);
+  _culledShapesCache = null;
   getCulledShapes() {
     const notVisibleShapes2 = this.getNotVisibleShapes();
     const selectedShapeIds = this.getSelectedShapeIds();
@@ -3958,7 +4202,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const searchMargin = Math.max(innerMargin, outerMargin, this.options.hitTestMargin / zoomLevel);
     const candidateIds = this._spatialIndex.getShapeIdsAtPoint(point, searchMargin);
     const shapesToCheck = (opts.renderingOnly ? this.getCurrentPageRenderingShapesSorted() : this.getCurrentPageShapesSorted()).filter((shape) => {
-      if (!candidateIds.has(shape.id) && !this.isShapeOfType(shape, "frame")) return false;
+      if (!candidateIds.has(shape.id) && !this.isShapeFrameLike(shape)) return false;
       if (shape.isLocked && !hitLocked || this.isShapeHidden(shape) || this.isShapeOfType(shape, "group"))
         return false;
       const pageMask = this.getShapeMask(shape);
@@ -3971,14 +4215,16 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       const geometry = this.getShapeGeometry(shape);
       const isGroup = geometry instanceof import_Group2d.Group2d;
       const pointInShapeSpace = this.getPointInShapeSpace(shape, point);
-      if (this.isShapeOfType(shape, "frame") || (this.isShapeOfType(shape, "note") || this.isShapeOfType(shape, "arrow") || this.isShapeOfType(shape, "geo") && shape.props.fill === "none") && this.getShapeUtil(shape).getText(shape)?.trim()) {
+      const shapeUtil = this.getShapeUtil(shape);
+      const isShapeFrameLike = this.isShapeFrameLike(shape);
+      if (isShapeFrameLike || (this.isShapeOfType(shape, "note") || this.isShapeOfType(shape, "arrow") || this.isShapeOfType(shape, "geo") && shape.props.fill === "none") && shapeUtil.getText(shape)?.trim()) {
         for (const childGeometry of geometry.children) {
           if (childGeometry.isLabel && childGeometry.isPointInBounds(pointInShapeSpace)) {
             return shape;
           }
         }
       }
-      if (this.isShapeOfType(shape, "frame")) {
+      if (isShapeFrameLike) {
         const distance2 = geometry.distanceToPoint(pointInShapeSpace, hitFrameInside);
         if (hitFrameInside ? distance2 > 0 && distance2 <= outerMargin || distance2 <= 0 && distance2 > -innerMargin : distance2 > 0 && distance2 <= outerMargin) {
           return inMarginClosestToEdgeHit || shape;
@@ -4072,7 +4318,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const candidateIds = this._spatialIndex.getShapeIdsAtPoint(point, margin);
     return this.getCurrentPageShapesSorted().filter((shape) => {
       if (this.isShapeHidden(shape)) return false;
-      if (!candidateIds.has(shape.id) && !this.isShapeOfType(shape, "frame")) return false;
+      if (!candidateIds.has(shape.id) && !this.isShapeFrameLike(shape)) return false;
       return this.isPointInShape(shape, point, opts);
     }).reverse();
   }
@@ -4185,6 +4431,24 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     if (!shape) return false;
     return shape.type === type;
   }
+  /**
+   * Get whether a shape behaves like a frame — a container that has child
+   * shapes, requires full-brush selection, blocks erasure from inside, etc.
+   *
+   * @example
+   * ```ts
+   * const isFrameLike = editor.isShapeFrameLike(someShape)
+   * ```
+   *
+   * @param shape - The shape (or shape id) to test.
+   *
+   * @public
+   */
+  isShapeFrameLike(shape) {
+    const _shape = typeof shape === "string" ? this.getShape(shape) : shape;
+    if (!_shape) return false;
+    return this.getShapeUtil(_shape).isFrameLike(_shape);
+  }
   /**
    * Get a shape by its id.
    *
@@ -4292,6 +4556,13 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       return this.getAncestorPageId(this.getShape(_shape.parentId));
     }
   }
+  // Parents and children
+  /**
+   * A cache of parents to children.
+   *
+   * @internal
+   */
+  _parentIdsToChildIds;
   /**
    * Reparent shapes to a new parent. This operation preserves the shape's current page positions /
    * rotations.
@@ -5936,6 +6207,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     });
     return this;
   }
+  animatingShapes = /* @__PURE__ */ new Map();
   /**
    * Animate a shape.
    *
@@ -6429,6 +6701,14 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
     return this;
   }
+  /* --------------------- Content -------------------- */
+  /** @internal */
+  externalAssetContentHandlers = {
+    file: null,
+    url: null
+  };
+  /** @internal */
+  temporaryAssetPreview = /* @__PURE__ */ new Map();
   /**
    * Register an external asset handler. This handler will be called when the editor needs to
    * create an asset for some external content, like an image/video file or a bookmark URL. For
@@ -6514,6 +6794,17 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   hasExternalAssetHandler(type) {
     return !!this.externalAssetContentHandlers[type];
   }
+  /** @internal */
+  externalContentHandlers = {
+    text: null,
+    files: null,
+    "file-replace": null,
+    embed: null,
+    "svg-text": null,
+    url: null,
+    tldraw: null,
+    excalidraw: null
+  };
   /**
    * Register an external content handler. This handler will be called when the editor receives
    * external content of the provided type. For example, the 'image' type handler will be called
@@ -6610,12 +6901,22 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
         if (!asset) continue;
         assets.push(asset);
       }
+      const users = [];
+      const seenUserIds = /* @__PURE__ */ new Set();
+      for (const userId of this._getReferencedUserIds(shapes2)) {
+        const recordId = (0, import_tlschema.createUserId)(userId);
+        if (seenUserIds.has(recordId)) continue;
+        seenUserIds.add(recordId);
+        const user = this.store.get(recordId);
+        if (user) users.push(user);
+      }
       return {
         schema: this.store.schema.serialize(),
         shapes: shapes2,
         rootShapeIds,
         bindings,
-        assets
+        assets,
+        users
       };
     });
   }
@@ -6665,13 +6966,15 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const assets = [];
     const shapes = [];
     const bindings = [];
+    const users = [];
     const store = {
       store: {
         ...Object.fromEntries(content.assets.map((asset) => [asset.id, asset])),
         ...Object.fromEntries(content.shapes.map((shape) => [shape.id, shape])),
         ...Object.fromEntries(
           content.bindings?.map((bindings2) => [bindings2.id, bindings2]) ?? []
-        )
+        ),
+        ...Object.fromEntries(content.users?.map((user) => [user.id, user]) ?? [])
       },
       schema: content.schema
     };
@@ -6693,6 +6996,19 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
           bindings.push(record);
           break;
         }
+        case "user": {
+          users.push(record);
+          break;
+        }
+      }
+    }
+    if (users.length > 0) {
+      const existingUserIds = new Set(
+        this.store.allRecords().filter((r) => r.typeName === "user").map((r) => r.id)
+      );
+      const usersToCreate = users.filter((u) => !existingUserIds.has(u.id));
+      if (usersToCreate.length > 0) {
+        this.store.put(usersToCreate);
       }
     }
     const shapeIdMap = new Map(
@@ -7403,6 +7719,12 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       scheduleEffect.cancel();
     };
   }
+  /**
+   * A manager for recording multiple click events.
+   *
+   * @internal
+   */
+  _clickManager = new import_ClickManager.ClickManager(this);
   /**
    * Prevent a double click event from firing the next time the user clicks
    *
@@ -7411,6 +7733,14 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
   cancelDoubleClick() {
     this._clickManager.cancelDoubleClickTimeout();
   }
+  /**
+   * The previous cursor. Used for restoring the cursor after pan events.
+   *
+   * @internal
+   */
+  _prevCursor = "default";
+  /** @internal */
+  _shiftKeyTimeout = -1;
   _setShiftKeyTimeout() {
     this.inputs.setShiftKey(false);
     this.dispatch({
@@ -7425,6 +7755,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       code: "ShiftLeft"
     });
   }
+  /** @internal */
+  _altKeyTimeout = -1;
   _setAltKeyTimeout() {
     this.inputs.setAltKey(false);
     this.dispatch({
@@ -7439,6 +7771,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       code: "AltLeft"
     });
   }
+  /** @internal */
+  _ctrlKeyTimeout = -1;
   _setCtrlKeyTimeout() {
     this.inputs.setCtrlKey(false);
     this.dispatch({
@@ -7453,6 +7787,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       code: "ControlLeft"
     });
   }
+  /** @internal */
+  _metaKeyTimeout = -1;
   _setMetaKeyTimeout() {
     this.inputs.setMetaKey(false);
     this.dispatch({
@@ -7467,6 +7803,22 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       code: "MetaLeft"
     });
   }
+  /** @internal */
+  _restoreToolId = "select";
+  /** @internal */
+  _didPinch = false;
+  /** @internal */
+  _selectedShapeIdsAtPointerDown = [];
+  /** @internal */
+  _longPressTimeout = -1;
+  /** @internal */
+  capturedPointerId = null;
+  /** @internal */
+  performanceTracker;
+  /** @internal */
+  performanceTrackerTimeout = -1;
+  /** @internal */
+  handledEvents = /* @__PURE__ */ new WeakSet();
   /**
    * 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
@@ -7512,6 +7864,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
     return this;
   }
+  _pendingEventsForNextTick = [];
   _flushEventsForTick(elapsed) {
     this.run(() => {
       if (this._pendingEventsForNextTick.length > 0) {
@@ -7621,6 +7974,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
               ),
               { immediate: true }
             );
+            this.performance._notifyCameraOperation("zooming");
             this.emit("event", info);
             return;
           }
@@ -7682,6 +8036,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
                 immediate: true
               });
               this.maybeTrackPerformance("Zooming");
+              this.performance._notifyCameraOperation("zooming");
               this.root.handleEvent(info);
               this.emit("event", info);
               return;
@@ -7691,6 +8046,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
                 immediate: true
               });
               this.maybeTrackPerformance("Panning");
+              this.performance._notifyCameraOperation("panning");
               this.root.handleEvent(info);
               this.emit("event", info);
               return;
@@ -7737,6 +8093,10 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
               }
               this.inputs.setIsPanning(true);
               clearTimeout(this._longPressTimeout);
+            } else if (info.button === import_constants.RIGHT_MOUSE_BUTTON && this.options.rightClickPanning) {
+              this.inputs.setIsRightPointing(true);
+              clearTimeout(this._longPressTimeout);
+              return this;
             }
             if (this.inputs.getIsPanning()) {
               this.stopCameraAnimation();
@@ -7748,6 +8108,22 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
           case "pointer_move": {
             if (!isPen && isPenMode) return;
             const { x: cx, y: cy, z: cz } = (0, import_state.unsafe__withoutCapture)(() => this.getCamera());
+            if (this.inputs.getIsRightPointing() && !this.inputs.getIsPanning()) {
+              const currentScreenPoint = this.inputs.getCurrentScreenPoint();
+              const originScreenPoint = this.inputs.getOriginScreenPoint();
+              if (import_Vec.Vec.Dist2(originScreenPoint, currentScreenPoint) > this.options.dragDistanceSquared) {
+                this._prevCursor = this.getInstanceState().cursor.type;
+                this.inputs.setIsPanning(true);
+                this.setCursor({ type: "grabbing", rotation: 0 });
+                this.stopCameraAnimation();
+                const offset = import_Vec.Vec.Sub(currentScreenPoint, originScreenPoint);
+                this.setCamera(new import_Vec.Vec(cx + offset.x / cz, cy + offset.y / cz, cz), {
+                  immediate: true
+                });
+                this.maybeTrackPerformance("Panning");
+              }
+              return;
+            }
             if (this.inputs.getIsPanning() && this.inputs.getIsPointing()) {
               const currentScreenPoint = this.inputs.getCurrentScreenPoint();
               const previousScreenPoint = this.inputs.getPreviousScreenPoint();
@@ -7756,6 +8132,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
                 immediate: true
               });
               this.maybeTrackPerformance("Panning");
+              this.performance._notifyCameraOperation("panning");
               return;
             }
             if (inputs.getIsPointing() && !inputs.getIsDragging() && import_Vec.Vec.Dist2(inputs.getOriginPagePoint(), inputs.getCurrentPagePoint()) * this.getZoomLevel() > (instanceState.isCoarsePointer ? this.options.coarseDragDistanceSquared : this.options.dragDistanceSquared) / cz) {
@@ -7770,6 +8147,12 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
             clearTimeout(this._longPressTimeout);
             inputs.buttons.delete(info.button);
             if (instanceState.isPenMode && !isPen) return;
+            if (this.inputs.getIsRightPointing() && !this.inputs.getIsPanning()) {
+              this.inputs.setIsRightPointing(false);
+              this._selectedShapeIdsAtPointerDown = [];
+              break;
+            }
+            this.inputs.setIsRightPointing(false);
             if (this.capturedPointerId === info.pointerId) {
               this.capturedPointerId = null;
               info.button = 0;
@@ -7787,11 +8170,24 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
                   break;
                 }
                 case import_constants.MIDDLE_MOUSE_BUTTON: {
-                  if (this.inputs.keys.has(" ")) {
+                  if (this.inputs.keys.has("Space")) {
+                    this.setCursor({ type: "grab", rotation: 0 });
+                  } else {
+                    this.setCursor({ type: this._prevCursor, rotation: 0 });
+                  }
+                  break;
+                }
+                case import_constants.RIGHT_MOUSE_BUTTON: {
+                  if (this.inputs.keys.has("Space")) {
                     this.setCursor({ type: "grab", rotation: 0 });
                   } else {
                     this.setCursor({ type: this._prevCursor, rotation: 0 });
                   }
+                  if (slideSpeed > 0) {
+                    this.slideCamera({ speed: slideSpeed, direction: slideDirection });
+                  }
+                  this._selectedShapeIdsAtPointerDown = [];
+                  return this;
                 }
               }
               if (slideSpeed > 0) {
@@ -7919,83 +8315,222 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     }
   }
 }
-_init = __decoratorStart(_a);
-__decorateElement(_init, 1, "getIsShapeHiddenCache", _getIsShapeHiddenCache_dec, Editor);
-__decorateElement(_init, 1, "canUndo", _canUndo_dec, Editor);
-__decorateElement(_init, 1, "canRedo", _canRedo_dec, Editor);
-__decorateElement(_init, 1, "getPath", _getPath_dec, Editor);
-__decorateElement(_init, 1, "getCurrentTool", _getCurrentTool_dec, Editor);
-__decorateElement(_init, 1, "getCurrentToolId", _getCurrentToolId_dec, Editor);
-__decorateElement(_init, 1, "getDocumentSettings", _getDocumentSettings_dec, Editor);
-__decorateElement(_init, 1, "getInstanceState", _getInstanceState_dec, Editor);
-__decorateElement(_init, 1, "getPageStates", _getPageStates_dec, Editor);
-__decorateElement(_init, 1, "_getPageStatesQuery", __getPageStatesQuery_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageState", _getCurrentPageState_dec, Editor);
-__decorateElement(_init, 1, "_getCurrentPageStateId", __getCurrentPageStateId_dec, Editor);
-__decorateElement(_init, 1, "getSelectedShapeIds", _getSelectedShapeIds_dec, Editor);
-__decorateElement(_init, 1, "getSelectedShapes", _getSelectedShapes_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageShapesInReadingOrder", _getCurrentPageShapesInReadingOrder_dec, Editor);
-__decorateElement(_init, 1, "getOnlySelectedShapeId", _getOnlySelectedShapeId_dec, Editor);
-__decorateElement(_init, 1, "getOnlySelectedShape", _getOnlySelectedShape_dec, Editor);
-__decorateElement(_init, 1, "getSelectionPageBounds", _getSelectionPageBounds_dec, Editor);
-__decorateElement(_init, 1, "getSelectionRotation", _getSelectionRotation_dec, Editor);
-__decorateElement(_init, 1, "getSelectionRotatedPageBounds", _getSelectionRotatedPageBounds_dec, Editor);
-__decorateElement(_init, 1, "getSelectionRotatedScreenBounds", _getSelectionRotatedScreenBounds_dec, Editor);
-__decorateElement(_init, 1, "getFocusedGroupId", _getFocusedGroupId_dec, Editor);
-__decorateElement(_init, 1, "getFocusedGroup", _getFocusedGroup_dec, Editor);
-__decorateElement(_init, 1, "getEditingShapeId", _getEditingShapeId_dec, Editor);
-__decorateElement(_init, 1, "getEditingShape", _getEditingShape_dec, Editor);
-__decorateElement(_init, 1, "getRichTextEditor", _getRichTextEditor_dec, Editor);
-__decorateElement(_init, 1, "getHoveredShapeId", _getHoveredShapeId_dec, Editor);
-__decorateElement(_init, 1, "getHoveredShape", _getHoveredShape_dec, Editor);
-__decorateElement(_init, 1, "getHintingShapeIds", _getHintingShapeIds_dec, Editor);
-__decorateElement(_init, 1, "getHintingShape", _getHintingShape_dec, Editor);
-__decorateElement(_init, 1, "getErasingShapeIds", _getErasingShapeIds_dec, Editor);
-__decorateElement(_init, 1, "getErasingShapes", _getErasingShapes_dec, Editor);
-__decorateElement(_init, 1, "_unsafe_getCameraId", __unsafe_getCameraId_dec, Editor);
-__decorateElement(_init, 1, "getCamera", _getCamera_dec, Editor);
-__decorateElement(_init, 1, "getViewportPageBoundsForFollowing", _getViewportPageBoundsForFollowing_dec, Editor);
-__decorateElement(_init, 1, "getCameraForFollowing", _getCameraForFollowing_dec, Editor);
-__decorateElement(_init, 1, "getZoomLevel", _getZoomLevel_dec, Editor);
-__decorateElement(_init, 1, "getResizeScaleFactor", _getResizeScaleFactor_dec, Editor);
-__decorateElement(_init, 1, "getDebouncedZoomLevel", _getDebouncedZoomLevel_dec, Editor);
-__decorateElement(_init, 1, "_getAboveDebouncedZoomThreshold", __getAboveDebouncedZoomThreshold_dec, Editor);
-__decorateElement(_init, 1, "getEfficientZoomLevel", _getEfficientZoomLevel_dec, Editor);
-__decorateElement(_init, 1, "getViewportScreenBounds", _getViewportScreenBounds_dec, Editor);
-__decorateElement(_init, 1, "getViewportScreenCenter", _getViewportScreenCenter_dec, Editor);
-__decorateElement(_init, 1, "getViewportPageBounds", _getViewportPageBounds_dec, Editor);
-__decorateElement(_init, 1, "_getCollaboratorsQuery", __getCollaboratorsQuery_dec, Editor);
-__decorateElement(_init, 1, "getCollaborators", _getCollaborators_dec, Editor);
-__decorateElement(_init, 1, "getCollaboratorsOnCurrentPage", _getCollaboratorsOnCurrentPage_dec, Editor);
-__decorateElement(_init, 1, "getRenderingShapes", _getRenderingShapes_dec, Editor);
-__decorateElement(_init, 1, "_getAllPagesQuery", __getAllPagesQuery_dec, Editor);
-__decorateElement(_init, 1, "getPages", _getPages_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageId", _getCurrentPageId_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageShapeIdsSorted", _getCurrentPageShapeIdsSorted_dec, Editor);
-__decorateElement(_init, 1, "_getAllAssetsQuery", __getAllAssetsQuery_dec, Editor);
-__decorateElement(_init, 1, "_getShapeHandlesCache", __getShapeHandlesCache_dec, Editor);
-__decorateElement(_init, 1, "_getShapePageTransformCache", __getShapePageTransformCache_dec, Editor);
-__decorateElement(_init, 1, "_getShapePageBoundsCache", __getShapePageBoundsCache_dec, Editor);
-__decorateElement(_init, 1, "_getShapeClipPathCache", __getShapeClipPathCache_dec, Editor);
-__decorateElement(_init, 1, "_getShapeMaskCache", __getShapeMaskCache_dec, Editor);
-__decorateElement(_init, 1, "_getShapeMaskedPageBoundsCache", __getShapeMaskedPageBoundsCache_dec, Editor);
-__decorateElement(_init, 1, "getNotVisibleShapes", _getNotVisibleShapes_dec, Editor);
-__decorateElement(_init, 1, "getCulledShapes", _getCulledShapes_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageBounds", _getCurrentPageBounds_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageShapes", _getCurrentPageShapes_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageShapesSorted", _getCurrentPageShapesSorted_dec, Editor);
-__decorateElement(_init, 1, "getCurrentPageRenderingShapesSorted", _getCurrentPageRenderingShapesSorted_dec, Editor);
-__decorateElement(_init, 1, "_getBindingsIndexCache", __getBindingsIndexCache_dec, Editor);
-__decorateElement(_init, 1, "_getSelectionSharedStyles", __getSelectionSharedStyles_dec, Editor);
-__decorateElement(_init, 1, "getSharedStyles", _getSharedStyles_dec, Editor);
-__decorateElement(_init, 1, "getSharedOpacity", _getSharedOpacity_dec, Editor);
-__decorateElement(_init, 1, "getIsFocused", _getIsFocused_dec, Editor);
-__decorateElement(_init, 1, "getIsReadonly", _getIsReadonly_dec, Editor);
-__decorateElement(_init, 1, "_setShiftKeyTimeout", __setShiftKeyTimeout_dec, Editor);
-__decorateElement(_init, 1, "_setAltKeyTimeout", __setAltKeyTimeout_dec, Editor);
-__decorateElement(_init, 1, "_setCtrlKeyTimeout", __setCtrlKeyTimeout_dec, Editor);
-__decorateElement(_init, 1, "_setMetaKeyTimeout", __setMetaKeyTimeout_dec, Editor);
-__decoratorMetadata(_init, Editor);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getIsShapeHiddenCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "canUndo", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "canRedo", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getPath", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentTool", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentToolId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getDocumentSettings", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getInstanceState", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getPageStates", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getPageStatesQuery", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageState", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getCurrentPageStateId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectedShapeIds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectedShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageShapesInReadingOrder", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getOnlySelectedShapeId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getOnlySelectedShape", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectionPageBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectionRotation", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectionRotatedPageBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSelectionRotatedScreenBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getFocusedGroupId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getFocusedGroup", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getEditingShapeId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getEditingShape", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getRichTextEditor", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getHoveredShapeId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getHoveredShape", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getHintingShapeIds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getHintingShape", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getErasingShapeIds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getErasingShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_unsafe_getCameraId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCamera", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getViewportPageBoundsForFollowing", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCameraForFollowing", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getZoomLevel", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getResizeScaleFactor", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getDebouncedZoomLevel", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getAboveDebouncedZoomThreshold", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getEfficientZoomLevel", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getViewportScreenBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getViewportScreenCenter", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getViewportPageBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getRenderingShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getAllPagesQuery", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getPages", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageId", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageShapeIdsSorted", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getAllAssetsQuery", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapeHandlesCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapePageTransformCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapePageBoundsCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapeClipPathCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapeMaskCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getShapeMaskedPageBoundsCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getNotVisibleShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCulledShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageBounds", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageShapes", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageShapesSorted", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getCurrentPageRenderingShapesSorted", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getBindingsIndexCache", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "_getSelectionSharedStyles", 1);
+__decorateClass([
+  (0, import_state.computed)({ isEqual: (a, b) => a.equals(b) })
+], Editor.prototype, "getSharedStyles", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getSharedOpacity", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getIsFocused", 1);
+__decorateClass([
+  import_state.computed
+], Editor.prototype, "getIsReadonly", 1);
+__decorateClass([
+  import_utils.bind
+], Editor.prototype, "_setShiftKeyTimeout", 1);
+__decorateClass([
+  import_utils.bind
+], Editor.prototype, "_setAltKeyTimeout", 1);
+__decorateClass([
+  import_utils.bind
+], Editor.prototype, "_setCtrlKeyTimeout", 1);
+__decorateClass([
+  import_utils.bind
+], Editor.prototype, "_setMetaKeyTimeout", 1);
 function alertMaxShapes(editor, pageId = editor.getCurrentPageId()) {
   const name = editor.getPage(pageId).name;
   editor.emit("max-shapes", { name, pageId, count: editor.options.maxShapesPerPage });