@formicoidea/labre-framework-cynefin 0.23.1 → 0.23.2

package/{dist/toolbar/menu.js → src/toolbar/menu.ts}

@@ -1,133 +1,156 @@
-import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
-import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
-import { ShapeStyle } from '@formicoidea/labre-core/model';
-import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
-import { Bound } from '@formicoidea/labre-core/global/gfx';
-import { css, html, LitElement } from 'lit';
-import { REF_H as CYN_H, REF_W as CYN_W } from '../cynefin/consts';
-import { REF_H as EST_H, REF_W as EST_W } from '../estuarine/consts';
-import { cynefinMenuIcon, estuarineMenuIcon, hexagonMenuIcon, } from './icons';
-/** Estuarine map default size (REF aspect, scaled up so it reads on canvas). */
-const MAP_SCALE = 1.2;
-const HEX_SIZE = 60;
-const HEX_FILL = '#34c724';
-const HEX_STROKE = '#1f1f1f';
-/** Flat-top regular hexagon, normalized vertices. */
-const HEX_VERTICES = [
-    [1, 0.5],
-    [0.75, 0.933],
-    [0.25, 0.933],
-    [0, 0.5],
-    [0.25, 0.067],
-    [0.75, 0.067],
-];
-/**
- * The popover above the toolbar hosting both frameworks: create the Cynefin
- * diagram, the Estuarine map, or a hexagon constraint node.
- */
-export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.type = EmptyTool;
-    }
-    static { this.styles = css `
-    :host {
-      position: absolute;
-      display: flex;
-      z-index: -1;
-    }
-    .menu-content {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .button-group-container {
-      display: flex;
-      align-items: center;
-      gap: 14px;
-      fill: var(--affine-icon-color);
-    }
-    .button-group-container svg {
-      width: 24px;
-      height: 24px;
-    }
-  `; }
-    _finish(id) {
-        const { gfx } = this;
-        gfx.doc.captureSync();
-        gfx.tool.setTool(DefaultTool);
-        gfx.selection.set({ elements: [id], editing: false });
-    }
-    _createCynefin() {
-        const { gfx } = this;
-        if (!gfx.surface)
-            return;
-        const { centerX, centerY } = gfx.viewport;
-        const id = gfx.surface.addElement({
-            type: 'cynefin',
-            xywh: new Bound(centerX - CYN_W / 2, centerY - CYN_H / 2, CYN_W, CYN_H).serialize(),
-        });
-        this._finish(id);
-    }
-    _createMap() {
-        const { gfx } = this;
-        if (!gfx.surface)
-            return;
-        const width = EST_W * MAP_SCALE;
-        const height = EST_H * MAP_SCALE;
-        const { centerX, centerY } = gfx.viewport;
-        const id = gfx.surface.addElement({
-            type: 'estuarine',
-            xywh: new Bound(centerX - width / 2, centerY - height / 2, width, height).serialize(),
-        });
-        this._finish(id);
-    }
-    _createHexagon() {
-        const { gfx } = this;
-        if (!gfx.surface)
-            return;
-        const { centerX: cx, centerY: cy } = gfx.viewport;
-        const id = gfx.surface.addElement({
-            type: 'shape',
-            shapeType: 'polygon',
-            vertices: HEX_VERTICES,
-            filled: true,
-            fillColor: HEX_FILL,
-            strokeColor: HEX_STROKE,
-            strokeWidth: 2,
-            shapeStyle: ShapeStyle.General,
-            roughness: 0,
-            xywh: new Bound(cx - HEX_SIZE / 2, cy - HEX_SIZE / 2, HEX_SIZE, HEX_SIZE).serialize(),
-        });
-        this._finish(id);
-    }
-    render() {
-        return html `
-      <edgeless-slide-menu>
-        <div class="menu-content">
-          <div class="button-group-container">
-            <edgeless-tool-icon-button
-              .tooltip=${'Cynefin framework'}
-              @click=${this._createCynefin}
-            >
-              ${cynefinMenuIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Estuarine map'}
-              @click=${this._createMap}
-            >
-              ${estuarineMenuIcon}
-            </edgeless-tool-icon-button>
-            <edgeless-tool-icon-button
-              .tooltip=${'Hexagon node'}
-              @click=${this._createHexagon}
-            >
-              ${hexagonMenuIcon}
-            </edgeless-tool-icon-button>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
-    }
-}
-//# sourceMappingURL=menu.js.map
+import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { ShapeStyle } from '@formicoidea/labre-core/model';
+import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { Bound } from '@formicoidea/labre-core/global/gfx';
+import { css, html, LitElement } from 'lit';
+
+import { REF_H as CYN_H, REF_W as CYN_W } from '../cynefin/consts';
+import { REF_H as EST_H, REF_W as EST_W } from '../estuarine/consts';
+import {
+  cynefinMenuIcon,
+  estuarineMenuIcon,
+  hexagonMenuIcon,
+} from './icons';
+
+/** Estuarine map default size (REF aspect, scaled up so it reads on canvas). */
+const MAP_SCALE = 1.2;
+const HEX_SIZE = 60;
+const HEX_FILL = '#34c724';
+const HEX_STROKE = '#1f1f1f';
+/** Flat-top regular hexagon, normalized vertices. */
+const HEX_VERTICES: number[][] = [
+  [1, 0.5],
+  [0.75, 0.933],
+  [0.25, 0.933],
+  [0, 0.5],
+  [0.25, 0.067],
+  [0.75, 0.067],
+];
+
+/**
+ * The popover above the toolbar hosting both frameworks: create the Cynefin
+ * diagram, the Estuarine map, or a hexagon constraint node.
+ */
+export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(
+  LitElement
+) {
+  static override styles = css`
+    :host {
+      position: absolute;
+      display: flex;
+      z-index: -1;
+    }
+    .menu-content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .button-group-container {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      fill: var(--affine-icon-color);
+    }
+    .button-group-container svg {
+      width: 24px;
+      height: 24px;
+    }
+  `;
+
+  override type = EmptyTool;
+
+  private _finish(id: string) {
+    const { gfx } = this;
+    gfx.doc.captureSync();
+    gfx.tool.setTool(DefaultTool);
+    gfx.selection.set({ elements: [id], editing: false });
+  }
+
+  private _createCynefin() {
+    const { gfx } = this;
+    if (!gfx.surface) return;
+    const { centerX, centerY } = gfx.viewport;
+    const id = gfx.surface.addElement({
+      type: 'cynefin',
+      xywh: new Bound(
+        centerX - CYN_W / 2,
+        centerY - CYN_H / 2,
+        CYN_W,
+        CYN_H
+      ).serialize(),
+    });
+    this._finish(id);
+  }
+
+  private _createMap() {
+    const { gfx } = this;
+    if (!gfx.surface) return;
+    const width = EST_W * MAP_SCALE;
+    const height = EST_H * MAP_SCALE;
+    const { centerX, centerY } = gfx.viewport;
+    const id = gfx.surface.addElement({
+      type: 'estuarine',
+      xywh: new Bound(
+        centerX - width / 2,
+        centerY - height / 2,
+        width,
+        height
+      ).serialize(),
+    });
+    this._finish(id);
+  }
+
+  private _createHexagon() {
+    const { gfx } = this;
+    if (!gfx.surface) return;
+    const { centerX: cx, centerY: cy } = gfx.viewport;
+    const id = gfx.surface.addElement({
+      type: 'shape',
+      shapeType: 'polygon',
+      vertices: HEX_VERTICES,
+      filled: true,
+      fillColor: HEX_FILL,
+      strokeColor: HEX_STROKE,
+      strokeWidth: 2,
+      shapeStyle: ShapeStyle.General,
+      roughness: 0,
+      xywh: new Bound(
+        cx - HEX_SIZE / 2,
+        cy - HEX_SIZE / 2,
+        HEX_SIZE,
+        HEX_SIZE
+      ).serialize(),
+    });
+    this._finish(id);
+  }
+
+  override render() {
+    return html`
+      <edgeless-slide-menu>
+        <div class="menu-content">
+          <div class="button-group-container">
+            <edgeless-tool-icon-button
+              .tooltip=${'Cynefin framework'}
+              @click=${this._createCynefin}
+            >
+              ${cynefinMenuIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Estuarine map'}
+              @click=${this._createMap}
+            >
+              ${estuarineMenuIcon}
+            </edgeless-tool-icon-button>
+            <edgeless-tool-icon-button
+              .tooltip=${'Hexagon node'}
+              @click=${this._createHexagon}
+            >
+              ${hexagonMenuIcon}
+            </edgeless-tool-icon-button>
+          </div>
+        </div>
+      </edgeless-slide-menu>
+    `;
+  }
+}

package/{dist/toolbar/senior-button.js → src/toolbar/senior-button.ts}

@@ -1,90 +1,95 @@
-import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
-import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
-import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
-import { SignalWatcher } from '@formicoidea/labre-core/global/lit';
-import { css, html, LitElement } from 'lit';
-import { cynefinToolbarIcon } from './icons';
-/** Main toolbar button that opens the combined Cynefin / Estuarine sub-menu. */
-export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMixin(SignalWatcher(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.enableActiveBackground = true;
-        this.type = EmptyTool;
-    }
-    static { this.styles = css `
-    :host,
-    .ce-button {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    :host {
-      position: relative;
-    }
-    .ce-root {
-      width: 100%;
-      height: 64px;
-      position: relative;
-      overflow: hidden;
-      cursor: pointer;
-      display: flex;
-      align-items: flex-end;
-      justify-content: center;
-    }
-    .ce-card {
-      --y: -4px;
-      --s: 1;
-      position: absolute;
-      bottom: 0;
-      width: 54px;
-      height: 54px;
-      transform: translateY(var(--y)) scale(var(--s));
-      transition: transform 0.3s ease;
-    }
-    .ce-card svg {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .ce-root:hover .ce-card {
-      --y: -10px;
-      --s: 1.07;
-    }
-  `; }
-    _toggleMenu() {
-        if (this.popper) {
-            this.popper.dispose();
-            this.popper = null;
-            return;
-        }
-        this.setEdgelessTool(DefaultTool);
-        const menu = this.createPopper('edgeless-cynefin-estuarine-menu', this);
-        menu.element.edgeless = this.edgeless;
-        const el = menu.element;
-        const wrap = el.parentElement;
-        if (wrap) {
-            wrap.style.overflow = 'visible';
-            wrap.style.justifyContent = 'flex-end';
-        }
-        Object.assign(el.style, {
-            position: 'static',
-            width: 'max-content',
-            maxWidth: 'calc(100vw - 16px)',
-            marginLeft: '0',
-        });
-    }
-    render() {
-        return html `<edgeless-toolbar-button
-      class="ce-button"
-      .tooltip=${this.popper ? '' : 'Cynefin / Estuarine'}
-      .tooltipOffset=${4}
-      .active=${!!this.popper}
-      @click=${this._toggleMenu}
-    >
-      <div class="ce-root">
-        <div class="ce-card">${cynefinToolbarIcon}</div>
-      </div>
-    </edgeless-toolbar-button>`;
-    }
-}
-//# sourceMappingURL=senior-button.js.map
+import { DefaultTool } from '@formicoidea/labre-core/blocks/surface';
+import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
+import { EdgelessToolbarToolMixin } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { SignalWatcher } from '@formicoidea/labre-core/global/lit';
+import { css, html, LitElement } from 'lit';
+
+import { cynefinToolbarIcon } from './icons';
+
+/** Main toolbar button that opens the combined Cynefin / Estuarine sub-menu. */
+export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMixin(
+  SignalWatcher(LitElement)
+) {
+  static override styles = css`
+    :host,
+    .ce-button {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    :host {
+      position: relative;
+    }
+    .ce-root {
+      width: 100%;
+      height: 64px;
+      position: relative;
+      overflow: hidden;
+      cursor: pointer;
+      display: flex;
+      align-items: flex-end;
+      justify-content: center;
+    }
+    .ce-card {
+      --y: -4px;
+      --s: 1;
+      position: absolute;
+      bottom: 0;
+      width: 54px;
+      height: 54px;
+      transform: translateY(var(--y)) scale(var(--s));
+      transition: transform 0.3s ease;
+    }
+    .ce-card svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+    .ce-root:hover .ce-card {
+      --y: -10px;
+      --s: 1.07;
+    }
+  `;
+
+  override enableActiveBackground = true;
+
+  override type = EmptyTool;
+
+  private _toggleMenu() {
+    if (this.popper) {
+      this.popper.dispose();
+      this.popper = null;
+      return;
+    }
+    this.setEdgelessTool(DefaultTool);
+    const menu = this.createPopper('edgeless-cynefin-estuarine-menu', this);
+    menu.element.edgeless = this.edgeless;
+
+    const el = menu.element as HTMLElement;
+    const wrap = el.parentElement;
+    if (wrap) {
+      wrap.style.overflow = 'visible';
+      wrap.style.justifyContent = 'flex-end';
+    }
+    Object.assign(el.style, {
+      position: 'static',
+      width: 'max-content',
+      maxWidth: 'calc(100vw - 16px)',
+      marginLeft: '0',
+    });
+  }
+
+  override render() {
+    return html`<edgeless-toolbar-button
+      class="ce-button"
+      .tooltip=${this.popper ? '' : 'Cynefin / Estuarine'}
+      .tooltipOffset=${4}
+      .active=${!!this.popper}
+      @click=${this._toggleMenu}
+    >
+      <div class="ce-root">
+        <div class="ce-card">${cynefinToolbarIcon}</div>
+      </div>
+    </edgeless-toolbar-button>`;
+  }
+}

package/{dist/toolbar/senior-tool.js → src/toolbar/senior-tool.ts}

@@ -1,12 +1,15 @@
-import { SeniorToolExtension } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
-import { html } from 'lit';
-/** A single senior tool hosting both the Cynefin and Estuarine frameworks. */
-export const cynefinEstuarineSeniorTool = SeniorToolExtension('cynefin-estuarine', ({ block }) => {
-    return {
-        name: 'Cynefin / Estuarine',
-        content: html `<edgeless-cynefin-estuarine-senior-button
-        .edgeless=${block}
-      ></edgeless-cynefin-estuarine-senior-button>`,
-    };
-});
-//# sourceMappingURL=senior-tool.js.map
+import { SeniorToolExtension } from '@formicoidea/labre-core/widgets/edgeless-toolbar';
+import { html } from 'lit';
+
+/** A single senior tool hosting both the Cynefin and Estuarine frameworks. */
+export const cynefinEstuarineSeniorTool = SeniorToolExtension(
+  'cynefin-estuarine',
+  ({ block }) => {
+    return {
+      name: 'Cynefin / Estuarine',
+      content: html`<edgeless-cynefin-estuarine-senior-button
+        .edgeless=${block}
+      ></edgeless-cynefin-estuarine-senior-button>`,
+    };
+  }
+);

package/{dist/utils.js → src/utils.ts}

@@ -1,11 +1,11 @@
-/**
- * Uniform fit of a fixed reference design (`refW × refH`) into an element of
- * size `w × h`: the scale factor plus the centering offsets (letterboxed).
- * Keeps the artwork undistorted at any element size.
- */
-export function refScale(w, h, refW, refH) {
-    const s = Math.min(w / refW, h / refH);
-    return { s, ox: (w - refW * s) / 2, oy: (h - refH * s) / 2 };
-}
-export const FONT_FAMILY = 'Inter, sans-serif';
-//# sourceMappingURL=utils.js.map
+/**
+ * Uniform fit of a fixed reference design (`refW × refH`) into an element of
+ * size `w × h`: the scale factor plus the centering offsets (letterboxed).
+ * Keeps the artwork undistorted at any element size.
+ */
+export function refScale(w: number, h: number, refW: number, refH: number) {
+  const s = Math.min(w / refW, h / refH);
+  return { s, ox: (w - refW * s) / 2, oy: (h - refH * s) / 2 };
+}
+
+export const FONT_FAMILY = 'Inter, sans-serif';

package/src/view.ts

@@ -0,0 +1,44 @@
+import {
+  type ViewExtensionContext,
+  ViewExtensionProvider,
+} from '@formicoidea/labre-core/ext-loader';
+import { extendTemplateCategory } from '@formicoidea/labre-core/gfx/template';
+
+import { CynefinRendererExtension } from './cynefin/element-renderer';
+import { CynefinInteraction, CynefinView } from './cynefin/element-view';
+import { cynefinToolbarExtension } from './cynefin/toolbar/config';
+import { effects } from './effects';
+import { EstuarineRendererExtension } from './estuarine/element-renderer';
+import { EstuarineInteraction, EstuarineView } from './estuarine/element-view';
+import { estuarineToolbarExtension } from './estuarine/toolbar/config';
+import {
+  cynefinTemplateCategory,
+  estuarineTemplateCategory,
+} from './templates';
+import { cynefinEstuarineSeniorTool } from './toolbar/senior-tool';
+
+export class CynefinEstuarineViewExtension extends ViewExtensionProvider {
+  override name = 'affine-cynefin-estuarine-gfx';
+
+  override effect(): void {
+    super.effect();
+    effects();
+    extendTemplateCategory(cynefinTemplateCategory);
+    extendTemplateCategory(estuarineTemplateCategory);
+  }
+
+  override setup(context: ViewExtensionContext) {
+    super.setup(context);
+    context.register(CynefinView);
+    context.register(CynefinRendererExtension);
+    context.register(EstuarineView);
+    context.register(EstuarineRendererExtension);
+    if (this.isEdgeless(context.scope)) {
+      context.register(CynefinInteraction);
+      context.register(EstuarineInteraction);
+      context.register(cynefinEstuarineSeniorTool);
+      context.register(cynefinToolbarExtension);
+      context.register(estuarineToolbarExtension);
+    }
+  }
+}

package/dist/cynefin/consts.d.ts

@@ -1,80 +0,0 @@
-/**
- * Visual constants for the Liminal Cynefin diagram, reproduced from the official
- * SVG (viewBox 0 0 1080 777). All geometry is authored in that fixed reference
- * space and scaled uniformly to the element bounds by the renderer.
- */
-export declare const REF_W = 1080;
-export declare const REF_H = 777;
-export declare const COLORS: {
-    readonly boundary: "#333333";
-    readonly teal: "#2a9d99";
-    /** Domain headings + subheadings (h1 / h2). */
-    readonly heading: "#6d6e71";
-    /** Body, small annotations and the big A / C glyphs. */
-    readonly body: "#231f20";
-};
-/**
- * Dark boundary strokes drawn *behind* the teal "iterate" curve:
- * [svg path, lineWidth, miterJoin].
- */
-export declare const DARK_BACK_PATHS: ReadonlyArray<readonly [string, number, boolean]>;
-/** Teal "iterate" curve, drawn *over* the back arcs and the dashed paving. */
-export declare const TEAL_PATH = "M 475.1 9.1 C 477.5 13.3, 484.4 26.1, 489.3 34.6 C 494.2 43.1, 499.7 51.7, 504.4 60.2 C 509.1 68.7, 513.4 77.2, 517.6 85.7 C 521.8 94.2, 525.7 102.7, 529.7 111.2 C 533.7 119.7, 538.1 128.3, 541.8 136.8 C 545.5 145.3, 549.0 153.8, 551.9 162.3 C 554.8 170.8, 557.1 179.3, 559.0 187.8 C 560.9 196.3, 562.0 204.8, 563.0 213.3 C 564.0 221.8, 564.8 230.4, 565.0 238.9 C 565.2 247.4, 565.0 255.9, 564.0 264.4 C 563.0 272.9, 561.2 281.4, 559.0 289.9 C 556.8 298.4, 554.6 307.0, 550.9 315.5 C 547.2 324.0, 542.3 332.5, 536.8 341.0 C 531.2 349.5, 524.9 358.3, 517.6 366.5 C 510.4 374.7, 501.6 383.0, 493.3 390.0 C 485.0 397.0, 476.4 403.1, 468.0 408.4 C 459.6 413.7, 451.2 418.0, 442.8 421.7 C 434.4 425.4, 425.9 427.4, 417.5 430.8 C 409.1 434.2, 400.3 437.5, 392.2 442.1 C 384.1 446.7, 377.1 455.5, 369.0 458.4 C 360.9 461.3, 352.1 459.4, 343.7 459.4 C 335.3 459.4, 326.9 459.1, 318.5 458.4 C 310.1 457.7, 301.6 456.8, 293.2 455.4 C 284.8 454.0, 276.4 452.2, 268.0 450.3 C 259.6 448.4, 251.1 446.2, 242.7 444.1 C 234.3 442.1, 225.8 440.0, 217.4 438.0 C 209.0 436.0, 200.6 434.4, 192.2 431.9 C 183.8 429.3, 175.3 426.1, 166.9 422.7 C 158.5 419.3, 150.0 415.5, 141.6 411.4 C 133.2 407.3, 124.8 403.3, 116.4 398.2 C 108.0 393.1, 99.5 386.9, 91.1 380.8 C 82.7 374.7, 74.3 368.7, 65.9 361.4 C 57.5 354.1, 45.7 342.8, 40.6 336.9 C 35.5 330.9, 36.4 327.6, 35.5 325.7";
-export declare const TEAL_WIDTH = 10.5;
-/**
- * Dark boundary strokes drawn *over* the teal curve:
- * [svg path, lineWidth, miterJoin].
- */
-export declare const DARK_FRONT_PATHS: ReadonlyArray<readonly [string, number, boolean]>;
-/** Cliff hatching: [x1,y1,x2,y2], lineWidth 3. */
-export declare const HATCHES: ReadonlyArray<readonly [number, number, number, number]>;
-/** Dashed Complicated↔Clear boundary, as oriented square pavings: [x,y,size,rotateDeg]. */
-export declare const DASH_RECTS: ReadonlyArray<readonly [number, number, number, number]>;
-/**
- * The four domain blocks. Each has a heading (h1) and, when descriptions are
- * shown, a subheading (h2) and three decision lines whose lead word is bold.
- * All three text levels share the block's left `x`.
- */
-export interface DomainBlock {
-    heading: string;
-    /** Left edge shared by heading, subheading and body lines. */
-    x: number;
-    /** Heading (h1) baseline. */
-    hy: number;
-    subheading: string;
-    /** Subheading (h2) baseline. */
-    sy: number;
-    /** Decision lines: bold lead word + remainder, with their baseline. */
-    lines: ReadonlyArray<{
-        lead: string;
-        rest: string;
-        y: number;
-    }>;
-}
-export declare const DOMAINS: ReadonlyArray<DomainBlock>;
-/** Teal annotation labels (centered): [text, x, y]. */
-export declare const TEAL_LABELS: ReadonlyArray<readonly [string, number, number]>;
-/** Small exaptation sub-labels (centered): [text, x, y]. */
-export declare const SMALL_LABELS: ReadonlyArray<readonly [string, number, number]>;
-/**
- * The two central markers — Aporia (A) and Confusion (C) — each a big glyph and
- * a name, with an optional teal note ("prepare to exit"). All centered.
- */
-export interface Marker {
-    letter: string;
-    /** Big glyph position. */
-    lx: number;
-    ly: number;
-    name: string;
-    /** Name (body) position. */
-    nx: number;
-    ny: number;
-    /** Optional teal note position + text. */
-    note?: {
-        text: string;
-        x: number;
-        y: number;
-    };
-}
-export declare const MARKERS: ReadonlyArray<Marker>;
-//# sourceMappingURL=consts.d.ts.map