@formicoidea/labre-framework-cynefin 0.23.1 → 0.23.3

package/dist/cynefin/consts.d.ts

@@ -77,4 +77,3 @@ export interface Marker {
     };
 }
 export declare const MARKERS: ReadonlyArray<Marker>;
-//# sourceMappingURL=consts.d.ts.map

package/dist/cynefin/consts.js

@@ -139,4 +139,3 @@ export const MARKERS = [
     },
     { letter: 'C', lx: 531, ly: 419, name: 'Confusion', nx: 529, ny: 436 },
 ];
-//# sourceMappingURL=consts.js.map

package/dist/cynefin/element-renderer.d.ts

@@ -10,6 +10,5 @@ import type { CynefinElementModel } from '@formicoidea/labre-core/model';
  */
 export declare const cynefin: ElementRenderer<CynefinElementModel>;
 export declare const CynefinRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<CynefinElementModel>>;
+    identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<CynefinElementModel>>;
 };
-//# sourceMappingURL=element-renderer.d.ts.map

package/dist/cynefin/element-renderer.js

@@ -112,4 +112,3 @@ export const cynefin = (model, ctx, matrix) => {
     }
 };
 export const CynefinRendererExtension = ElementRendererExtension('cynefin', cynefin);
-//# sourceMappingURL=element-renderer.js.map

package/dist/cynefin/element-view.d.ts

@@ -12,4 +12,3 @@ export declare class CynefinView extends GfxElementModelView<CynefinElementModel
  * true (toggled from the toolbar). Moving / selecting stays available.
  */
 export declare const CynefinInteraction: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=element-view.d.ts.map

package/dist/cynefin/element-view.js

@@ -21,4 +21,3 @@ export const CynefinInteraction = GfxViewInteractionExtension(CynefinView.type,
         };
     },
 });
-//# sourceMappingURL=element-view.js.map

package/dist/cynefin/toolbar/config.d.ts

@@ -29,4 +29,3 @@ export declare const cynefinToolbarConfig: {
     readonly when: (ctx: ToolbarContext) => boolean;
 };
 export declare const cynefinToolbarExtension: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=config.d.ts.map

package/dist/cynefin/toolbar/config.js

@@ -41,4 +41,3 @@ export const cynefinToolbarExtension = ToolbarModuleExtension({
     id: BlockFlavourIdentifier('affine:surface:cynefin'),
     config: cynefinToolbarConfig,
 });
-//# sourceMappingURL=config.js.map

package/dist/descriptor.d.ts

@@ -1,7 +1,7 @@
 import { CynefinEstuarineViewExtension } from './view.js';
-
+/** Host wiring for the cynefin-estuarine framework. */
 export declare const cynefinFramework: {
-  readonly flag: 'cynefin-estuarine';
-  readonly telemetry: 'cynefin';
-  readonly viewExtension: typeof CynefinEstuarineViewExtension;
+    readonly flag: "cynefin-estuarine";
+    readonly telemetry: "cynefin";
+    readonly viewExtension: typeof CynefinEstuarineViewExtension;
 };

package/dist/descriptor.js

@@ -1,8 +1,7 @@
 import { CynefinEstuarineViewExtension } from './view.js';
-
 /** Host wiring for the cynefin-estuarine framework. */
 export const cynefinFramework = {
-  flag: 'cynefin-estuarine',
-  telemetry: 'cynefin',
-  viewExtension: CynefinEstuarineViewExtension,
+    flag: 'cynefin-estuarine',
+    telemetry: 'cynefin',
+    viewExtension: CynefinEstuarineViewExtension,
 };

package/dist/effects.d.ts

@@ -7,4 +7,3 @@ declare global {
         'edgeless-cynefin-estuarine-senior-button': EdgelessCynefinEstuarineSeniorButton;
     }
 }
-//# sourceMappingURL=effects.d.ts.map

package/dist/effects.js

@@ -4,4 +4,3 @@ export function effects() {
     customElements.define('edgeless-cynefin-estuarine-menu', EdgelessCynefinEstuarineMenu);
     customElements.define('edgeless-cynefin-estuarine-senior-button', EdgelessCynefinEstuarineSeniorButton);
 }
-//# sourceMappingURL=effects.js.map

package/dist/estuarine/consts.d.ts

@@ -82,4 +82,3 @@ export declare const AXIS_LABELS: {
     readonly size: 34;
 };
 export declare const LABEL_LETTER_SPACING = 4;
-//# sourceMappingURL=consts.d.ts.map

package/dist/estuarine/consts.js

