@mocanvas/editor 4.0.1 → 4.1.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { atom, computed, unsafe__withoutCapture, transact, react } from '@mocanvas/state';
 export { AtomMap, atom, computed, react, reactor, transact, transaction } from '@mocanvas/state';
-import { createRecordType, isIndexKey, createMigrationIds, uniqueId, isRecordsDiffEmpty, squashRecordDiffs, reverseRecordsDiff, ZERO_INDEX_KEY, sortByIndex, getIndexAbove, getIndexBetween, getIndexBelow, getIndicesAbove, indexKeyToZKey, parseMigrationId, createMigrationSequence, StoreSchema, Store } from '@mocanvas/store';
+import { createRecordType, isIndexKey, createMigrationIds, uniqueId, isRecordsDiffEmpty, squashRecordDiffs, reverseRecordsDiff, sortByIndex, getIndexAbove, ZERO_INDEX_KEY, getIndexBetween, getIndexBelow, getIndicesAbove, indexKeyToZKey, parseMigrationId, createMigrationSequence, StoreSchema, Store } from '@mocanvas/store';
 export { ZERO_INDEX_KEY, createComputedCache, getGraphemeLength, getGraphemes, getIndexAbove, getIndexBelow, getIndexBetween, getIndices, getIndicesAbove, getIndicesBelow, getIndicesBetween, iterateGraphemes, sortByIndex } from '@mocanvas/store';
 import { PATH_OP, FLAG, GEO_FLAG, EngineBridge, VERTEX_FLOATS, BATCH_WORDS, readClip } from '@mocanvas/wasm';
 export { EngineBridge, FLAG, GEO_FLAG, GEO_KIND, PATH_OP, getLoadedEngine, loadEngine, loadEngineSync } from '@mocanvas/wasm';
@@ -2483,6 +2483,8 @@ var DOCUMENT_ID = DocumentRecordType.createId("document");
 var PageRecordType = createRecordType("page", { scope: "document" }).withDefaultProperties(() => ({
   meta: {}
 }));
+var DEFAULT_PAGE_ID = PageRecordType.createId("page");
+var FIRST_PAGE_INDEX = "a1";
 function isPage(record) {
   return record?.typeName === "page";
 }
@@ -3073,6 +3075,51 @@ function sourceSize(source) {
   const s = source;
   return [s.naturalWidth || s.videoWidth || s.width || 0, s.naturalHeight || s.videoHeight || s.height || 0];
 }
+var PRESENCE_COLORS = [
+  "#e0575b",
+  "#ef8b3a",
+  "#d8a72e",
+  "#4f9d55",
+  "#2fa39a",
+  "#3f86d8",
+  "#7a63d8",
+  "#c05aa8"
+];
+function randomPresenceColor() {
+  return PRESENCE_COLORS[Math.floor(Math.random() * PRESENCE_COLORS.length)];
+}
+var InstancePresenceRecordType = createRecordType("instance_presence", {
+  scope: "presence"
+}).withDefaultProperties(() => ({
+  userName: "",
+  color: PRESENCE_COLORS[0],
+  cursor: { x: 0, y: 0, type: "default", rotation: 0 },
+  camera: { x: 0, y: 0, z: 1 },
+  selectedShapeIds: [],
+  brush: null,
+  scribbles: [],
+  followingUserId: null,
+  lastActivityTimestamp: 0,
+  chatMessage: "",
+  meta: {}
+}));
+function isInstancePresenceId(id) {
+  return id.startsWith("instance_presence:");
+}
+function createUserPreferences(init = {}) {
+  const id = init.id ?? `user:${uniqueId(12)}`;
+  const state = atom("editor.user", {
+    name: init.name ?? `User ${id.slice(-4)}`,
+    color: init.color ?? randomPresenceColor()
+  });
+  return {
+    getId: () => id,
+    getName: () => state.get().name,
+    getColor: () => state.get().color,
+    setName: (name) => state.update((s) => ({ ...s, name })),
+    setColor: (color) => state.update((s) => ({ ...s, color }))
+  };
+}
 
 // src/validation/validator.ts
 function formatValidationPath(path) {
@@ -3514,53 +3561,6 @@ function createMemoryUserStore(users, currentUserId) {
     resolve: (userId) => byId.get(userId) ?? null
   };
 }
