@tldraw/editor 3.11.0-canary.e4e632644179 → 3.11.0-canary.e999671f7c64

package/dist-cjs/version.js

@@ -22,10 +22,10 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "3.11.0-canary.e4e632644179";
+const version = "3.11.0-canary.e999671f7c64";
 const publishDates = {
   major: "2024-09-13T14:36:29.063Z",
-  minor: "2025-03-13T23:34:18.189Z",
-  patch: "2025-03-13T23:34:18.189Z"
+  minor: "2025-03-15T12:23:31.016Z",
+  patch: "2025-03-15T12:23:31.016Z"
 };
 //# sourceMappingURL=version.js.map

package/dist-cjs/version.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/version.ts"],
-  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '3.11.0-canary.e4e632644179'\nexport const publishDates = {\n\tmajor: '2024-09-13T14:36:29.063Z',\n\tminor: '2025-03-13T23:34:18.189Z',\n\tpatch: '2025-03-13T23:34:18.189Z',\n}\n"],
+  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '3.11.0-canary.e999671f7c64'\nexport const publishDates = {\n\tmajor: '2024-09-13T14:36:29.063Z',\n\tminor: '2025-03-15T12:23:31.016Z',\n\tpatch: '2025-03-15T12:23:31.016Z',\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,UAAU;AAChB,MAAM,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACR;",
   "names": []
 }

package/dist-esm/index.d.mts

@@ -3125,31 +3125,31 @@ export declare class Editor extends EventEmitter<TLEventMap> {
      *
      * @example
      * ```ts
-     * editor.stackShapes([box1, box2], 'horizontal', 32)
-     * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal', 32)
+     * editor.stackShapes([box1, box2], 'horizontal')
+     * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal')
      * ```
      *
      * @param shapes - The shapes (or shape ids) to stack.
      * @param operation - Whether to stack horizontally or vertically.
-     * @param gap - The gap to leave between shapes.
+     * @param gap - The gap to leave between shapes. By default, uses the editor's `adjacentShapeMargin` option.
      *
      * @public
      */
-    stackShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical', gap: number): this;
+    stackShapes(shapes: TLShape[] | TLShapeId[], operation: 'horizontal' | 'vertical', gap?: number): this;
     /**
      * Pack shapes into a grid centered on their current position. Based on potpack (https://github.com/mapbox/potpack).
      *
      * @example
      * ```ts
-     * editor.packShapes([box1, box2], 32)
+     * editor.packShapes([box1, box2])
      * editor.packShapes(editor.getSelectedShapeIds(), 32)
      * ```
      *
      *
      * @param shapes - The shapes (or shape ids) to pack.
-     * @param gap - The padding to apply to the packed shapes. Defaults to 16.
+     * @param gap - The padding to apply to the packed shapes. Defaults to the editor's `adjacentShapeMargin` option.
      */
-    packShapes(shapes: TLShape[] | TLShapeId[], gap: number): this;
+    packShapes(shapes: TLShape[] | TLShapeId[], _gap?: number): this;
     /**
      * Align shape positions.
      *

package/dist-esm/index.mjs

@@ -297,7 +297,7 @@ function debugEnableLicensing() {
 }
 registerTldrawLibraryVersion(
   "@tldraw/editor",
-  "3.11.0-canary.e4e632644179",
+  "3.11.0-canary.e999671f7c64",
   "esm"
 );
 export {

package/dist-esm/lib/editor/Editor.mjs

@@ -4803,17 +4803,18 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    *
    * @example
    * ```ts
-   * editor.stackShapes([box1, box2], 'horizontal', 32)
-   * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal', 32)
+   * editor.stackShapes([box1, box2], 'horizontal')
+   * editor.stackShapes(editor.getSelectedShapeIds(), 'horizontal')
    * ```
    *
    * @param shapes - The shapes (or shape ids) to stack.
    * @param operation - Whether to stack horizontally or vertically.
-   * @param gap - The gap to leave between shapes.
+   * @param gap - The gap to leave between shapes. By default, uses the editor's `adjacentShapeMargin` option.
    *
    * @public
    */
   stackShapes(shapes, operation, gap) {
+    const _gap = gap ?? this.options.adjacentShapeMargin;
     const ids = typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
     if (this.getIsReadonly()) return this;
     const shapesToStackFirstPass = compact(ids.map((id) => this.getShape(id)));
@@ -4849,7 +4850,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       allBounds.push(commonPageBounds);
     }
     const len = shapeClustersToStack.length;
-    if (gap === 0 && len < 3 || len < 2) return this;
+    if (_gap === 0 && len < 3 || len < 2) return this;
     let val;
     let min;
     let max;
@@ -4866,7 +4867,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
       dim = "height";
     }
     let shapeGap = 0;
-    if (gap === 0) {
+    if (_gap === 0) {
       const gaps = {};
       shapeClustersToStack.sort((a, b) => a.pageBounds[min] - b.pageBounds[min]);
       for (let i = 0; i < len - 1; i++) {
@@ -4894,7 +4895,7 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
         shapeGap /= totalCount;
       }
     } else {
-      shapeGap = gap;
+      shapeGap = _gap;
     }
     const changes = [];
     let v = shapeClustersToStack[0].pageBounds[max];
@@ -4922,16 +4923,17 @@ class Editor extends (_a = EventEmitter, _getIsShapeHiddenCache_dec = [computed]
    *
    * @example
    * ```ts
-   * editor.packShapes([box1, box2], 32)
+   * editor.packShapes([box1, box2])
    * editor.packShapes(editor.getSelectedShapeIds(), 32)
    * ```
    *
    *
    * @param shapes - The shapes (or shape ids) to pack.
-   * @param gap - The padding to apply to the packed shapes. Defaults to 16.
+   * @param gap - The padding to apply to the packed shapes. Defaults to the editor's `adjacentShapeMargin` option.
    */
-  packShapes(shapes, gap) {
+  packShapes(shapes, _gap) {
     if (this.getIsReadonly()) return this;
+    const gap = _gap ?? this.options.adjacentShapeMargin;
     const ids = typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
     const shapesToPackFirstPass = compact(ids.map((id) => this.getShape(id)));
     const shapeClustersToPack = [];