@@ -52,4 +52,3 @@ export const AXIS_LABELS = {
     size: 34,
 };
 export const LABEL_LETTER_SPACING = 4;
-//# sourceMappingURL=consts.js.map

package/dist/estuarine/element-renderer.d.ts

@@ -9,6 +9,5 @@ import type { EstuarineElementModel } from '@formicoidea/labre-core/model';
  */
 export declare const estuarine: ElementRenderer<EstuarineElementModel>;
 export declare const EstuarineRendererExtension: import("@formicoidea/labre-core/store").ExtensionType & {
-    identifier: import("@formicoidea/labre-core/global/di").ServiceIdentifier<ElementRenderer<EstuarineElementModel>>;
+    identifier: import("@formicoidea/labre-core/_pkgs/global/di").ServiceIdentifier<ElementRenderer<EstuarineElementModel>>;
 };
-//# sourceMappingURL=element-renderer.d.ts.map

package/dist/estuarine/element-renderer.js

@@ -81,4 +81,3 @@ export const estuarine = (model, ctx, matrix) => {
     }
 };
 export const EstuarineRendererExtension = ElementRendererExtension('estuarine', estuarine);
-//# sourceMappingURL=element-renderer.js.map

package/dist/estuarine/element-view.d.ts

@@ -12,4 +12,3 @@ export declare class EstuarineView extends GfxElementModelView<EstuarineElementM
  * true (toggled from the toolbar). Moving / selecting stays available.
  */
 export declare const EstuarineInteraction: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=element-view.d.ts.map

package/dist/estuarine/element-view.js

@@ -21,4 +21,3 @@ export const EstuarineInteraction = GfxViewInteractionExtension(EstuarineView.ty
         };
     },
 });
-//# sourceMappingURL=element-view.js.map

package/dist/estuarine/toolbar/config.d.ts

@@ -35,4 +35,3 @@ export declare const estuarineToolbarConfig: {
     readonly when: (ctx: ToolbarContext) => boolean;
 };
 export declare const estuarineToolbarExtension: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=config.d.ts.map

package/dist/estuarine/toolbar/config.js

@@ -45,4 +45,3 @@ export const estuarineToolbarExtension = ToolbarModuleExtension({
     id: BlockFlavourIdentifier('affine:surface:estuarine'),
     config: estuarineToolbarConfig,
 });
-//# sourceMappingURL=config.js.map

package/dist/index.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=index.js.map

package/dist/templates/index.d.ts

@@ -1,4 +1,3 @@
 import { type TemplateCategory } from '@formicoidea/labre-core/gfx/template';
 export declare const cynefinTemplateCategory: TemplateCategory;
 export declare const estuarineTemplateCategory: TemplateCategory;
-//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.js

@@ -92,4 +92,3 @@ export const estuarineTemplateCategory = {
         tpl('Hexagon constraint', `<svg ${ATTRS} fill="none"><path d="M67 24 l18 11 l0 22 l-18 11 l-18 -11 l0 -22 z" fill="#34c724" stroke="#1f1f1f" stroke-width="2"/></svg>`, { hex: hexagon(0, 0) }),
     ],
 };
-//# sourceMappingURL=index.js.map

package/dist/toolbar/icons.d.ts

@@ -6,4 +6,3 @@ export declare const cynefinMenuIcon: import("lit-html").TemplateResult<2>;
 export declare const estuarineMenuIcon: import("lit-html").TemplateResult<2>;
 /** Menu icon — hexagon constraint node. */
 export declare const hexagonMenuIcon: import("lit-html").TemplateResult<2>;
-//# sourceMappingURL=icons.d.ts.map

package/dist/toolbar/icons.js

@@ -24,4 +24,3 @@ export const estuarineMenuIcon = svg `<svg width="24" height="24" viewBox="0 0 2
 export const hexagonMenuIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <polygon points="21,12 16.5,19.8 7.5,19.8 3,12 7.5,4.2 16.5,4.2" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
 </svg>`;
-//# sourceMappingURL=icons.js.map

package/dist/toolbar/menu.d.ts