-var PRESENCE_COLORS = [
-  "#e0575b",
-  "#ef8b3a",
-  "#d8a72e",
-  "#4f9d55",
-  "#2fa39a",
-  "#3f86d8",
-  "#7a63d8",
-  "#c05aa8"
-];
-function randomPresenceColor() {
-  return PRESENCE_COLORS[Math.floor(Math.random() * PRESENCE_COLORS.length)];
-}
-var InstancePresenceRecordType = createRecordType("instance_presence", {
-  scope: "presence"
-}).withDefaultProperties(() => ({
-  userName: "",
-  color: PRESENCE_COLORS[0],
-  cursor: { x: 0, y: 0, type: "default", rotation: 0 },
-  camera: { x: 0, y: 0, z: 1 },
-  selectedShapeIds: [],
-  brush: null,
-  scribbles: [],
-  followingUserId: null,
-  lastActivityTimestamp: 0,
-  chatMessage: "",
-  meta: {}
-}));
-function isInstancePresenceId(id) {
-  return id.startsWith("instance_presence:");
-}
-function createUserPreferences(init = {}) {
-  const id = init.id ?? `user:${uniqueId(12)}`;
-  const state = atom("editor.user", {
-    name: init.name ?? `User ${id.slice(-4)}`,
-    color: init.color ?? randomPresenceColor()
-  });
-  return {
-    getId: () => id,
-    getName: () => state.get().name,
-    getColor: () => state.get().color,
-    setName: (name) => state.update((s) => ({ ...s, name })),
-    setColor: (color) => state.update((s) => ({ ...s, color }))
-  };
-}
-
-// src/user/userPreferences.ts
 var DEFAULT_PRESENCE_COLOR = PRESENCE_COLORS[0];
 var USER_PREFERENCES_DEFAULTS = {
   name: "",
@@ -3572,7 +3572,8 @@ var USER_PREFERENCES_DEFAULTS = {
   isWrapMode: false,
   isDynamicSizeMode: false,
   isPasteAtCursorMode: false,
-  areKeyboardShortcutsEnabled: true
+  areKeyboardShortcutsEnabled: true,
+  isEnhancedA11yMode: false
 };
 function getFreshUserPreferences() {
   return { id: createUserId(), color: randomPresenceColor() };
@@ -3621,8 +3622,19 @@ var UserPreferencesManager = class {
   getLocale() {
     return this.getUserPreferences().locale ?? USER_PREFERENCES_DEFAULTS.locale;
   }
+  /**
+   * How fast the editor animates; `0` means "do not animate".
+   *
+   * A user who has expressed no preference inherits the operating system's,
+   * the same way `colorScheme: "system"` does. Reduced motion is an
+   * accessibility setting people set once, for every application, and an
+   * editor that ignored it until it was told a second time would be reading
+   * the setting and then disregarding it.
+   */
   getAnimationSpeed() {
-    return this.getUserPreferences().animationSpeed ?? USER_PREFERENCES_DEFAULTS.animationSpeed;
+    const own = this.getUserPreferences().animationSpeed;
+    if (own !== void 0) return own;
+    return prefersReducedMotion() ? 0 : USER_PREFERENCES_DEFAULTS.animationSpeed;
   }
   getEdgeScrollSpeed() {
     return this.getUserPreferences().edgeScrollSpeed ?? USER_PREFERENCES_DEFAULTS.edgeScrollSpeed;
@@ -3647,6 +3659,9 @@ var UserPreferencesManager = class {
   getIsPasteAtCursorMode() {
     return this.getUserPreferences().isPasteAtCursorMode ?? USER_PREFERENCES_DEFAULTS.isPasteAtCursorMode;
   }
+  getIsEnhancedA11yMode() {
+    return this.getUserPreferences().isEnhancedA11yMode ?? USER_PREFERENCES_DEFAULTS.isEnhancedA11yMode;
+  }
   getAreKeyboardShortcutsEnabled() {
     return this.getUserPreferences().areKeyboardShortcutsEnabled ?? USER_PREFERENCES_DEFAULTS.areKeyboardShortcutsEnabled;
   }
@@ -3665,6 +3680,10 @@ function prefersDarkMode() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
   return window.matchMedia("(prefers-color-scheme: dark)").matches;
 }
+function prefersReducedMotion() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
 function useCurrentUser({ userPreferences, setUserPreferences: setUserPreferences2 }) {
   const $preferences2 = useMemo(() => atom("react.userPreferences", userPreferences), []);
   const setter = useRef(setUserPreferences2);
@@ -6664,6 +6683,8 @@ var EdgeScrollManager = class extends EditorManager {
     const step = edgeScrollSpeed * ease * (elapsed / 16);
     const offset = new Vec(-direction.x * step, -direction.y * step);
     this.editor.pan(offset);
+    const inputs = this.editor.inputs;
+    inputs.currentPagePoint = this.editor.viewportToPage(inputs.currentScreenPoint);
     return offset;
   }
   /**
@@ -6989,10 +7010,11 @@ var ScribbleManager = class extends EditorManager {
     for (const item of [...this.items.values()]) {
       const points = [...item.scribble.points];
       let state = item.scribble.state;
+      let moved = false;
       if (item.next && (!item.prev || item.prev.x !== item.next.x || item.prev.y !== item.next.y)) {
         points.push(item.next);
         item.prev = item.next;
-        changed = true;
+        moved = true;
       }
       item.next = null;
       if (state === "starting" && points.length > 1) state = "active";
@@ -7002,7 +7024,7 @@ var ScribbleManager = class extends EditorManager {
         const shed = Math.max(1, Math.ceil(points.length * item.scribble.shrink));
         if (points.length > 0) {
           points.splice(0, shed);
-          changed = true;
+          moved = true;
         }
       }
       if (points.length === 0 && (state === "stopping" || state === "paused")) {
@@ -7011,13 +7033,26 @@ var ScribbleManager = class extends EditorManager {
         changed = true;
         continue;
       }
-      if (points.length !== item.scribble.points.length || state !== item.scribble.state) {
+      if (moved || state !== item.scribble.state) {
         item.scribble = { ...item.scribble, points, state };
         changed = true;
       }
     }
     if (changed) this.flush();
   }
+  /**
+   * Whether anything here still needs frames.
+   *
+   * A host's frame loop asks this to decide whether to schedule another one. It
+   * is deliberately "is there a scribble at all" rather than "is there anything
+   * visible to redraw": a point offered through {@link addPoint} is held in
+   * `next` and writes nothing to the store, so a loop that parked itself
+   * because the picture had settled would never wake up to commit it, and the
+   * trail would stop dead under a moving pointer.
+   */
+  hasPendingWork() {
+    return this.items.size > 0;
+  }
   /** Every live scribble, in the order they were started. */
   getItems() {
     return [...this.items.values()];
@@ -7786,6 +7821,19 @@ var WHEEL_ZOOM_DELTA_CAP = 50;
 var MIDDLE_BUTTON = 1;
 var COLLABORATOR_INACTIVE_TIMEOUT = 6e4;
 var editorSequence = 0;
+var warnedKeys = /* @__PURE__ */ new Set();
+function warnOnce(key, message) {
+  let isProduction = false;
+  try {
+    isProduction = typeof process !== "undefined" && process.env?.["NODE_ENV"] === "production";
+  } catch {
+    isProduction = false;
+  }
+  if (isProduction) return;
+  if (warnedKeys.has(key)) return;
+  warnedKeys.add(key);
+  console.warn(message);
+}
 var Editor = class extends EventEmitter {
   store;
   engine;
@@ -7880,6 +7928,20 @@ var Editor = class extends EventEmitter {
   richTextEditor = null;
   /** Tools added or removed after construction, by id. */
   removedToolIds = /* @__PURE__ */ new Set();
+  /**
+   * This editor's own presence identity. See {@link getInstancePresenceId}.
+   *
+   * Minted per editor rather than per user: presence is about an *instance*,
+   * and one person may have several.
+   */
+  _instancePresenceId = InstancePresenceRecordType.createId();
+  /**
+   * A {@link zoomToBounds} that arrived before the container had been measured,
+   * waiting for the first non-empty viewport. See {@link zoomToBounds}.
+   */
+  pendingViewportFit = null;
+  /** Whether a host has ever measured the canvas. See {@link getHasMeasuredViewport}. */
+  hasMeasuredViewport = false;
   constructor(opts) {
     super();
     this.store = opts.store;
@@ -8064,7 +8126,7 @@ var Editor = class extends EventEmitter {
       }
       let pages = this.store.query.records("page").get();
       if (pages.length === 0) {
-        const page = PageRecordType.create({ id: PageRecordType.createId(), name: "Page 1", index: ZERO_INDEX_KEY });
+        const page = PageRecordType.create({ id: DEFAULT_PAGE_ID, name: "Page 1", index: FIRST_PAGE_INDEX });
         this.store.put([page]);
         pages = [page];
       }
@@ -8558,6 +8620,18 @@ var Editor = class extends EventEmitter {
   getHitTestMargin() {
     return this.getInstanceState().isCoarsePointer ? this.options.coarseHitTestMargin : this.options.hitTestMargin;
   }
+  /**
+   * `opts.filter` with `renderingOnly` folded in.
+   *
+   * Returned as one predicate so each query applies both in the same place;
+   * the culled set is read once per call rather than per candidate shape.
+   */
+  hitFilter(opts) {
+    if (!opts.renderingOnly) return opts.filter;
+    const culled = this.getCulledShapes();
+    const filter = opts.filter;
+    return filter ? (shape) => !culled.has(shape.id) && filter(shape) : (shape) => !culled.has(shape.id);
+  }
   hitFilterBits(opts) {
     let bits = 0;
     if (opts.hitLocked) bits |= 1;
@@ -8589,13 +8663,14 @@ var Editor = class extends EventEmitter {
     this.flushEngine();
     const margin = (opts.margin ?? this.getHitTestMargin()) / this.getZoomLevel();
     const bits = this.hitFilterBits(opts) | (opts.hitInside ? 0 : 4);
-    if (!opts.filter) {
+    const filter = this.hitFilter(opts);
+    if (!filter) {
       const h = this.engine.hitTest(point.x, point.y, margin, bits);
       const id = this.handles.id(h);
       return id ? this.getShape(id) : void 0;
     }
     for (const shape of this.getShapesAtPoint(point, opts)) {
-      if (opts.filter(shape)) return shape;
+      if (filter(shape)) return shape;
     }
     return void 0;
   }
@@ -8604,12 +8679,13 @@ var Editor = class extends EventEmitter {
     this.flushEngine();
     const margin = (opts.margin ?? this.getHitTestMargin()) / this.getZoomLevel();
     const handles = this.engine.queryBox(point.x - margin, point.y - margin, point.x + margin, point.y + margin, 0, this.hitFilterBits(opts));
+    const filter = this.hitFilter(opts);
     const out = [];
     for (let i = handles.length - 1; i >= 0; i--) {
       const id = this.handles.id(handles[i]);
       const shape = id ? this.getShape(id) : void 0;
       if (!shape) continue;
-      if (opts.filter && !opts.filter(shape)) continue;
+      if (filter && !filter(shape)) continue;
       const local = this.getPointInShapeSpace(shape, point);
       const geo = this.getShapeGeometry(shape);
       if (geo.hitTestPoint(local, margin, opts.hitInside ?? false)) out.push(shape);
@@ -8620,13 +8696,13 @@ var Editor = class extends EventEmitter {
   getShapesInsideBounds(box, opts = {}) {
     this.flushEngine();
     const handles = this.engine.queryBox(box.x, box.y, box.x + box.w, box.y + box.h, 1, this.hitFilterBits(opts));
-    return this.handlesToShapes(handles, opts.filter);
+    return this.handlesToShapes(handles, this.hitFilter(opts));
   }
   /** Shapes whose outline touches a page box, in draw order. */
   getShapesIntersectingBounds(box, opts = {}) {
     this.flushEngine();
     const handles = this.engine.queryBox(box.x, box.y, box.x + box.w, box.y + box.h, 0, this.hitFilterBits(opts));
-    return this.handlesToShapes(handles, opts.filter);
+    return this.handlesToShapes(handles, this.hitFilter(opts));
   }
   handlesToShapes(handles, filter) {
     const out = [];
@@ -8753,6 +8829,7 @@ var Editor = class extends EventEmitter {
       if (ps.editingShapeId && toDelete.has(ps.editingShapeId)) this.setEditingShape(null);
       this.store.remove([...toDelete]);
     });
+    this.emit("deleted-shapes", [...toDelete]);
     return this;
   }
   /**
@@ -9514,13 +9591,16 @@ var Editor = class extends EventEmitter {
    */
   setCamera(point, opts = {}) {
     this.stopCameraAnimation();
+    this.pendingViewportFit = null;
     if (this._cameraOptions.get().isLocked && opts.force !== true) return this;
     const cam = this.getCamera();
     const z = Math.min(this.options.zoomMax, Math.max(this.options.zoomMin, point.z ?? cam.z));
     const x = point.x ?? cam.x;
     const y = point.y ?? cam.y;
     if (cam.x === x && cam.y === y && cam.z === z) return this;
-    const duration = opts.immediate === true ? 0 : opts.animation?.duration ?? 0;
+    const speed = this.user.getAnimationSpeed();
+    const requested = opts.immediate === true ? 0 : opts.animation?.duration ?? 0;
+    const duration = speed > 0 ? requested / speed : 0;
     if (duration > 0) {
       this.animateCameraTo({ x, y, z }, duration, opts.animation?.easing ?? easeInOutCubic);
       return this;
@@ -9612,6 +9692,19 @@ var Editor = class extends EventEmitter {
     const b = this.getInstanceState().screenBounds;
     return new Box(b.x, b.y, b.w, b.h);
   }
+  /**
+   * Whether a host has ever told us how big the canvas is
+   * ({@link updateViewportScreenBounds}).
+   *
+   * Until it has, {@link getViewportScreenBounds} answers with the instance
+   * record's default — a plausible-looking 1080x720 that is not this canvas —
+   * or with zeros once a container that has not been laid out yet has been
+   * measured. Both are wrong in the same way and neither announces itself,
+   * which is why anything that needs the viewport asks this first.
+   */
+  getHasMeasuredViewport() {
+    return this.hasMeasuredViewport;
+  }
   getViewportScreenCenter() {
     const b = this.getViewportScreenBounds();
     return new Vec(b.w / 2, b.h / 2);
@@ -9633,10 +9726,18 @@ var Editor = class extends EventEmitter {
    * would otherwise fail on a `getBoundingClientRect` that was never there.
    */
   updateViewportScreenBounds(bounds, center = false) {
+    this.hasMeasuredViewport = true;
     const prev = this.getViewportScreenBounds();
     const measured = typeof HTMLElement !== "undefined" && bounds instanceof HTMLElement ? (({ x, y, width, height }) => ({ x, y, w: width, h: height }))(bounds.getBoundingClientRect()) : bounds;
     const next = Box.From(measured);
-    if (prev.x === next.x && prev.y === next.y && prev.w === next.w && prev.h === next.h) return this;
+    const unchanged = prev.x === next.x && prev.y === next.y && prev.w === next.w && prev.h === next.h;
+    const pending = this.pendingViewportFit;
+    this.pendingViewportFit = null;
+    if (unchanged) {
+      if (pending && next.w > 0 && next.h > 0) this.zoomToBounds(pending.bounds, pending.opts);
+      else this.pendingViewportFit = pending;
+      return this;
+    }
     this.run(
       () => {
         this.updateInstanceState({ screenBounds: next.toJson() });
@@ -9647,6 +9748,8 @@ var Editor = class extends EventEmitter {
       },
       { history: "ignore" }
     );
+    if (pending && next.w > 0 && next.h > 0) this.zoomToBounds(pending.bounds, pending.opts);
+    else this.pendingViewportFit = pending;
     return this;
   }
   // Two screen-ish spaces, and the difference between them matters:
@@ -9710,6 +9813,15 @@ var Editor = class extends EventEmitter {
    */
   zoomToBounds(bounds, opts = {}) {
     const vp = this.getViewportScreenBounds();
+    if (!this.hasMeasuredViewport || vp.w <= 0 || vp.h <= 0) {
+      this.pendingViewportFit = { bounds: { x: bounds.x, y: bounds.y, w: bounds.w, h: bounds.h }, opts };
+      warnOnce(
+        `editor.zoom:${this.id}`,
+        "mocanvas: zoomToFit / zoomToBounds was called before this canvas had a measured viewport \u2014 which is what onMount looks like, because the canvas component measures itself after the editor exists. Fitting against the placeholder bounds would put the camera somewhere that is not the shapes, so the move is deferred until the container reports a size; reading getCamera() straight afterwards therefore still sees the old camera. In a headless editor, call editor.updateViewportScreenBounds({ x: 0, y: 0, w, h }) first."
+      );
+      return this;
+    }
+    this.pendingViewportFit = null;
     const inset = opts.inset ?? Math.min(256, vp.w * 0.28);
     let z = Math.min((vp.w - inset) / bounds.w, (vp.h - inset) / bounds.h);
     if (opts.targetZoom !== void 0) z = Math.min(z, opts.targetZoom);
@@ -10280,11 +10392,36 @@ var Editor = class extends EventEmitter {
    * dynamic-size mode. Session-only, never persisted with the document.
    */
   user;
-  /** Presence records of everyone else in the room, in arrival order. */
+  /**
+   * This editor instance's presence record id — who *this tab* is, as opposed
+   * to `user.getId()`, which is who the person is.
+   *
+   * The two are not interchangeable and conflating them was a bug: a user id
+   * is per browser (it is the same in every tab, and the same on a phone and a
+   * laptop signed in as one person), while a presence record is per editor
+   * instance. Two tabs of one browser are two presences of one user, and they
+   * must see each other.
+   *
+   * `@mocanvas/sync` publishes this tab's presence record under this id, which
+   * is what lets {@link getCollaborators} drop our own record — and only our
+   * own record — should it ever come back to us.
+   */
+  getInstancePresenceId() {
+    return this._instancePresenceId;
+  }
+  /**
+   * Presence records of everyone else in the room, in arrival order.
+   *
+   * "Else" means *another instance*, not another person: the filter is on the
+   * presence record id ({@link getInstancePresenceId}), so a second tab, a
+   * second window, or the same person on a phone and a laptop all show up as
+   * collaborators. Filtering by user id instead made two tabs of one browser
+   * invisible to each other while every message arrived correctly.
+   */
   getCollaborators() {
-    const me = this.user.getId();
+    const me = this.getInstancePresenceId();
     const records = this.store.query.records("instance_presence").get();
-    return records.filter((p) => p.userId !== me);
+    return records.filter((p) => p.id !== me);
   }
   /** The subset of `getCollaborators()` looking at the page we are on. */
   getCollaboratorsOnCurrentPage() {
@@ -11589,6 +11726,29 @@ function createPropsMigrationSequences(options) {
   collect("binding", options.bindingUtils);
   return out;
 }
+
+// src/records/defaultSchemas.ts
+var shapeSchemas = {};
+var bindingSchemas = {};
+var assetSchemas = {};
+var defaultShapeSchemas = shapeSchemas;
+var defaultBindingSchemas = bindingSchemas;
+var defaultAssetSchemas = assetSchemas;
+function registerDefaultShapeSchema(type, info) {
+  return register(shapeSchemas, type, info);
+}
+function registerDefaultBindingSchema(type, info) {
+  return register(bindingSchemas, type, info);
+}
+function registerDefaultAssetSchema(type, info) {
+  return register(assetSchemas, type, info);
+}
+function register(map, type, info) {
+  map[type] = info;
+  return () => {
+    if (map[type] === info) delete map[type];
+  };
+}
 var CUSTOM_RECORD_TYPE_NAME = "custom";
 function createCustomRecordId(type, id) {
   return `${CUSTOM_RECORD_TYPE_NAME}:${type}:${id ?? uniqueId()}`;
@@ -11615,52 +11775,6 @@ function getCustomRecordIdType(id) {
   return colon > 0 ? rest.slice(0, colon) : void 0;
 }
 
-// src/migrations/customRecordMigrations.ts
-var CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX = "com.tldraw.record";
-function customRecordMigrationSequenceId(type) {
-  return `${CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX}.${type}`;
-}
-function createCustomRecordMigrationIds(recordType, versions) {
-  return createMigrationIds(
-    customRecordMigrationSequenceId(recordType),
-    versions
-  );
-}
-function createCustomRecordMigrationSequence(migrations) {
-  return createShapePropsMigrationSequence(migrations);
-}
-function isPlainObject3(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
-function toCustomRecordMigrationSequence(type, migrations) {
-  const first = migrations.sequence[0];
-  const sequenceId = first ? parseMigrationId(first.id).sequenceId : customRecordMigrationSequenceId(type);
-  if (!sequenceId.endsWith(`.${type}`)) {
-    throw new Error(
-      `Migration sequence "${sequenceId}" does not name custom record "${type}"; ids must end in ".${type}"`
-    );
-  }
-  const matches2 = (record) => record.typeName === CUSTOM_RECORD_TYPE_NAME && record.type === type;
-  const wrap = (fn) => (record) => {
-    const props = record.props;
-    if (!isPlainObject3(props)) return record;
-    const next = { ...props };
-    const replacement = fn(next);
-    return { ...record, props: replacement ?? next };
-  };
-  return createMigrationSequence({
-    sequenceId,
-    ...migrations.retroactive === void 0 ? {} : { retroactive: migrations.retroactive },
-    sequence: migrations.sequence.map((migration) => ({
-      id: migration.id,
-      scope: "record",
-      filter: matches2,
-      up: wrap(migration.up),
-      ...migration.down ? { down: wrap(migration.down) } : {}
-    }))
-  });
-}
-
 // src/records/uiValues.ts
 var TL_CANVAS_UI_COLOR_TYPES = [
   "accent",
@@ -11692,10 +11806,11 @@ var parentIdValidator = T.string.refine((value) => {
 });
 
 // src/records/recordValidators.ts
-function propsValidator(props) {
-  return T.object(props);
+function propsValidator(props, unknownProps = "reject") {
+  const validator = T.object(props);
+  return unknownProps === "keep" ? validator.allowUnknownProperties() : validator;
 }
-function createShapeValidator(type, props, meta) {
+function createShapeValidator(type, props, meta, options) {
   return T.model(
     `shape:${type}`,
     T.object({
@@ -11709,7 +11824,7 @@ function createShapeValidator(type, props, meta) {
       parentId: parentIdValidator,
       isLocked: T.boolean,
       opacity: opacityValidator,
-      props: propsValidator(props),
+      props: propsValidator(props, options?.unknownProps),
       meta: meta ? propsValidator(meta) : T.jsonObject
     })
     // The config above describes exactly the record type named, but `T.object`
@@ -11718,7 +11833,41 @@ function createShapeValidator(type, props, meta) {
     // parameter. Restate what was actually built.
   );
 }
-function createBindingValidator(type, props, meta) {
+function createBaseShapeValidator() {
+  return T.model(
+    "shape",
+    T.object({
+      id: T.idOfType("shape"),
+      typeName: T.literal("shape"),
+      type: T.string,
+      x: T.number,
+      y: T.number,
+      rotation: T.number,
+      index: T.indexKey,
+      parentId: parentIdValidator,
+      isLocked: T.boolean,
+      opacity: opacityValidator,
+      // Anything, deliberately — see above.
+      props: T.jsonObject,
+      meta: T.jsonObject
+    })
+  );
+}
+function createBaseBindingValidator() {
+  return T.model(
+    "binding",
+    T.object({
+      id: T.idOfType("binding"),
+      typeName: T.literal("binding"),
+      type: T.string,
+      fromId: T.idOfType("shape"),
+      toId: T.idOfType("shape"),
+      props: T.jsonObject,
+      meta: T.jsonObject
+    })
+  );
+}
+function createBindingValidator(type, props, meta, options) {
   return T.model(
     `binding:${type}`,
     T.object({
@@ -11727,7 +11876,7 @@ function createBindingValidator(type, props, meta) {
       type: T.literal(type),
       fromId: T.idOfType("shape"),
       toId: T.idOfType("shape"),
-      props: propsValidator(props),
+      props: propsValidator(props, options?.unknownProps),
       meta: meta ? propsValidator(meta) : T.jsonObject
     })
   );
@@ -11763,6 +11912,100 @@ function createCustomRecordValidator(type, props, meta) {
   );
 }
 
+// src/records/validatedRecordTypes.ts
+function collectProps(utils, defaults2) {
+  const out = {};
+  for (const [type, info] of Object.entries(defaults2)) {
+    if (info.props) out[type] = info.props;
+  }
+  for (const util of utils ?? []) {
+    if (util.props) out[util.type] = util.props;
+  }
+  return out;
+}
+function dispatchingValidator(kind, byType, base) {
+  return {
+    validate(value) {
+      const type = value?.type;
+      if (typeof type !== "string") {
+        throw new ValidationError(
+          `Expected a ${kind} type, got ${type === void 0 ? "undefined" : typeof type}`,
+          ["type"]
+        );
+      }
+      const validator = byType.get(type);
+      if (!validator) return base.validate(value);
+      return validator.validate(value);
+    }
+  };
+}
+function createShapeRecordType(propsByType) {
+  const byType = new Map(
+    Object.entries(propsByType).map(
+      ([type, props]) => [type, createShapeValidator(type, props, void 0, { unknownProps: "keep" })]
+    )
+  );
+  return createRecordType("shape", {
+    scope: "document",
+    validator: dispatchingValidator("shape", byType, createBaseShapeValidator())
+  }).withDefaultProperties(() => ({ x: 0, y: 0, rotation: 0, isLocked: false, opacity: 1, meta: {} }));
+}
+function createBindingRecordType(propsByType) {
+  const byType = new Map(
+    Object.entries(propsByType).map(
+      ([type, props]) => [type, createBindingValidator(type, props, void 0, { unknownProps: "keep" })]
+    )
+  );
+  return createRecordType("binding", {
+    scope: "document",
+    validator: dispatchingValidator("binding", byType, createBaseBindingValidator())
+  }).withDefaultProperties(() => ({ meta: {} }));
+}
+var CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX = "com.tldraw.record";
+function customRecordMigrationSequenceId(type) {
+  return `${CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX}.${type}`;
+}
+function createCustomRecordMigrationIds(recordType, versions) {
+  return createMigrationIds(
+    customRecordMigrationSequenceId(recordType),
+    versions
+  );
+}
+function createCustomRecordMigrationSequence(migrations) {
+  return createShapePropsMigrationSequence(migrations);
+}
+function isPlainObject3(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function toCustomRecordMigrationSequence(type, migrations) {
+  const first = migrations.sequence[0];
+  const sequenceId = first ? parseMigrationId(first.id).sequenceId : customRecordMigrationSequenceId(type);
+  if (!sequenceId.endsWith(`.${type}`)) {
+    throw new Error(
+      `Migration sequence "${sequenceId}" does not name custom record "${type}"; ids must end in ".${type}"`
+    );
+  }
+  const matches2 = (record) => record.typeName === CUSTOM_RECORD_TYPE_NAME && record.type === type;
+  const wrap = (fn) => (record) => {
+    const props = record.props;
+    if (!isPlainObject3(props)) return record;
+    const next = { ...props };
+    const replacement = fn(next);
+    return { ...record, props: replacement ?? next };
+  };
+  return createMigrationSequence({
+    sequenceId,
+    ...migrations.retroactive === void 0 ? {} : { retroactive: migrations.retroactive },
+    sequence: migrations.sequence.map((migration) => ({
+      id: migration.id,
+      scope: "record",
+      filter: matches2,
+      up: wrap(migration.up),
+      ...migration.down ? { down: wrap(migration.down) } : {}
+    }))
+  });
+}
+
 // src/records/schemaRecords.ts
 function createCustomRecordType(info) {
   const validator = createCustomRecordValidator(info.type, info.props);
@@ -11873,16 +12116,21 @@ function createSchema(migrationsOrUtils = []) {
     ...createCustomRecordMigrationSequences(records),
     ...migrationsOrUtils.migrations ?? []
   ];
-  return createSchemaWithMigrations(migrations, records);
+  return createSchemaWithMigrations(migrations, records, {
+    ...migrationsOrUtils.shapeUtils ? { shapeUtils: migrationsOrUtils.shapeUtils } : {},
+    ...migrationsOrUtils.bindingUtils ? { bindingUtils: migrationsOrUtils.bindingUtils } : {}
+  });
 }
-function createSchemaWithMigrations(migrations, records) {
+function createSchemaWithMigrations(migrations, records, utils = {}) {
   const customRecords = createCustomRecordTypeMap(records);
+  const shapeRecords = createShapeRecordType(collectProps(utils.shapeUtils, defaultShapeSchemas));
+  const bindingRecords = createBindingRecordType(collectProps(utils.bindingUtils, defaultBindingSchemas));
   return StoreSchema.create(
     {
       document: DocumentRecordType,
       page: PageRecordType,
-      shape: ShapeRecordType,
-      binding: BindingRecordType,
+      shape: shapeRecords,
+      binding: bindingRecords,
       asset: AssetRecordType,
       camera: CameraRecordType,
       instance: InstanceRecordType,
@@ -11909,8 +12157,19 @@ function createStore(options = {}) {
     props: { defaultName: options.defaultName ?? "", assets: options.assets ?? createInMemoryAssetStore() }
   });
   if (options.snapshot) store.loadStoreSnapshot(options.snapshot);
+  else seedBaseRecords(store);
   return store;
 }
+function seedBaseRecords(store) {
+  if (store.has(DOCUMENT_ID)) return;
+  if (store.query.records("page").get().length > 0) return;
+  store.put([
+    DocumentRecordType.create({ id: DOCUMENT_ID, name: store.props.defaultName }),
+    // The same fixed id the editor uses, so two replicas that each seeded
+    // their own store meet on one page rather than diverging into two.
+    PageRecordType.create({ id: DEFAULT_PAGE_ID, name: "Page 1", index: FIRST_PAGE_INDEX })
+  ]);
+}
 
 // src/editor/selectionHandles.ts
 var HANDLE_HIT_RADIUS = 12;
@@ -12344,27 +12603,6 @@ function stringOrUndefined(value) {
 }
 
 // src/editor/schemaFactories.ts
-var shapeSchemas = {};
-var bindingSchemas = {};
-var assetSchemas = {};
-var defaultShapeSchemas = shapeSchemas;
-var defaultBindingSchemas = bindingSchemas;
-var defaultAssetSchemas = assetSchemas;
-function registerDefaultShapeSchema(type, info) {
-  return register(shapeSchemas, type, info);
-}
-function registerDefaultBindingSchema(type, info) {
-  return register(bindingSchemas, type, info);
-}
-function registerDefaultAssetSchema(type, info) {
-  return register(assetSchemas, type, info);
-}
-function register(map, type, info) {
-  map[type] = info;
-  return () => {
-    if (map[type] === info) delete map[type];
-  };
-}
 function createTLSchemaFromUtils(options = {}) {
   return createSchema({
     ...options.shapeUtils ? { shapeUtils: options.shapeUtils } : {},
@@ -13725,6 +13963,12 @@ var BindingUtil = class {
   }
   editor;
   static type;
+  /**
+   * One validator per prop of the binding this util describes — the contract
+   * the store checks a record against before it is written, and what
+   * `createSchema()` reads to build the document schema. A binding type that
+   * declares none is not validated: see `createBindingRecordType`.
+   */
   static props;
   static migrations;
   get type() {
@@ -14432,6 +14676,10 @@ var BRUSH_FILL = "var(--mocanvas-brush-fill, rgba(47, 111, 228, 0.12))";
 var SNAP = "var(--mocanvas-snap, #cf3fe0)";
 var INDICATOR_STROKE = 1.5;
 var HANDLE = { corner: 9, rotate: 5.5, shape: 6, virtual: 4 };
+var MAX_TICK_MS = 64;
+function hasFrameWork(editor) {
+  return editor.scribbles.hasPendingWork() || editor.edgeScrollManager.getIsEnabled();
+}
 function Canvas({ editor, className, style, children, components, indicatorOverlayUtil }) {
   const containerRef = useRef(null);
   const canvasRef = useRef(null);
@@ -14470,13 +14718,20 @@ function Canvas({ editor, className, style, children, components, indicatorOverl
     if (!backend) return;
     let raf = 0;
     let dirty = true;
-    const draw = () => {
+    let last = null;
+    const draw = (time) => {
       raf = 0;
-      if (!dirty) return;
-      dirty = false;
-      if (editor.renderFrame(backend).pending) {
-        dirty = true;
+      const elapsed = last === null ? 0 : Math.min(time - last, MAX_TICK_MS);
+      last = time;
+      if (elapsed > 0) editor.emit("tick", elapsed);
+      if (dirty) {
+        dirty = false;
+        if (editor.renderFrame(backend).pending) dirty = true;
+      }
+      if (dirty || hasFrameWork(editor)) {
         raf = requestAnimationFrame(draw);
+      } else {
+        last = null;
       }
     };
     const stop = react(
@@ -15418,6 +15673,6 @@ function setDefaultCdnBaseUrl(url) {
   cdnBaseUrl = url.replace(/\/+$/, "");
 }
 
-export { ARROWHEAD_KINDS, ARROW_SHAPE_KINDS, ASSET_MIGRATION_SEQUENCE_PREFIX, Arc2d, ArrayOfValidator, ArrowShapeArrowheadEndStyle, ArrowShapeArrowheadStartStyle, ArrowShapeKindStyle, AssetRecordType, AssetUrlsProvider, AssetUtil, AssetUtilRegistry, BINDING_MIGRATION_SEQUENCE_PREFIX, BUILTIN_ASSET_MIGRATION_SEQUENCE_PREFIX, BUILTIN_BINDING_MIGRATION_SEQUENCE_PREFIX, BUILTIN_SHAPE_MIGRATION_SEQUENCE_PREFIX, BaseBoxShapeUtil, BaseFrameLikeShapeUtil, BindingRecordType, BindingUtil, BoundsSnaps, Box, CANVAS_THEME_VARS, COLLABORATOR_INACTIVE_TIMEOUT, CURRENT_SESSION_SCHEMA_VERSION, CURSOR_TYPES, CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX, CUSTOM_RECORD_TYPE_NAME, CameraRecordType, CameraStateTracker, Canvas, Circle2d, ClickManager, CollaboratorsManager, CommentReactionRecordType, CommentRecordType, CommentThreadRecordType, ContainerProvider, ContentElementManager, CubicBezier2d, CubicSpline2d, DEFAULT_ASSET_CONTEXT, DEFAULT_CAMERA_OPTIONS, DEFAULT_COLORS, DEFAULT_DARK_COLORS, DEFAULT_DASHES, DEFAULT_EDITOR_CONFIG, DEFAULT_FILLS, DEFAULT_FILL_TOKENS, DEFAULT_FONTS, DEFAULT_FONT_FAMILIES, DEFAULT_H_ALIGNS, DEFAULT_LIGHT_COLORS, DEFAULT_LINE_HEIGHT, DEFAULT_MENU_CONTEXT, DEFAULT_SHAPE_INDICATOR_OPTIONS, DEFAULT_SIZES, DEFAULT_TEXT_ALIGNS, DEFAULT_THEME, DEFAULT_TIME_CONTEXT, DEFAULT_V_ALIGNS, DIM_2D, DIM_3D, DOCUMENT_ID, DefaultBackground, DefaultCanvas, DefaultColorStyle, DefaultCursor, DefaultDashStyle, DefaultErrorFallback, DefaultFillStyle, DefaultFontFaces, DefaultFontFamilies, DefaultFontStyle, DefaultGrid, DefaultHorizontalAlignStyle, DefaultLabelColorStyle, DefaultShapeWrapper, DefaultSizeStyle, DefaultSpinner, DefaultSvgDefs, DefaultTextAlignStyle, DefaultVerticalAlignStyle, DictValidator, DocumentRecordType, EASINGS, ELBOW_ARROW_SNAP_MODES, EVENT_NAME_MAP, Edge2d, EdgeScrollManager, Editor, EditorAtom, EditorContext, EditorManager, EditorPortal, EditorProvider, ElbowArrowSnap, Ellipse2d, EnumStyleProp, ErrorBoundary, ErrorScreen, EventEmitter, FONT_SIZES, FontManager, GEO_SHAPE_KINDS, GeoShapeGeoStyle, Geometry2d, Geometry2dFilters, Group2d, HALF_PI, HANDLE_HIT_RADIUS, HTMLContainer, HandleSnaps, HandleTable, HistoryManager, INSTANCE_ID, ImageShapeCrop, InputsManager, InstancePageStateRecordType, InstancePresenceRecordType, InstanceRecordType, LIGHT_THEME, LINE_SPLINE_KINDS, LOCAL_STATE_PREFIX, LineShapeSplineStyle, LoadingScreen, MAX_TEXTURE_RESOLUTION, MAX_TEXTURE_ZOOM, Mat, MenuClickCapture, MenuManager, MocanvasUiProvider, ObjectValidator, OverlayManager, OverlayUtil, PI, PI2, PRESENCE_COLORS, PageRecordType, PerformanceApiAdapter, PerformanceManager, Point2d, PointerRecordType, Polygon2d, Polyline2d, ROTATE_CORNER_TO_SELECTION_CORNER, ROTATE_HANDLE_OFFSET, ReadonlySharedStyleMap, Rectangle2d, RootState, SHAPE_MIGRATION_SEQUENCE_PREFIX, SIDES, SIN, STROKE_SIZES, SVGContainer, ScribbleManager, ShapeIndicatorCompositor, ShapeRecordType, ShapeUtil, SharedStyleMap, SnapManager, Stadium2d, StateNode, StyleProp, SvgExportContextProvider, T, TAB_ID, TLEditorsRegistry, TLPOINTER_ID, TL_CANVAS_UI_COLOR_TYPES, TL_CURSOR_TYPES, TL_HANDLE_TYPES, TL_SCRIBBLE_STATES, TextManager, TextureManager, ThemeManager, Timers, TransformedGeometry2d, UNKNOWN_EDIT_START_INFO, USER_PREFERENCES_DEFAULTS, UnionValidator, UserPreferencesManager, UserRecordType, ValidationError, Validator, Vec, WebGL2Backend, angleDistance, animateShape, animateShapes, applyThemePatch, approximately, areAnglesCompatible, arrowBindingVersions, assetIdValidator, assetMigrations, assetPropsMigrationSequenceId, assetValidator, assetValidators, average, b64Vecs, bindingIdValidator, bindingPropsMigrationSequenceId, bookmarkAssetMigrations, bookmarkAssetProps, bookmarkAssetPropsValidator, bookmarkAssetValidator, boundsIndicatorPath, boxModelValidator, bucketTextureResolution, canBindShapes, canBuildIndicatorPaths, canCreateShape, canCreateShapes, canCropShape, canEditShape, canonicalizeRotation, canvasUiColorTypeValidator, centerOfCircleFromThreePoints, clamp, clampRadians, clockwiseAngleDist, commentAnchorValidator, commentReactionRecordConfig, commentReactionValidator, commentRecordConfig, commentSchemaRecords, commentThreadRecordConfig, commentThreadValidator, commentValidator, compressLegacySegments, coreShapes, counterClockwiseAngleDist, createAssetId, createAssetPropsMigrationIds, createAssetPropsMigrationSequence, createAssetValidator, createBackend, createBindingId, createBindingPropsMigrationIds, createBindingPropsMigrationSequence, createBindingValidator, createBuiltInAssetPropsMigrationIds, createBuiltInBindingPropsMigrationIds, createBuiltInShapePropsMigrationIds, createCachedUserResolve, createComment, createCommentId, createCommentReaction, createCommentReactionId, createCommentThread, createCommentThreadId, createCurrentUser, createCustomRecord, createCustomRecordId, createCustomRecordMigrationIds, createCustomRecordMigrationSequence, createCustomRecordMigrationSequences, createCustomRecordType, createCustomRecordTypeMap, createCustomRecordValidator, createDeepLinkString, createInMemoryAssetStore, createMemoryUserStore, createPresenceStateDerivation, createPropsMigrationSequences, createRootState, createSchema, createSessionStateSnapshotSignal, createShapeId, createShapePropsMigrationIds, createShapePropsMigrationSequence, createShapeValidator, createStore, createTLCurrentUser, createTLSchemaFromUtils, createTheme, createUserId, createUserPreferences, createUserRecordType, cursorTypeValidator, cursorValidator, customRecordMigrationSequenceId, dataUrlToFile, decodeDrawSegmentPath, defaultAssetMigrations, defaultAssetSchemas, defaultBindingSchemas, defaultShapeSchemas, defaultTldrawOptions, defaultUserPreferences, defaultUserStore, degreesToRadians, deselect, drawShapeSegmentValidator, dropShapesOnFrameLike, duplicatePage, easeInOutCubic, fileToBase64DataUrl, fileToDataUrl, findCommonAncestor, findShapeAncestor, fontKey, formatValidationPath, getArcMeasure, getAssetSrc, getBaseZoomForCameraOptions, getColorNamesFromThemes, getColorValue, getCulledShapes, getCurrentPageRenderingShapesSorted, getCurrentPageShapesInReadingOrder, getCursor, getCustomRecordIdType, getDefaultAssetContext, getDefaultCdnBaseUrl, getDefaultCrop, getDefaultDisplayValues, getDefaultUserPresence, getDefaultUserProperties, getDisplayValues, getDroppedShapesToNewParents, getEngineProvider, getExportImplementation, getFocusedGroup, getFocusedGroupId, getFontNamesFromThemes, getFontsFromRichText, getFrameLikeDropTarget, getFreshUserPreferences, getHandleHitRadius, getIncrementedName, getIndicatorSource, getInitialMetaForShape, getLocaleChain, getNearestAdjacentShape, getNotVisibleShapes, getOnlySelectedShapeId, getOverlayDisplayValues, getOwnerDocument, getOwnerWindow, getPageStates, getPaletteEntries, getPerfectDashProps, getPointInArcT, getPointOnCircle, getPointerInfo, getPointsOnArc, getPolygonVertices, getRenderingShapes, getSelectedShapeAtPoint, getSelectionHandlePositions, getSelectionRotatedPageBounds, getSelectionRotatedScreenBounds, getSelectionScreenBounds, getSessionStateSnapshot, getSessionStateSnapshotFromStore, getShapeAndDescendantIds, getShapeClipPath, getShapeHandles, getShapeIdsInsideBounds, getShapeIndicatorNode, getShapeIndicatorPath, getShapeMaskedPageBounds, getShapeStyleIfExists, getShapesPageBounds, getSharedOpacity, getSnapshot, getStylePropsOf, getSvgAsImage, getSvgPathFromPoints, getTextMeasureProvider, getThemeCssVars, getUncroppedSize, getUserPreferences, handleTypeValidator, hardReset, hardResetEditor, hasAncestor, hexToRgba, hitTestSelectionBounds, hitTestSelectionHandles, idValidator, imageAssetMigrations, imageAssetProps, imageAssetPropsValidator, imageAssetValidator, inlineBase64AssetStore, intersectCircleCircle, intersectCirclePolygon, intersectCirclePolyline, intersectLineSegmentCircle, intersectLineSegmentLineSegment, intersectLineSegmentPolygon, intersectLineSegmentPolyline, intersectPolygonBounds, intersectPolygonPolygon, isAncestorSelected, isAsset, isAssetId, isBinding, isBindingId, isCommentId, isCommentReactionId, isCommentThreadId, isCursorInViewport, isCustomRecord, isCustomRecordId, isDocument, isFullCrop, isInstancePresenceId, isOptionalValidator, isPage, isPageId, isPointInShape, isPropsMigrations, isSafeFloat, isShape, isShapeHidden, isShapeId, isShapeInPage, isUserId, isValidProps, kickoutOccludedShapes, lerp, linesIntersect, loadSessionStateSnapshotIntoStore, loadSnapshot, loopToHtmlElement, maybeSnapToGrid, mixHexColors, moveElementInto, moveShapesToPage, normalizeIndicatorPath, normalizeLoadedRecords, noteReactivePointerType, opacityValidator, openWindow, packShapes, pageIdValidator, parentIdValidator, parseDeepLinkString, perimeterOfEllipse, pointInPolygon, pointerValidator, polygonIntersectsPolyline, polygonsIntersect, popFocusedGroupId, precise, prefixError, preventDefault, radiansToDegrees, randomPresenceColor, rangeIntersection, refreshPage, refreshReactiveEnvironment, registerColorsFromThemes, registerCoreShape, registerDefaultAssetSchema, registerDefaultBindingSchema, registerDefaultShapeSchema, registerEngineProvider, registerExportImplementation, registerFontsFromThemes, registerTextMeasureImplementation, releasePointerCapture, resizeBox, resizeScaled, resizeToBounds, resolveAssetUrl, resolveLineHeightPx, resolveShape, resolveThemes, resolveUiMessage, richTextToPlainText, rootBindingMigrations, rootShapeMigrations, rotateSelectionHandle, runtime, sanitizeId, scribbleValidator, selectAdjacentShape, selectFirstChildShape, selectParentShape, setDefaultCdnBaseUrl, setFocusedGroup, setOpacityForNextShapes, setOpacityForSelectedShapes, setPointerCapture, setRuntimeOverrides, setUserPreferences, shapeIdValidator, shapePropsMigrationSequenceId, shortAngleDist, snapAngle, stopEventPropagation, strokeShapeIndicators, suffixSafeId, tleditors, tlenv, tlenvReactive, tlmenus, tltime, toCustomRecordMigrationSequence, toDomPrecision, toFixed, toMigrationSequence, toPrecision, trackPointer, uniq, updatePage, useActions, useAssetUrls, useColorMode, useContainer, useContainerIfExists, useCurrentTheme, useCurrentUser, useDelaySvgExport, useEditor, useEditorComponents, useEditorPortalHost, useGlobalMenuIsOpen, useIsCropping, useIsEditing, useIsToolSelected, useMaybeEditor, useMocanvasUi, usePassThroughWheelEvents, useSharedSafeId, useSvgExportContext, useTLSchemaFromUtils, useTLStore, useThemeColors, useThemeCssVars, useTools, useTransform, useUniqueSafeId, useViewportHeight, userIdValidator, userPreferencesValidator, userTypeValidator, userValidator, validateCustomRecordInfos, validateProps, vecModelValidator, videoAssetMigrations, videoAssetProps, videoAssetValidator, visitDescendants, withCoreShapes };
+export { ARROWHEAD_KINDS, ARROW_SHAPE_KINDS, ASSET_MIGRATION_SEQUENCE_PREFIX, Arc2d, ArrayOfValidator, ArrowShapeArrowheadEndStyle, ArrowShapeArrowheadStartStyle, ArrowShapeKindStyle, AssetRecordType, AssetUrlsProvider, AssetUtil, AssetUtilRegistry, BINDING_MIGRATION_SEQUENCE_PREFIX, BUILTIN_ASSET_MIGRATION_SEQUENCE_PREFIX, BUILTIN_BINDING_MIGRATION_SEQUENCE_PREFIX, BUILTIN_SHAPE_MIGRATION_SEQUENCE_PREFIX, BaseBoxShapeUtil, BaseFrameLikeShapeUtil, BindingRecordType, BindingUtil, BoundsSnaps, Box, CANVAS_THEME_VARS, COLLABORATOR_INACTIVE_TIMEOUT, CURRENT_SESSION_SCHEMA_VERSION, CURSOR_TYPES, CUSTOM_RECORD_MIGRATION_SEQUENCE_PREFIX, CUSTOM_RECORD_TYPE_NAME, CameraRecordType, CameraStateTracker, Canvas, Circle2d, ClickManager, CollaboratorsManager, CommentReactionRecordType, CommentRecordType, CommentThreadRecordType, ContainerProvider, ContentElementManager, CubicBezier2d, CubicSpline2d, DEFAULT_ASSET_CONTEXT, DEFAULT_CAMERA_OPTIONS, DEFAULT_COLORS, DEFAULT_DARK_COLORS, DEFAULT_DASHES, DEFAULT_EDITOR_CONFIG, DEFAULT_FILLS, DEFAULT_FILL_TOKENS, DEFAULT_FONTS, DEFAULT_FONT_FAMILIES, DEFAULT_H_ALIGNS, DEFAULT_LIGHT_COLORS, DEFAULT_LINE_HEIGHT, DEFAULT_MENU_CONTEXT, DEFAULT_PAGE_ID, DEFAULT_SHAPE_INDICATOR_OPTIONS, DEFAULT_SIZES, DEFAULT_TEXT_ALIGNS, DEFAULT_THEME, DEFAULT_TIME_CONTEXT, DEFAULT_V_ALIGNS, DIM_2D, DIM_3D, DOCUMENT_ID, DefaultBackground, DefaultCanvas, DefaultColorStyle, DefaultCursor, DefaultDashStyle, DefaultErrorFallback, DefaultFillStyle, DefaultFontFaces, DefaultFontFamilies, DefaultFontStyle, DefaultGrid, DefaultHorizontalAlignStyle, DefaultLabelColorStyle, DefaultShapeWrapper, DefaultSizeStyle, DefaultSpinner, DefaultSvgDefs, DefaultTextAlignStyle, DefaultVerticalAlignStyle, DictValidator, DocumentRecordType, EASINGS, ELBOW_ARROW_SNAP_MODES, EVENT_NAME_MAP, Edge2d, EdgeScrollManager, Editor, EditorAtom, EditorContext, EditorManager, EditorPortal, EditorProvider, ElbowArrowSnap, Ellipse2d, EnumStyleProp, ErrorBoundary, ErrorScreen, EventEmitter, FIRST_PAGE_INDEX, FONT_SIZES, FontManager, GEO_SHAPE_KINDS, GeoShapeGeoStyle, Geometry2d, Geometry2dFilters, Group2d, HALF_PI, HANDLE_HIT_RADIUS, HTMLContainer, HandleSnaps, HandleTable, HistoryManager, INSTANCE_ID, ImageShapeCrop, InputsManager, InstancePageStateRecordType, InstancePresenceRecordType, InstanceRecordType, LIGHT_THEME, LINE_SPLINE_KINDS, LOCAL_STATE_PREFIX, LineShapeSplineStyle, LoadingScreen, MAX_TEXTURE_RESOLUTION, MAX_TEXTURE_ZOOM, Mat, MenuClickCapture, MenuManager, MocanvasUiProvider, ObjectValidator, OverlayManager, OverlayUtil, PI, PI2, PRESENCE_COLORS, PageRecordType, PerformanceApiAdapter, PerformanceManager, Point2d, PointerRecordType, Polygon2d, Polyline2d, ROTATE_CORNER_TO_SELECTION_CORNER, ROTATE_HANDLE_OFFSET, ReadonlySharedStyleMap, Rectangle2d, RootState, SHAPE_MIGRATION_SEQUENCE_PREFIX, SIDES, SIN, STROKE_SIZES, SVGContainer, ScribbleManager, ShapeIndicatorCompositor, ShapeRecordType, ShapeUtil, SharedStyleMap, SnapManager, Stadium2d, StateNode, StyleProp, SvgExportContextProvider, T, TAB_ID, TLEditorsRegistry, TLPOINTER_ID, TL_CANVAS_UI_COLOR_TYPES, TL_CURSOR_TYPES, TL_HANDLE_TYPES, TL_SCRIBBLE_STATES, TextManager, TextureManager, ThemeManager, Timers, TransformedGeometry2d, UNKNOWN_EDIT_START_INFO, USER_PREFERENCES_DEFAULTS, UnionValidator, UserPreferencesManager, UserRecordType, ValidationError, Validator, Vec, WebGL2Backend, angleDistance, animateShape, animateShapes, applyThemePatch, approximately, areAnglesCompatible, arrowBindingVersions, assetIdValidator, assetMigrations, assetPropsMigrationSequenceId, assetValidator, assetValidators, average, b64Vecs, bindingIdValidator, bindingPropsMigrationSequenceId, bookmarkAssetMigrations, bookmarkAssetProps, bookmarkAssetPropsValidator, bookmarkAssetValidator, boundsIndicatorPath, boxModelValidator, bucketTextureResolution, canBindShapes, canBuildIndicatorPaths, canCreateShape, canCreateShapes, canCropShape, canEditShape, canonicalizeRotation, canvasUiColorTypeValidator, centerOfCircleFromThreePoints, clamp, clampRadians, clockwiseAngleDist, commentAnchorValidator, commentReactionRecordConfig, commentReactionValidator, commentRecordConfig, commentSchemaRecords, commentThreadRecordConfig, commentThreadValidator, commentValidator, compressLegacySegments, coreShapes, counterClockwiseAngleDist, createAssetId, createAssetPropsMigrationIds, createAssetPropsMigrationSequence, createAssetValidator, createBackend, createBaseBindingValidator, createBaseShapeValidator, createBindingId, createBindingPropsMigrationIds, createBindingPropsMigrationSequence, createBindingValidator, createBuiltInAssetPropsMigrationIds, createBuiltInBindingPropsMigrationIds, createBuiltInShapePropsMigrationIds, createCachedUserResolve, createComment, createCommentId, createCommentReaction, createCommentReactionId, createCommentThread, createCommentThreadId, createCurrentUser, createCustomRecord, createCustomRecordId, createCustomRecordMigrationIds, createCustomRecordMigrationSequence, createCustomRecordMigrationSequences, createCustomRecordType, createCustomRecordTypeMap, createCustomRecordValidator, createDeepLinkString, createInMemoryAssetStore, createMemoryUserStore, createPresenceStateDerivation, createPropsMigrationSequences, createRootState, createSchema, createSessionStateSnapshotSignal, createShapeId, createShapePropsMigrationIds, createShapePropsMigrationSequence, createShapeValidator, createStore, createTLCurrentUser, createTLSchemaFromUtils, createTheme, createUserId, createUserPreferences, createUserRecordType, cursorTypeValidator, cursorValidator, customRecordMigrationSequenceId, dataUrlToFile, decodeDrawSegmentPath, defaultAssetMigrations, defaultAssetSchemas, defaultBindingSchemas, defaultShapeSchemas, defaultTldrawOptions, defaultUserPreferences, defaultUserStore, degreesToRadians, deselect, drawShapeSegmentValidator, dropShapesOnFrameLike, duplicatePage, easeInOutCubic, fileToBase64DataUrl, fileToDataUrl, findCommonAncestor, findShapeAncestor, fontKey, formatValidationPath, getArcMeasure, getAssetSrc, getBaseZoomForCameraOptions, getColorNamesFromThemes, getColorValue, getCulledShapes, getCurrentPageRenderingShapesSorted, getCurrentPageShapesInReadingOrder, getCursor, getCustomRecordIdType, getDefaultAssetContext, getDefaultCdnBaseUrl, getDefaultCrop, getDefaultDisplayValues, getDefaultUserPresence, getDefaultUserProperties, getDisplayValues, getDroppedShapesToNewParents, getEngineProvider, getExportImplementation, getFocusedGroup, getFocusedGroupId, getFontNamesFromThemes, getFontsFromRichText, getFrameLikeDropTarget, getFreshUserPreferences, getHandleHitRadius, getIncrementedName, getIndicatorSource, getInitialMetaForShape, getLocaleChain, getNearestAdjacentShape, getNotVisibleShapes, getOnlySelectedShapeId, getOverlayDisplayValues, getOwnerDocument, getOwnerWindow, getPageStates, getPaletteEntries, getPerfectDashProps, getPointInArcT, getPointOnCircle, getPointerInfo, getPointsOnArc, getPolygonVertices, getRenderingShapes, getSelectedShapeAtPoint, getSelectionHandlePositions, getSelectionRotatedPageBounds, getSelectionRotatedScreenBounds, getSelectionScreenBounds, getSessionStateSnapshot, getSessionStateSnapshotFromStore, getShapeAndDescendantIds, getShapeClipPath, getShapeHandles, getShapeIdsInsideBounds, getShapeIndicatorNode, getShapeIndicatorPath, getShapeMaskedPageBounds, getShapeStyleIfExists, getShapesPageBounds, getSharedOpacity, getSnapshot, getStylePropsOf, getSvgAsImage, getSvgPathFromPoints, getTextMeasureProvider, getThemeCssVars, getUncroppedSize, getUserPreferences, handleTypeValidator, hardReset, hardResetEditor, hasAncestor, hexToRgba, hitTestSelectionBounds, hitTestSelectionHandles, idValidator, imageAssetMigrations, imageAssetProps, imageAssetPropsValidator, imageAssetValidator, inlineBase64AssetStore, intersectCircleCircle, intersectCirclePolygon, intersectCirclePolyline, intersectLineSegmentCircle, intersectLineSegmentLineSegment, intersectLineSegmentPolygon, intersectLineSegmentPolyline, intersectPolygonBounds, intersectPolygonPolygon, isAncestorSelected, isAsset, isAssetId, isBinding, isBindingId, isCommentId, isCommentReactionId, isCommentThreadId, isCursorInViewport, isCustomRecord, isCustomRecordId, isDocument, isFullCrop, isInstancePresenceId, isOptionalValidator, isPage, isPageId, isPointInShape, isPropsMigrations, isSafeFloat, isShape, isShapeHidden, isShapeId, isShapeInPage, isUserId, isValidProps, kickoutOccludedShapes, lerp, linesIntersect, loadSessionStateSnapshotIntoStore, loadSnapshot, loopToHtmlElement, maybeSnapToGrid, mixHexColors, moveElementInto, moveShapesToPage, normalizeIndicatorPath, normalizeLoadedRecords, noteReactivePointerType, opacityValidator, openWindow, packShapes, pageIdValidator, parentIdValidator, parseDeepLinkString, perimeterOfEllipse, pointInPolygon, pointerValidator, polygonIntersectsPolyline, polygonsIntersect, popFocusedGroupId, precise, prefixError, preventDefault, radiansToDegrees, randomPresenceColor, rangeIntersection, refreshPage, refreshReactiveEnvironment, registerColorsFromThemes, registerCoreShape, registerDefaultAssetSchema, registerDefaultBindingSchema, registerDefaultShapeSchema, registerEngineProvider, registerExportImplementation, registerFontsFromThemes, registerTextMeasureImplementation, releasePointerCapture, resizeBox, resizeScaled, resizeToBounds, resolveAssetUrl, resolveLineHeightPx, resolveShape, resolveThemes, resolveUiMessage, richTextToPlainText, rootBindingMigrations, rootShapeMigrations, rotateSelectionHandle, runtime, sanitizeId, scribbleValidator, selectAdjacentShape, selectFirstChildShape, selectParentShape, setDefaultCdnBaseUrl, setFocusedGroup, setOpacityForNextShapes, setOpacityForSelectedShapes, setPointerCapture, setRuntimeOverrides, setUserPreferences, shapeIdValidator, shapePropsMigrationSequenceId, shortAngleDist, snapAngle, stopEventPropagation, strokeShapeIndicators, suffixSafeId, tleditors, tlenv, tlenvReactive, tlmenus, tltime, toCustomRecordMigrationSequence, toDomPrecision, toFixed, toMigrationSequence, toPrecision, trackPointer, uniq, updatePage, useActions, useAssetUrls, useColorMode, useContainer, useContainerIfExists, useCurrentTheme, useCurrentUser, useDelaySvgExport, useEditor, useEditorComponents, useEditorPortalHost, useGlobalMenuIsOpen, useIsCropping, useIsEditing, useIsToolSelected, useMaybeEditor, useMocanvasUi, usePassThroughWheelEvents, useSharedSafeId, useSvgExportContext, useTLSchemaFromUtils, useTLStore, useThemeColors, useThemeCssVars, useTools, useTransform, useUniqueSafeId, useViewportHeight, userIdValidator, userPreferencesValidator, userTypeValidator, userValidator, validateCustomRecordInfos, validateProps, vecModelValidator, videoAssetMigrations, videoAssetProps, videoAssetValidator, visitDescendants, warnOnce, withCoreShapes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map