@miragon/event-storming-renderer 0.1.0

package/README.md

@@ -0,0 +1,55 @@
+# @miragon/event-storming-renderer
+
+[![npm](https://img.shields.io/npm/v/@miragon/event-storming-renderer)](https://www.npmjs.com/package/@miragon/event-storming-renderer)
+[![License: MIT](https://img.shields.io/github/license/Miragon/event-storming-modeler)](https://github.com/Miragon/event-storming-modeler/blob/main/LICENSE)
+
+[diagram-js](https://github.com/bpmn-io/diagram-js)-based renderer for
+[Event Storming](https://www.eventstorming.com/) boards: `Viewer`, `NavigatedViewer`, and a full
+editable `Modeler`, plus `.storm` DSL / JSON / SVG import and export. Browser/DOM only.
+
+## Install
+
+```bash
+npm install @miragon/event-storming-renderer
+```
+
+## Usage
+
+```ts
+import { NavigatedViewer } from '@miragon/event-storming-renderer';
+import '@miragon/event-storming-renderer/assets/event-storming.css';
+
+const viewer = new NavigatedViewer({ container: document.querySelector('#canvas')! });
+
+await viewer.importDSL(`title Order Checkout
+actor Customer [80, 300]
+command Place Order [240, 300]
+event Order Placed [620, 300]
+Customer -> Place Order
+Place Order -> Order Placed`);
+
+const board = viewer.exportMap(); // canonical JSON model
+const dsl = viewer.exportDSL(); // back to .storm text
+const { svg } = await viewer.saveSVG();
+```
+
+Swap `NavigatedViewer` for `Modeler` to get the editable board (sticky palette, context pad,
+arrows, undo/redo). Stickies are colored per kind (`STICKY_STYLES`): domain event, command,
+actor, aggregate, policy, read model, external system, hotspot — plus free-text notes and
+freeform drawings on an unbounded canvas.
+
+### Fonts
+
+The package ships no fonts and uses no CDN. The canvas typeface is **Geist** (Miragon corporate
+identity); provide it yourself — recommended self-hosted via [`@fontsource`](https://fontsource.org/)
+(one variable file covers all weights):
+
+```ts
+import '@fontsource-variable/geist/wght.css';
+```
+
+Part of the [Event Storming Modeler](https://github.com/Miragon/event-storming-modeler) monorepo.
+
+## License
+
+MIT

package/dist/EventStormingBaseViewer.d.ts

@@ -0,0 +1,56 @@
+import { ModuleDeclaration } from 'didi';
+import { EventStormingBoard } from '@miragon/event-storming-schema-model';
+import { ImportWarning } from './io/types.js';
+export interface EventStormingViewerOptions {
+    /** Host element. If missing, a detached <div> is created (can be attached later via attachTo). */
+    container?: HTMLElement;
+    width?: number | string;
+    height?: number | string;
+    /** Concatenated to the end of the module list (extension point). */
+    additionalModules?: ModuleDeclaration[];
+}
+export type EventCallback<T = unknown> = (event: T) => void;
+/**
+ * Shared lifecycle & DI bootstrap for all Event Storming viewers (analogous to bpmn-js
+ * BaseViewer, but OUR OWN code — no bpmn-js as a dependency). Subclasses only override
+ * `_getModules()` (a method rather than a field, to sidestep the constructor/field
+ * initialization order). `attachTo`/`detach` are own implementations (not a diagram-js
+ * primitive).
+ */
+export declare abstract class EventStormingBaseViewer {
+    protected abstract _getModules(): ModuleDeclaration[];
+    private _diagram;
+    private readonly _container;
+    private readonly _options;
+    constructor(options?: EventStormingViewerOptions);
+    private _createContainer;
+    private _ensureDiagram;
+    get<T>(name: string): T;
+    on<T = unknown>(event: string, callback: EventCallback<T>, priority?: number): void;
+    off(event: string, callback: EventCallback): void;
+    /** Load a board into the canvas (replaces existing content). */
+    importMap(board: EventStormingBoard): Promise<{
+        warnings: ImportWarning[];
+    }>;
+    /** DSL `style` directive as a CSS class on the container (`event-storming-dark` etc.). */
+    private _applyStyleClass;
+    /** Load `.storm` DSL text (internally parse -> importMap). Parser findings land in the warnings. */
+    importDSL(text: string): Promise<{
+        warnings: ImportWarning[];
+    }>;
+    /** Current state as the canonical model (from the DI properties). */
+    exportMap(): EventStormingBoard;
+    exportDSL(): string;
+    /** Static, standalone SVG — framed by the content bounds of the free canvas. */
+    saveSVG(): Promise<{
+        svg: string;
+    }>;
+    /** Own implementation (not a diagram-js primitive): attach the container to `target`. */
+    attachTo(target: HTMLElement): void;
+    /** Own implementation: detach the container from the DOM, keeping state. */
+    detach(): void;
+    clear(): void;
+    destroy(): void;
+    get container(): HTMLElement;
+}
+//# sourceMappingURL=EventStormingBaseViewer.d.ts.map

package/dist/EventStormingBaseViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingBaseViewer.d.ts","sourceRoot":"","sources":["../src/EventStormingBaseViewer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,WAAW,0BAA0B;IACzC,kGAAkG;IAClG,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,oEAAoE;IACpE,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACzC;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAM5D;;;;;;GAMG;AACH,8BAAsB,uBAAuB;IAC3C,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,iBAAiB,EAAE;IAErD,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAc;IACzC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;gBAE1C,OAAO,GAAE,0BAA+B;IAKpD,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,cAAc;IAQtB,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;IAIvB,EAAE,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,SAAO,GAAG,IAAI;IAIjF,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI;IAIjD,gEAAgE;IAC1D,SAAS,CAAC,KAAK,EAAE,kBAAkB,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC;IAclF,0FAA0F;IAC1F,OAAO,CAAC,gBAAgB;IAMxB,oGAAoG;IAC9F,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,aAAa,EAAE,CAAA;KAAE,CAAC;IAcrE,qEAAqE;IACrE,SAAS,IAAI,kBAAkB;IAI/B,SAAS,IAAI,MAAM;IAInB,gFAAgF;IAC1E,OAAO,IAAI,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAOzC,yFAAyF;IACzF,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAKnC,4EAA4E;IAC5E,MAAM,IAAI,IAAI;IAId,KAAK,IAAI,IAAI;IAIb,OAAO,IAAI,IAAI;IAQf,IAAI,SAAS,IAAI,WAAW,CAE3B;CACF"}

package/dist/Modeler.d.ts

@@ -0,0 +1,15 @@
+import { ModuleDeclaration } from 'didi';
+import { NavigatedViewer } from './NavigatedViewer.js';
+/**
+ * Full Event Storming editor: palette/create, free move with sticky-center snapping, connect
+ * with rules, context pad, inline label editing, undo/redo, pinning of actor/hotspot stickies,
+ * free resizing of notes.
+ */
+export declare class Modeler extends NavigatedViewer {
+    protected _getModules(): ModuleDeclaration[];
+    undo(): void;
+    redo(): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+}
+//# sourceMappingURL=Modeler.d.ts.map

package/dist/Modeler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modeler.d.ts","sourceRoot":"","sources":["../src/Modeler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAa9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiBvD;;;;GAIG;AACH,qBAAa,OAAQ,SAAQ,eAAe;cACvB,WAAW,IAAI,iBAAiB,EAAE;IA8BrD,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,OAAO,IAAI,OAAO;IAIlB,OAAO,IAAI,OAAO;CAGnB"}

package/dist/NavigatedViewer.d.ts

@@ -0,0 +1,10 @@
+import { ModuleDeclaration } from 'didi';
+import { Viewer } from './Viewer.js';
+/**
+ * `keyboard-move-selection` depends on `modeling` and therefore belongs in the (later) Modeler,
+ * not in the read-only NavigatedViewer. Panning is unconstrained — the canvas is free.
+ */
+export declare class NavigatedViewer extends Viewer {
+    protected _getModules(): ModuleDeclaration[];
+}
+//# sourceMappingURL=NavigatedViewer.d.ts.map

package/dist/NavigatedViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigatedViewer.d.ts","sourceRoot":"","sources":["../src/NavigatedViewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAK9C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,MAAM;cACtB,WAAW,IAAI,iBAAiB,EAAE;CAStD"}

package/dist/Viewer.d.ts

@@ -0,0 +1,6 @@
+import { ModuleDeclaration } from 'didi';
+import { EventStormingBaseViewer } from './EventStormingBaseViewer.js';
+export declare class Viewer extends EventStormingBaseViewer {
+    protected _getModules(): ModuleDeclaration[];
+}
+//# sourceMappingURL=Viewer.d.ts.map

package/dist/Viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Viewer.d.ts","sourceRoot":"","sources":["../src/Viewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAOvE,qBAAa,MAAO,SAAQ,uBAAuB;IACjD,SAAS,CAAC,WAAW,IAAI,iBAAiB,EAAE;CAS7C"}

package/dist/append/EventStormingAppendBehavior.d.ts

@@ -0,0 +1,17 @@
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { Injector } from 'didi';
+/**
+ * Behavior for "append sticky" (`create.start` with `context.source`):
+ *  1. LIVE arrow preview from the source to the cursor (analogous to diagram-js ConnectPreview,
+ *     but in the create flow) — requires the `connectionPreview` service (ConnectionPreviewModule).
+ *  2. After creation of the provisional (blank) sticky, opens the change-type popup on it so the
+ *     user picks the kind first; the retype then hands over to the label editor (step 2 of the
+ *     chain). Dismissing the popup without choosing removes the blank sticky (and thereby its
+ *     auto-arrow) again.
+ * Both only when `context.source` is set; ordinary palette-create stays untouched.
+ */
+export default class EventStormingAppendBehavior {
+    static $inject: string[];
+    constructor(injector: Injector, eventBus: EventBus);
+}
+//# sourceMappingURL=EventStormingAppendBehavior.d.ts.map

package/dist/append/EventStormingAppendBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingAppendBehavior.d.ts","sourceRoot":"","sources":["../../src/append/EventStormingAppendBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAyDrC;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,2BAA2B;IAC9C,MAAM,CAAC,OAAO,WAA4B;gBAE9B,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;CAgHnD"}

package/dist/append/index.d.ts

@@ -0,0 +1,9 @@
+import { ModuleDeclaration } from 'didi';
+/**
+ * "Append sticky": pulls in the `connectionPreview` service (thereby also enabling the connect
+ * tool's arrow preview) and registers the append behavior (live arrow preview + automatically
+ * opening the label editor after creation).
+ */
+export declare const eventStormingAppendModule: ModuleDeclaration;
+export { default as EventStormingAppendBehavior } from './EventStormingAppendBehavior.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/append/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/append/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,iBAIvC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/attach/EventStormingAttachBehavior.d.ts

@@ -0,0 +1,17 @@
+import { default as CommandInterceptor } from 'diagram-js/lib/command/CommandInterceptor';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { default as Modeling } from 'diagram-js/lib/features/modeling/Modeling';
+/**
+ * Keeps pinning consistent under RETYPE (`setStickyKind` via the popup): only attachable kinds
+ * (actor/hotspot/note) may carry a `host` and only host kinds may carry attachers — a stale link
+ * would make the exporter's `validateBoard` throw. Drag/drop, host-delete and move-together are
+ * covered by the stock diagram-js AttachSupport; retype mutates in place (no `shape.replace`),
+ * so it needs this hook. Notes themselves cannot be retyped (`setStickyKind` rejects them), but
+ * a HOST retyped to a non-host kind sheds its note attachers like any other attacher here.
+ * Runs in `preExecute` of the SAME command -> detach joins the retype as one undo step.
+ */
+export default class EventStormingAttachBehavior extends CommandInterceptor {
+    static $inject: string[];
+    constructor(eventBus: EventBus, modeling: Modeling);
+}
+//# sourceMappingURL=EventStormingAttachBehavior.d.ts.map

package/dist/attach/EventStormingAttachBehavior.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingAttachBehavior.d.ts","sourceRoot":"","sources":["../../src/attach/EventStormingAttachBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AAKtE;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,kBAAkB;IACzE,OAAgB,OAAO,WAA4B;gBAEvC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ;CAkBnD"}

package/dist/attach/index.d.ts

@@ -0,0 +1,9 @@
+import { ModuleDeclaration } from 'didi';
+/**
+ * Pinning of actor/hotspot stickies and notes: the stock diagram-js AttachSupport
+ * (host/attachers move-together, delete-together — the bpmn-js boundary-event machinery) plus
+ * the Event Storming retype consistency behavior.
+ */
+export declare const eventStormingAttachModule: ModuleDeclaration;
+export { default as EventStormingAttachBehavior } from './EventStormingAttachBehavior.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/attach/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/attach/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,EAAE,iBAIvC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,kCAAkC,CAAC"}

package/dist/board-bounds/BoardBounds.d.ts

@@ -0,0 +1,23 @@
+import { default as ElementRegistry } from 'diagram-js/lib/core/ElementRegistry';
+export interface Bounds {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * Content bounds of the free Event Storming canvas — no rendering, no constraint. The single
+ * bounds source for the SVG export viewBox and the apps' fitView (connections always run
+ * between shapes, so the shape bbox covers everything).
+ */
+export default class BoardBounds {
+    private readonly elementRegistry;
+    static $inject: string[];
+    constructor(elementRegistry: ElementRegistry);
+    /**
+     * Bounding box over all elements, padded on every side. An empty board falls back to the
+     * schema-model default framing so fitView/export behave sensibly before the first sticky.
+     */
+    contentBounds(padding?: number): Bounds;
+}
+//# sourceMappingURL=BoardBounds.d.ts.map

package/dist/board-bounds/BoardBounds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardBounds.d.ts","sourceRoot":"","sources":["../../src/board-bounds/BoardBounds.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,qCAAqC,CAAC;AAIvE,MAAM,WAAW,MAAM;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAwBD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAW;IAGlB,OAAO,CAAC,QAAQ,CAAC,eAAe;IAF5C,MAAM,CAAC,OAAO,WAAuB;gBAER,eAAe,EAAE,eAAe;IAE7D;;;OAGG;IACH,aAAa,CAAC,OAAO,SAAM,GAAG,MAAM;CAerC"}

package/dist/board-bounds/index.d.ts

@@ -0,0 +1,6 @@
+import { ModuleDeclaration } from 'didi';
+/** Content-bbox bounds service (fitView + SVG export framing). */
+export declare const boardBoundsModule: ModuleDeclaration;
+export { default as BoardBounds } from './BoardBounds.js';
+export type { Bounds } from './BoardBounds.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/board-bounds/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/board-bounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,kEAAkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,iBAE/B,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC1D,YAAY,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/color-picker/EventStormingColorPicker.d.ts

@@ -0,0 +1,23 @@
+import { default as Canvas } from 'diagram-js/lib/core/Canvas';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { default as EventStormingModeling } from '../modeling/EventStormingModeling.js';
+import { EventStormingShape } from '../model/di-types.js';
+/**
+ * Compact color picker (bpmn.io-style): a 3x3 grid of small color squares (no text), opened from
+ * an element's context pad. Uses its own popover (instead of diagram-js PopupMenu) so the swatch
+ * grid can be rendered exactly and without text. Sets the color override via
+ * `eventStormingModeling` (undo/redo). First cell = "no color" (back to the kind's default).
+ */
+export default class EventStormingColorPicker {
+    private readonly canvas;
+    private readonly modeling;
+    static $inject: string[];
+    private popover;
+    private readonly onDocPointer;
+    private readonly onKey;
+    constructor(canvas: Canvas, eventBus: EventBus, modeling: EventStormingModeling);
+    /** Opens the swatch grid for `shape` at the click position (viewport coordinates). */
+    open(shape: EventStormingShape, clientX: number, clientY: number): void;
+    close(): void;
+}
+//# sourceMappingURL=EventStormingColorPicker.d.ts.map

package/dist/color-picker/EventStormingColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingColorPicker.d.ts","sourceRoot":"","sources":["../../src/color-picker/EventStormingColorPicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AACrD,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,qBAAqB,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS7E;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,wBAAwB;IAazC,OAAO,CAAC,QAAQ,CAAC,MAAM;IAEvB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAd3B,MAAM,CAAC,OAAO,WAAmD;IAEjE,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE3B;IACF,OAAO,CAAC,QAAQ,CAAC,KAAK,CAEpB;gBAGiB,MAAM,EAAE,MAAM,EAC/B,QAAQ,EAAE,QAAQ,EACD,QAAQ,EAAE,qBAAqB;IAMlD,sFAAsF;IACtF,IAAI,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI;IA+CvE,KAAK,IAAI,IAAI;CAOd"}

package/dist/color-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { ModuleDeclaration } from 'didi';
+/** Sticky color picker (3x3 swatch popover). */
+export declare const eventStormingColorPickerModule: ModuleDeclaration;
+export { default as EventStormingColorPicker } from './EventStormingColorPicker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,gDAAgD;AAChD,eAAO,MAAM,8BAA8B,EAAE,iBAG5C,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/context-pad/EventStormingContextPadProvider.d.ts

@@ -0,0 +1,26 @@
+import { default as ContextPad } from 'diagram-js/lib/features/context-pad/ContextPad';
+import { default as Modeling } from 'diagram-js/lib/features/modeling/Modeling';
+import { default as Connect } from 'diagram-js/lib/features/connect/Connect';
+import { default as Create } from 'diagram-js/lib/features/create/Create';
+import { default as PopupMenu } from 'diagram-js/lib/features/popup-menu/PopupMenu';
+import { ContextPadEntries, default as ContextPadProvider } from 'diagram-js/lib/features/context-pad/ContextPadProvider';
+import { Element } from 'diagram-js/lib/model/Types';
+import { default as EventStormingModeling } from '../modeling/EventStormingModeling.js';
+import { default as EventStormingLabelEditing } from '../label-editing/EventStormingLabelEditing.js';
+import { default as EventStormingElementFactory } from '../model/EventStormingElementFactory.js';
+import { default as EventStormingColorPicker } from '../color-picker/EventStormingColorPicker.js';
+/** Context actions per element. */
+export default class EventStormingContextPadProvider implements ContextPadProvider {
+    private readonly modeling;
+    private readonly connect;
+    private readonly create;
+    private readonly popupMenu;
+    private readonly eventStormingModeling;
+    private readonly labelEditing;
+    private readonly factory;
+    private readonly colorPicker;
+    static $inject: string[];
+    constructor(contextPad: ContextPad, modeling: Modeling, connect: Connect, create: Create, popupMenu: PopupMenu, eventStormingModeling: EventStormingModeling, labelEditing: EventStormingLabelEditing, factory: EventStormingElementFactory, colorPicker: EventStormingColorPicker);
+    getContextPadEntries(element: Element): ContextPadEntries;
+}
+//# sourceMappingURL=EventStormingContextPadProvider.d.ts.map

package/dist/context-pad/EventStormingContextPadProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingContextPadProvider.d.ts","sourceRoot":"","sources":["../../src/context-pad/EventStormingContextPadProvider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,gDAAgD,CAAC;AAC7E,OAAO,KAAK,QAAQ,MAAM,2CAA2C,CAAC;AACtE,OAAO,KAAK,OAAO,MAAM,yCAAyC,CAAC;AACnE,OAAO,KAAK,MAAM,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,SAAS,MAAM,8CAA8C,CAAC;AAC1E,OAAO,KAAK,EACV,iBAAiB,EACjB,OAAO,IAAI,kBAAkB,EAC9B,MAAM,wDAAwD,CAAC;AAChE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAO1D,OAAO,KAAK,qBAAqB,MAAM,sCAAsC,CAAC;AAC9E,OAAO,KAAK,yBAAyB,MAAM,+CAA+C,CAAC;AAC3F,OAAO,KAAK,2BAA2B,MAAM,yCAAyC,CAAC;AACvF,OAAO,KAAK,wBAAwB,MAAM,6CAA6C,CAAC;AAwBxF,mCAAmC;AACnC,MAAM,CAAC,OAAO,OAAO,+BAAgC,YAAW,kBAAkB;IAe9E,OAAO,CAAC,QAAQ,CAAC,QAAQ;IACzB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM;IACvB,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,qBAAqB;IACtC,OAAO,CAAC,QAAQ,CAAC,YAAY;IAC7B,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW;IArB9B,MAAM,CAAC,OAAO,WAUZ;gBAGA,UAAU,EAAE,UAAU,EACL,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,yBAAyB,EACvC,OAAO,EAAE,2BAA2B,EACpC,WAAW,EAAE,wBAAwB;IAKxD,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,iBAAiB;CA2H1D"}

package/dist/context-pad/index.d.ts

@@ -0,0 +1,5 @@
+import { ModuleDeclaration } from 'didi';
+/** Context actions per element. */
+export declare const eventStormingContextPadModule: ModuleDeclaration;
+export { default as EventStormingContextPadProvider } from './EventStormingContextPadProvider.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/context-pad/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context-pad/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAG9C,mCAAmC;AACnC,eAAO,MAAM,6BAA6B,EAAE,iBAG3C,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/draw/EventStormingRenderer.d.ts

@@ -0,0 +1,27 @@
+import { default as BaseRenderer } from 'diagram-js/lib/draw/BaseRenderer';
+import { default as EventBus } from 'diagram-js/lib/core/EventBus';
+import { ElementLike, ShapeLike, ConnectionLike } from 'diagram-js/lib/model/Types';
+import { default as EventStormingViewOptions } from '../view-options/EventStormingViewOptions.js';
+/** Class of the small kind caption at a sticky's bottom (selector contract for tests/e2e). */
+export declare const KIND_CAPTION_CLASS = "event-storming-kind-caption";
+/** Soft drop shadow that makes stickies read as paper on the board (defs id, per canvas SVG). */
+export declare const STICKY_SHADOW_FILTER_ID = "event-storming-sticky-shadow";
+export default class EventStormingRenderer extends BaseRenderer {
+    private readonly viewOptions;
+    static $inject: string[];
+    constructor(eventBus: EventBus, viewOptions: EventStormingViewOptions);
+    canRender(element: ElementLike): boolean;
+    drawShape(visuals: SVGElement, element: ShapeLike): SVGElement;
+    /** Freeform drawing: polyline/polygon from relative points (see EventStormingDrawTool). */
+    private drawDrawing;
+    /**
+     * Every sticky (and the free note) is a rounded rectangle with centered, wrapped dark text
+     * inside — the label lives IN the sticky, never beside it. A user-picked `color` overrides
+     * the kind's fill; the border stays the kind's own (so the type remains recognizable).
+     */
+    private drawSticky;
+    drawConnection(visuals: SVGElement, element: ConnectionLike): SVGElement;
+    getShapePath(shape: ShapeLike): string;
+    getConnectionPath(connection: ConnectionLike): string;
+}
+//# sourceMappingURL=EventStormingRenderer.d.ts.map

package/dist/draw/EventStormingRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventStormingRenderer.d.ts","sourceRoot":"","sources":["../../src/draw/EventStormingRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAE5D,OAAO,KAAK,QAAQ,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAsBzF,OAAO,KAAK,wBAAwB,MAAM,6CAA6C,CAAC;AAQxF,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAchE,iGAAiG;AACjG,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAoCtE,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,YAAY;IAK3D,OAAO,CAAC,QAAQ,CAAC,WAAW;IAJ9B,MAAM,CAAC,OAAO,WAA4C;gBAGxD,QAAQ,EAAE,QAAQ,EACD,WAAW,EAAE,wBAAwB;IAK/C,SAAS,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO;IAIxC,SAAS,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,GAAG,UAAU;IAMvE,2FAA2F;IAC3F,OAAO,CAAC,WAAW;IAiBnB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IA8DT,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,GAAG,UAAU;IA+BxE,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM;IAKtC,iBAAiB,CAAC,UAAU,EAAE,cAAc,GAAG,MAAM;CAK/D"}

package/dist/draw/icons.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Embedded icon paths from Google Material Icons (Apache-2.0, © Google).
+ * 24x24-viewBox paths. `iconMarkup` renders them as an HTML string (palette/context pad/buttons)
+ * with `fill: currentColor` (color controllable via CSS).
+ * Source: https://github.com/google/material-design-icons (Apache License 2.0).
+ */
+export declare const ICON_PERSON = "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z";
+export declare const ICON_ARROW_FORWARD = "M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z";
+export declare const ICON_EDIT = "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z";
+export declare const ICON_DELETE = "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z";
+export declare const ICON_UNDO = "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z";
+export declare const ICON_REDO = "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z";
+/** data_object — JSON. */
+export declare const ICON_DATA_OBJECT = "M4 7v2c0 .55-.45 1-1 1H2v2h1c.55 0 1 .45 1 1v2c0 1.65 1.35 3 3 3h1v-2H7c-.55 0-1-.45-1-1v-2c0-.84-.35-1.61-.92-2.18L4.85 12l.23-.82C5.65 10.61 6 9.84 6 9V7c0-.55.45-1 1-1h1V4H7C5.35 4 4 5.35 4 7zm16 3c-.55 0-1-.45-1-1V7c0-1.65-1.35-3-3-3h-1v2h1c.55 0 1 .45 1 1v2c0 .84.35 1.61.92 2.18l.23.82-.23.82c-.57.57-.92 1.34-.92 2.18v2c0 .55-.45 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-2c0-.55.45-1 1-1h1v-2h-1z";
+/** code — DSL. */
+export declare const ICON_CODE = "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z";
+/** download — Export. */
+export declare const ICON_DOWNLOAD = "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z";
+/** share — share link. */
+export declare const ICON_SHARE = "M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z";
+/** folder_open — open file. */
+export declare const ICON_FOLDER_OPEN = "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z";
+/** image — PNG/image. */
+export declare const ICON_IMAGE = "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z";
+/** note_add — new / clear. */
+export declare const ICON_NEW = "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 14h-3v3h-2v-3H8v-2h3v-3h2v3h3v2zm-3-7V3.5L18.5 9H13z";
+/** palette — sticky color. */
+export declare const ICON_PALETTE = "M12 2C6.49 2 2 6.49 2 12s4.49 10 10 10c1.38 0 2.5-1.12 2.5-2.5 0-.61-.23-1.2-.64-1.67-.08-.1-.13-.21-.13-.33 0-.28.22-.5.5-.5H16c3.31 0 6-2.69 6-6 0-4.96-4.49-9-10-9zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 8 6.5 8 8 8.67 8 9.5 7.33 11 6.5 11zm3-4C8.67 7 8 6.33 8 5.5S8.67 4 9.5 4s1.5.67 1.5 1.5S10.33 7 9.5 7zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 4 14.5 4s1.5.67 1.5 1.5S15.33 7 14.5 7zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 8 17.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z";
+/** swap_horiz — cycle the drawing stroke style. */
+export declare const ICON_SWAP_HORIZ = "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z";
+/** autorenew — change the sticky kind. */
+export declare const ICON_AUTORENEW = "M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z";
+/** menu — hamburger (main menu). */
+export declare const ICON_MENU = "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z";
+/** add — append sticky. */
+export declare const ICON_ADD = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z";
+/** aspect_ratio — fit the board into the viewport. */
+export declare const ICON_FIT = "M19 12h-2v3h-3v2h5v-5zM7 9h3V7H5v5h2V9zm14-6H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z";
+/** remove_red_eye — show example. */
+export declare const ICON_EYE = "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z";
+/** Returns an icon as an HTML SVG string (for palette/context pad/buttons), color = currentColor. */
+export declare function iconMarkup(path: string, size?: number): string;
+//# sourceMappingURL=icons.d.ts.map

package/dist/draw/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/draw/icons.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,eAAO,MAAM,WAAW,kHACyF,CAAC;AAClH,eAAO,MAAM,kBAAkB,8DAA8D,CAAC;AAC9F,eAAO,MAAM,SAAS,0JACmI,CAAC;AAC1J,eAAO,MAAM,WAAW,kFACyD,CAAC;AAClF,eAAO,MAAM,SAAS,mJAC4H,CAAC;AACnJ,eAAO,MAAM,SAAS,oJAC6H,CAAC;AACpJ,0BAA0B;AAC1B,eAAO,MAAM,gBAAgB,+YACiX,CAAC;AAC/Y,kBAAkB;AAClB,eAAO,MAAM,SAAS,+FACwE,CAAC;AAC/F,yBAAyB;AACzB,eAAO,MAAM,aAAa,8CAA8C,CAAC;AACzE,0BAA0B;AAC1B,eAAO,MAAM,UAAU,oWAC4U,CAAC;AACpW,+BAA+B;AAC/B,eAAO,MAAM,gBAAgB,gHACkF,CAAC;AAChH,yBAAyB;AACzB,eAAO,MAAM,UAAU,6HACqG,CAAC;AAC7H,8BAA8B;AAC9B,eAAO,MAAM,QAAQ,yIACmH,CAAC;AACzI,8BAA8B;AAC9B,eAAO,MAAM,YAAY,ycAC+a,CAAC;AACzc,mDAAmD;AACnD,eAAO,MAAM,eAAe,4EAC+C,CAAC;AAC5E,0CAA0C;AAC1C,eAAO,MAAM,cAAc,2OAC+M,CAAC;AAC3O,oCAAoC;AACpC,eAAO,MAAM,SAAS,kDAAkD,CAAC;AACzE,2BAA2B;AAC3B,eAAO,MAAM,QAAQ,wCAAwC,CAAC;AAC9D,sDAAsD;AACtD,eAAO,MAAM,QAAQ,iJAC2H,CAAC;AACjJ,qCAAqC;AACrC,eAAO,MAAM,QAAQ,sNACgM,CAAC;AAEtN,qGAAqG;AACrG,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAK,GAAG,MAAM,CAE1D"}

package/dist/draw/index.d.ts

@@ -0,0 +1,6 @@
+import { ModuleDeclaration } from 'didi';
+/** SVG rendering of all Event Storming stickies (BaseRenderer subclass, priority 1500). */
+export declare const eventStormingDrawModule: ModuleDeclaration;
+export { default as EventStormingRenderer } from './EventStormingRenderer.js';
+export { parseNoteMarkdown, serializeNoteMarkdown, plainNoteText, type NoteLine, type NoteRun, } from './note-markdown.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/draw/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/draw/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,MAAM,CAAC;AAI9C,2FAA2F;AAC3F,eAAO,MAAM,uBAAuB,EAAE,iBAMrC,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,KAAK,QAAQ,EACb,KAAK,OAAO,GACb,MAAM,oBAAoB,CAAC"}

package/dist/draw/note-markdown.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The tiny Markdown subset stored inside note labels (notes only — stickies stay plain):
+ * `**bold**`, `*italic*`, `***bold italic***` inline runs and `- ` bullet lines. The label
+ * stays ONE string in the model/DSL — this module is the single translation point between
+ * that string and styled runs (renderer + WYSIWYG editor). Unmatched markers are literal
+ * text: parsing never throws and never eats characters. `serialize(parse(x))` is a fixed
+ * point for canonical input; non-canonical input canonicalizes in one parse→serialize cycle
+ * and is then stable.
+ */
+export interface NoteRun {
+    readonly text: string;
+    readonly bold: boolean;
+    readonly italic: boolean;
+}
+export interface NoteLine {
+    /** Line started with the `- ` marker (stripped from the runs). */
+    readonly bullet: boolean;
+    readonly runs: NoteRun[];
+}
+/** One entry per '\n' line; bullet lines have the `- ` marker stripped. */
+export declare function parseNoteMarkdown(label: string): NoteLine[];
+/** Exact inverse of `parseNoteMarkdown`: canonical markers, adjacent same-style runs merged. */
+export declare function serializeNoteMarkdown(lines: NoteLine[]): string;
+/** Markers stripped, bullets as '• ' prefix — the string the text measurement sees. */
+export declare function plainNoteText(label: string): string;
+//# sourceMappingURL=note-markdown.d.ts.map

package/dist/draw/note-markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-markdown.d.ts","sourceRoot":"","sources":["../../src/draw/note-markdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,QAAQ;IACvB,kEAAkE;IAClE,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;CAC1B;AASD,2EAA2E;AAC3E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,EAAE,CAK3D;AAED,gGAAgG;AAChG,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,CAY/D;AAED,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAInD"}

package/dist/draw/palette-icons.d.ts

@@ -0,0 +1,4 @@
+export declare const PALETTE_ICONS: Record<string, string>;
+/** Small colored square for the change-type popup menu entries. */
+export declare function kindSquare(fill: string, stroke: string): string;
+//# sourceMappingURL=palette-icons.d.ts.map

package/dist/draw/palette-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette-icons.d.ts","sourceRoot":"","sources":["../../src/draw/palette-icons.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAYhD,CAAC;AAQF,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAE/D"}

package/dist/draw/styles.d.ts

@@ -0,0 +1,98 @@
+import { StickyKind } from '../model/di-types.js';
+export interface StickyStyle {
+    /** Default label for a freshly created sticky. */
+    readonly label: string;
+    readonly width: number;
+    readonly height: number;
+    readonly fill: string;
+    readonly stroke: string;
+}
+/**
+ * The canonical sticky-note look per kind (Brandolini's color grammar): default label, fixed
+ * size and fill/border. Single source for the renderer, element factory, palette previews and
+ * the color-picker swatches. Aggregate, policy and external system share the large block format —
+ * they occupy the same slot in the grammar (receive commands / react to events); actors are the
+ * small corner stickies.
+ */
+export declare const STICKY_STYLES: Record<StickyKind, StickyStyle>;
+/** Free-text note: grows with its text (see `noteMetrics`) unless resized by hand, neutral grey. */
+export declare const NOTE_STYLE: {
+    readonly label: "Note";
+    readonly fill: "#ECECEC";
+    readonly stroke: "#C4C4C4";
+};
+/** Smallest hand-resized note box — keeps a shrunken note grabbable and its handles apart. */
+export declare const NOTE_MIN_RESIZE: {
+    readonly width: 60;
+    readonly height: 40;
+};
+/** Corner radius shared by all stickies (and the palette previews) — 0: paper has sharp corners. */
+export declare const STICKY_RADIUS = 0;
+/** Inner text padding of a sticky (px, each side). */
+export declare const STICKY_PADDING = 8;
+export declare const STICKY_LINE_HEIGHT = 17;
+/** Estimated character width at the 13px label size — good enough for wrapping/box sizing. */
+export declare const STICKY_CHAR_WIDTH = 7.5;
+/** Hanging indent (px) of note bullet lines — '•' rows and their wrapped continuations. */
+export declare const NOTE_BULLET_INDENT = 12;
+/**
+ * Box dimensions of a note from its (possibly multi-line) text. The note shape grows as large as
+ * its text -> the move/click hitbox grows with it (never below `NOTE_DEFAULT_SIZE`). Vertical
+ * padding matches the renderer's clip padding (`STICKY_PADDING`) — a smaller padding here would
+ * make the renderer's maxLines clip drop the last text line. Measured on `plainNoteText`: the
+ * markdown markers are invisible on canvas, so they must not widen the box (bullets count their
+ * visible '• ' prefix).
+ */
+export declare function noteMetrics(label: string): {
+    lines: string[];
+    width: number;
+    height: number;
+};
+/**
+ * The auto-vs-manual rule: a note box is MANUAL iff it differs from `noteMetrics(label)`.
+ * Single comparison shared by the exporter (emit `size` only for manual boxes), relabel
+ * (preserve manual boxes) and copy-paste (recompute only auto clones) — divergence between
+ * these callers would make boards change on a plain reload.
+ */
+export declare function isManualNoteBox(label: string, box: {
+    width: number;
+    height: number;
+}): boolean;
+/**
+ * Canvas colours — Miragon palette. Keys are the public contract; brand values come from the
+ * single source of truth in `theme/palette.ts` (`MIRAGON`). Referenced (not spread) so the
+ * literal-string types survive into the published `.d.ts`. The sticky fills live in
+ * `STICKY_STYLES` — this map only carries the non-sticky canvas colours.
+ */
+export declare const COLORS: {
+    readonly paper: "#F9F7F7";
+    readonly ink: "#1D1D1D";
+    readonly inkSoft: "#5B5B5B";
+    readonly surface: "#FFFFFF";
+    readonly stroke: "#1D1D1D";
+    /** The single connection style: gray arrowed line. */
+    readonly arrow: "#9E9E9E";
+    readonly accent: "#335DE5";
+    readonly accentSoft: "rgba(51,93,229,0.12)";
+    /** Dark text inside every sticky. */
+    readonly stickyText: "#333333";
+};
+/**
+ * Default stroke for freeform drawings and the draw-tool preview: theme-aware via CSS variable
+ * (dark boards flip it to a light ink — near-black on navy is invisible), with the light value as
+ * literal fallback so exported SVGs opened standalone (no stylesheet) stay stable.
+ */
+export declare const DRAWING_INK: string;
+export declare const FONT: {
+    /**
+     * Set as the `font-family` attribute DIRECTLY on all SVG text elements (canvas labels and
+     * consequently the SVG export too) – not inherited from a CSS container. In EVERY context it
+     * reaches for the self-hosted 'Geist' (Miragon corporate typeface) if the consumer provides it;
+     * otherwise (e.g. an export SVG opened standalone) it falls back safely to a system sans. The
+     * library does NOT ship the font – consumers must self-host Geist themselves
+     * (e.g. via @fontsource-variable/geist), see README.
+     */
+    readonly family: "'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif";
+    readonly label: 13;
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/draw/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/draw/styles.ts"],"names":[],"mappings":"AAAA,+FAA+F;AAG/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,MAAM,WAAW,WAAW;IAC1B,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,UAAU,EAAE,WAAW,CAehD,CAAC;AAEX,oGAAoG;AACpG,eAAO,MAAM,UAAU;;;;CAAiE,CAAC;AAEzF,8FAA8F;AAC9F,eAAO,MAAM,eAAe;;;CAAqC,CAAC;AAElE,oGAAoG;AACpG,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,sDAAsD;AACtD,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AACrC,8FAA8F;AAC9F,eAAO,MAAM,iBAAiB,MAAM,CAAC;AACrC,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAWrC;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAe7F;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,OAAO,CAG9F;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;IAMjB,sDAAsD;;;;IAItD,qCAAqC;;CAE7B,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,WAAW,QAA0D,CAAC;AAEnF,eAAO,MAAM,IAAI;IACf;;;;;;;OAOG;;;CAGK,CAAC"}