@@ -1,6 +1,6 @@
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { LitElement } from 'lit';
-declare const EdgelessCynefinEstuarineMenu_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/widgets/edgeless-toolbar").EdgelessToolbarToolClass>;
+declare const EdgelessCynefinEstuarineMenu_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
 /**
  * The popover above the toolbar hosting both frameworks: create the Cynefin
  * diagram, the Estuarine map, or a hexagon constraint node.
@@ -15,4 +15,3 @@ export declare class EdgelessCynefinEstuarineMenu extends EdgelessCynefinEstuari
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};
-//# sourceMappingURL=menu.d.ts.map

package/dist/toolbar/menu.js

@@ -30,27 +30,27 @@ export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(LitEl
         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;
-    }
+    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;
@@ -102,32 +102,31 @@ export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(LitEl
         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>
+        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

package/dist/toolbar/senior-button.d.ts

@@ -1,6 +1,6 @@
 import { EmptyTool } from '@formicoidea/labre-core/gfx/pointer';
 import { LitElement } from 'lit';
-declare const EdgelessCynefinEstuarineSeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/global/utils").Constructor<import("@formicoidea/labre-core/widgets/edgeless-toolbar").EdgelessToolbarToolClass>;
+declare const EdgelessCynefinEstuarineSeniorButton_base: typeof LitElement & import("@formicoidea/labre-core/_pkgs/global/utils").Constructor<import("@formicoidea/labre-core/_pkgs/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
 /** Main toolbar button that opens the combined Cynefin / Estuarine sub-menu. */
 export declare class EdgelessCynefinEstuarineSeniorButton extends EdgelessCynefinEstuarineSeniorButton_base {
     static styles: import("lit").CSSResult;
@@ -10,4 +10,3 @@ export declare class EdgelessCynefinEstuarineSeniorButton extends EdgelessCynefi
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};
-//# sourceMappingURL=senior-button.d.ts.map

package/dist/toolbar/senior-button.js

@@ -11,45 +11,45 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
         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;
-    }
+    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) {
@@ -74,17 +74,16 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
         });
     }
     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>
+        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

package/dist/toolbar/senior-tool.d.ts

@@ -1,3 +1,2 @@
 /** A single senior tool hosting both the Cynefin and Estuarine frameworks. */
 export declare const cynefinEstuarineSeniorTool: import("@formicoidea/labre-core/store").ExtensionType;
-//# sourceMappingURL=senior-tool.d.ts.map

package/dist/toolbar/senior-tool.js

@@ -4,9 +4,8 @@ import { html } from 'lit';
 export const cynefinEstuarineSeniorTool = SeniorToolExtension('cynefin-estuarine', ({ block }) => {
     return {
         name: 'Cynefin / Estuarine',
-        content: html `<edgeless-cynefin-estuarine-senior-button
-        .edgeless=${block}
+        content: html `<edgeless-cynefin-estuarine-senior-button
+        .edgeless=${block}
       ></edgeless-cynefin-estuarine-senior-button>`,
     };
 });
-//# sourceMappingURL=senior-tool.js.map

package/dist/utils.d.ts

@@ -9,4 +9,3 @@ export declare function refScale(w: number, h: number, refW: number, refH: numbe
     oy: number;
 };
 export declare const FONT_FAMILY = "Inter, sans-serif";
-//# sourceMappingURL=utils.d.ts.map

package/dist/utils.js

@@ -8,4 +8,3 @@ export function refScale(w, h, refW, refH) {
     return { s, ox: (w - refW * s) / 2, oy: (h - refH * s) / 2 };
 }
 export const FONT_FAMILY = 'Inter, sans-serif';
-//# sourceMappingURL=utils.js.map

package/dist/view.d.ts

@@ -4,4 +4,3 @@ export declare class CynefinEstuarineViewExtension extends ViewExtensionProvider
     effect(): void;
     setup(context: ViewExtensionContext): void;
 }
-//# sourceMappingURL=view.d.ts.map

package/dist/view.js

@@ -35,4 +35,3 @@ export class CynefinEstuarineViewExtension extends ViewExtensionProvider {
         }
     }
 }
-//# sourceMappingURL=view.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@formicoidea/labre-framework-cynefin",
   "description": "Labre cynefin-estuarine framework for @formicoidea/labre-core.",
-  "version": "0.23.1",
+  "version": "0.23.3",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.23.1",
+    "@formicoidea/labre-core": "0.23.3",
     "lit": "^3.2.0"
   }
 }

package/dist/toolbar/cynefin-menu.d.ts

@@ -1,12 +0,0 @@
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { LitElement } from 'lit';
-declare const EdgelessCynefinMenu_base: typeof LitElement & import("@blocksuite/global/utils").Constructor<import("@blocksuite/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
-/** The popover above the toolbar that creates the Cynefin diagram. */
-export declare class EdgelessCynefinMenu extends EdgelessCynefinMenu_base {
-    static styles: import("lit").CSSResult;
-    type: typeof EmptyTool;
-    private _createCynefin;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};
-//# sourceMappingURL=cynefin-menu.d.ts.map

package/dist/toolbar/cynefin-menu.js

@@ -1,66 +0,0 @@
-import { DefaultTool } from '@blocksuite/affine-block-surface';
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { EdgelessToolbarToolMixin } from '@blocksuite/affine-widget-edgeless-toolbar';
-import { Bound } from '@blocksuite/global/gfx';
-import { css, html, LitElement } from 'lit';
-import { REF_H, REF_W } from '../cynefin/consts';
-import { cynefinMenuIcon } from './icons';
-/** The popover above the toolbar that creates the Cynefin diagram. */
-export class EdgelessCynefinMenu 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;
-    }
-  `; }
-    _createCynefin() {
-        const { gfx } = this;
-        if (!gfx.surface)
-            return;
-        const { centerX, centerY } = gfx.viewport;
-        const id = gfx.surface.addElement({
-            type: 'cynefin',
-            xywh: new Bound(centerX - REF_W / 2, centerY - REF_H / 2, REF_W, REF_H).serialize(),
-        });
-        gfx.doc.captureSync();
-        gfx.tool.setTool(DefaultTool);
-        gfx.selection.set({ elements: [id], editing: false });
-    }
-    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>
-          </div>
-        </div>
-      </edgeless-slide-menu>
-    `;
-    }
-}
-//# sourceMappingURL=cynefin-menu.js.map

package/dist/toolbar/cynefin-senior-button.d.ts

@@ -1,13 +0,0 @@
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { LitElement } from 'lit';
-declare const EdgelessCynefinSeniorButton_base: typeof LitElement & import("@blocksuite/global/utils").Constructor<import("@blocksuite/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
-/** Main toolbar button that opens the Cynefin toolbox sub-menu. */
-export declare class EdgelessCynefinSeniorButton extends EdgelessCynefinSeniorButton_base {
-    static styles: import("lit").CSSResult;
-    enableActiveBackground: boolean;
-    type: typeof EmptyTool;
-    private _toggleMenu;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};
-//# sourceMappingURL=cynefin-senior-button.d.ts.map

package/dist/toolbar/cynefin-senior-button.js

@@ -1,90 +0,0 @@
-import { DefaultTool } from '@blocksuite/affine-block-surface';
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { EdgelessToolbarToolMixin } from '@blocksuite/affine-widget-edgeless-toolbar';
-import { SignalWatcher } from '@blocksuite/global/lit';
-import { css, html, LitElement } from 'lit';
-import { cynefinToolbarIcon } from './icons';
-/** Main toolbar button that opens the Cynefin toolbox sub-menu. */
-export class EdgelessCynefinSeniorButton extends EdgelessToolbarToolMixin(SignalWatcher(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.enableActiveBackground = true;
-        this.type = EmptyTool;
-    }
-    static { this.styles = css `
-    :host,
-    .cynefin-button {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    :host {
-      position: relative;
-    }
-    .cynefin-root {
-      width: 100%;
-      height: 64px;
-      position: relative;
-      overflow: hidden;
-      cursor: pointer;
-      display: flex;
-      align-items: flex-end;
-      justify-content: center;
-    }
-    .cynefin-card {
-      --y: 6px;
-      --s: 1;
-      position: absolute;
-      bottom: 0;
-      width: 54px;
-      height: 54px;
-      transform: translateY(var(--y)) scale(var(--s));
-      transition: transform 0.3s ease;
-    }
-    .cynefin-card svg {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .cynefin-root:hover .cynefin-card {
-      --y: -2px;
-      --s: 1.07;
-    }
-  `; }
-    _toggleMenu() {
-        if (this.popper) {
-            this.popper.dispose();
-            this.popper = null;
-            return;
-        }
-        this.setEdgelessTool(DefaultTool);
-        const menu = this.createPopper('edgeless-cynefin-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="cynefin-button"
-      .tooltip=${this.popper ? '' : 'Cynefin'}
-      .tooltipOffset=${4}
-      .active=${!!this.popper}
-      @click=${this._toggleMenu}
-    >
-      <div class="cynefin-root">
-        <div class="cynefin-card">${cynefinToolbarIcon}</div>
-      </div>
-    </edgeless-toolbar-button>`;
-    }
-}
-//# sourceMappingURL=cynefin-senior-button.js.map

package/dist/toolbar/estuarine-menu.d.ts

@@ -1,14 +0,0 @@
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { LitElement } from 'lit';
-declare const EdgelessEstuarineMenu_base: typeof LitElement & import("@blocksuite/global/utils").Constructor<import("@blocksuite/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
-/** The popover above the toolbar: create the Estuarine map or a hexagon node. */
-export declare class EdgelessEstuarineMenu extends EdgelessEstuarineMenu_base {
-    static styles: import("lit").CSSResult;
-    type: typeof EmptyTool;
-    private _finish;
-    private _createMap;
-    private _createHexagon;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};
-//# sourceMappingURL=estuarine-menu.d.ts.map

package/dist/toolbar/estuarine-menu.js

@@ -1,113 +0,0 @@
-import { DefaultTool } from '@blocksuite/affine-block-surface';
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { ShapeStyle } from '@blocksuite/affine-model';
-import { EdgelessToolbarToolMixin } from '@blocksuite/affine-widget-edgeless-toolbar';
-import { Bound } from '@blocksuite/global/gfx';
-import { css, html, LitElement } from 'lit';
-import { REF_H, REF_W } from '../estuarine/consts';
-import { estuarineMenuIcon, hexagonMenuIcon } from './icons';
-/** Estuarine map default size (REF aspect, scaled up so it reads on canvas). */
-const MAP_SCALE = 1.2;
-/** Default hexagon node size + fill (a constraint token). */
-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: create the Estuarine map or a hexagon node. */
-export class EdgelessEstuarineMenu 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 });
-    }
-    _createMap() {
-        const { gfx } = this;
-        if (!gfx.surface)
-            return;
-        const width = REF_W * MAP_SCALE;
-        const height = REF_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=${'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=estuarine-menu.js.map

package/dist/toolbar/estuarine-senior-button.d.ts

@@ -1,13 +0,0 @@
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { LitElement } from 'lit';
-declare const EdgelessEstuarineSeniorButton_base: typeof LitElement & import("@blocksuite/global/utils").Constructor<import("@blocksuite/affine-widget-edgeless-toolbar").EdgelessToolbarToolClass>;
-/** Main toolbar button that opens the Estuarine toolbox sub-menu. */
-export declare class EdgelessEstuarineSeniorButton extends EdgelessEstuarineSeniorButton_base {
-    static styles: import("lit").CSSResult;
-    enableActiveBackground: boolean;
-    type: typeof EmptyTool;
-    private _toggleMenu;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export {};
-//# sourceMappingURL=estuarine-senior-button.d.ts.map

package/dist/toolbar/estuarine-senior-button.js

@@ -1,90 +0,0 @@
-import { DefaultTool } from '@blocksuite/affine-block-surface';
-import { EmptyTool } from '@blocksuite/affine-gfx-pointer';
-import { EdgelessToolbarToolMixin } from '@blocksuite/affine-widget-edgeless-toolbar';
-import { SignalWatcher } from '@blocksuite/global/lit';
-import { css, html, LitElement } from 'lit';
-import { estuarineToolbarIcon } from './icons';
-/** Main toolbar button that opens the Estuarine toolbox sub-menu. */
-export class EdgelessEstuarineSeniorButton extends EdgelessToolbarToolMixin(SignalWatcher(LitElement)) {
-    constructor() {
-        super(...arguments);
-        this.enableActiveBackground = true;
-        this.type = EmptyTool;
-    }
-    static { this.styles = css `
-    :host,
-    .estuarine-button {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    :host {
-      position: relative;
-    }
-    .estuarine-root {
-      width: 100%;
-      height: 64px;
-      position: relative;
-      overflow: hidden;
-      cursor: pointer;
-      display: flex;
-      align-items: flex-end;
-      justify-content: center;
-    }
-    .estuarine-card {
-      --y: 6px;
-      --s: 1;
-      position: absolute;
-      bottom: 0;
-      width: 54px;
-      height: 54px;
-      transform: translateY(var(--y)) scale(var(--s));
-      transition: transform 0.3s ease;
-    }
-    .estuarine-card svg {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    .estuarine-root:hover .estuarine-card {
-      --y: -2px;
-      --s: 1.07;
-    }
-  `; }
-    _toggleMenu() {
-        if (this.popper) {
-            this.popper.dispose();
-            this.popper = null;
-            return;
-        }
-        this.setEdgelessTool(DefaultTool);
-        const menu = this.createPopper('edgeless-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="estuarine-button"
-      .tooltip=${this.popper ? '' : 'Estuarine'}
-      .tooltipOffset=${4}
-      .active=${!!this.popper}
-      @click=${this._toggleMenu}
-    >
-      <div class="estuarine-root">
-        <div class="estuarine-card">${estuarineToolbarIcon}</div>
-      </div>
-    </edgeless-toolbar-button>`;
-    }
-}
-//# sourceMappingURL=estuarine-senior-button.js.map