@formicoidea/labre-framework-cynefin 0.23.0 → 0.23.1

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

@@ -0,0 +1,90 @@
+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

package/dist/toolbar/icons.d.ts

@@ -0,0 +1,9 @@
+/** Colored Cynefin glyph for the main toolbar button. */
+export declare const cynefinToolbarIcon: import("lit-html").TemplateResult<2>;
+/** Menu icon — create the Cynefin diagram. */
+export declare const cynefinMenuIcon: import("lit-html").TemplateResult<2>;
+/** Menu icon — create the Estuarine map. */
+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/{src/toolbar/icons.ts → dist/toolbar/icons.js}

@@ -1,30 +1,27 @@
-import { svg } from 'lit';
-
-/** Colored Cynefin glyph for the main toolbar button. */
-export const cynefinToolbarIcon = svg`<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+import { svg } from 'lit';
+/** Colored Cynefin glyph for the main toolbar button. */
+export const cynefinToolbarIcon = svg `<svg width="100%" height="100%" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g stroke="#3f444a" stroke-width="3" stroke-linecap="round">
     <path d="M30 8 C28 18 33 24 26 30 C20 35 14 33 9 33"/>
     <path d="M26 30 C28 40 28 46 28 50"/>
     <path d="M34 22 C40 23 46 24 50 25" stroke-dasharray="3 3"/>
   </g>
   <g stroke="#3f444a" stroke-width="1.4"><path d="M22 33 l-2 4M24 38 l-2 5M26 43 l-2 5"/></g>
-</svg>`;
-
-/** Menu icon — create the Cynefin diagram. */
-export const cynefinMenuIcon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`;
+/** Menu icon — create the Cynefin diagram. */
+export const cynefinMenuIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M13 3 C12 8 14 11 11 13 C8 15 5 14 3 14" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
   <path d="M11 13 C12 18 12 20 12 22" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
   <path d="M15 10 C18 10.5 20 11 22 11.5" stroke="currentColor" stroke-width="1.6" stroke-dasharray="2.5 2.5" stroke-linecap="round"/>
-</svg>`;
-
-/** Menu icon — create the Estuarine map. */
-export const estuarineMenuIcon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`;
+/** Menu icon — create the Estuarine map. */
+export const estuarineMenuIcon = svg `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M5 3 V20 M5 17 H21" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
   <path d="M3 6 l2-2 2 2 M3 17 l2 2 2 -2 M18 15 l3 2 -3 2" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
   <path d="M6 10 C11 6 14 13 21 9" stroke="currentColor" stroke-width="1.4" fill="none" stroke-linecap="round"/>
-</svg>`;
-
-/** Menu icon — hexagon constraint node. */
-export const hexagonMenuIcon = svg`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+</svg>`;
+/** Menu icon — hexagon constraint node. */
+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>`;
+</svg>`;
+//# sourceMappingURL=icons.js.map

package/dist/toolbar/menu.d.ts

@@ -0,0 +1,18 @@
+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>;
+/**
+ * The popover above the toolbar hosting both frameworks: create the Cynefin
+ * diagram, the Estuarine map, or a hexagon constraint node.
+ */
+export declare class EdgelessCynefinEstuarineMenu extends EdgelessCynefinEstuarineMenu_base {
+    static styles: import("lit").CSSResult;
+    type: typeof EmptyTool;
+    private _finish;
+    private _createCynefin;
+    private _createMap;
+    private _createHexagon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -4,38 +4,33 @@ 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';
-
+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],
+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
-) {
-  static override styles = css`
+export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(LitElement) {
+    constructor() {
+        super(...arguments);
+        this.type = EmptyTool;
+    }
+    static { this.styles = css `
     :host {
       position: absolute;
       display: flex;
@@ -56,77 +51,58 @@ export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(
       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`
+  `; }
+    _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">
@@ -152,5 +128,6 @@ export class EdgelessCynefinEstuarineMenu extends EdgelessToolbarToolMixin(
         </div>
       </edgeless-slide-menu>
     `;
-  }
+    }
 }
+//# sourceMappingURL=menu.js.map

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

@@ -0,0 +1,13 @@
+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>;
+/** Main toolbar button that opens the combined Cynefin / Estuarine sub-menu. */
+export declare class EdgelessCynefinEstuarineSeniorButton extends EdgelessCynefinEstuarineSeniorButton_base {
+    static styles: import("lit").CSSResult;
+    enableActiveBackground: boolean;
+    type: typeof EmptyTool;
+    private _toggleMenu;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=senior-button.d.ts.map

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

@@ -3,14 +3,15 @@ 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`
+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;
@@ -49,38 +50,31 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
       --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';
+  `; }
+    _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',
+        });
     }
-    Object.assign(el.style, {
-      position: 'static',
-      width: 'max-content',
-      maxWidth: 'calc(100vw - 16px)',
-      marginLeft: '0',
-    });
-  }
-
-  override render() {
-    return html`<edgeless-toolbar-button
+    render() {
+        return html `<edgeless-toolbar-button
       class="ce-button"
       .tooltip=${this.popper ? '' : 'Cynefin / Estuarine'}
       .tooltipOffset=${4}
@@ -91,5 +85,6 @@ export class EdgelessCynefinEstuarineSeniorButton extends EdgelessToolbarToolMix
         <div class="ce-card">${cynefinToolbarIcon}</div>
       </div>
     </edgeless-toolbar-button>`;
-  }
+    }
 }
+//# sourceMappingURL=senior-button.js.map

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

@@ -0,0 +1,3 @@
+/** 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/{src/toolbar/senior-tool.ts → dist/toolbar/senior-tool.js}

@@ -1,15 +1,12 @@
 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 }) => {
+export const cynefinEstuarineSeniorTool = SeniorToolExtension('cynefin-estuarine', ({ block }) => {
     return {
-      name: 'Cynefin / Estuarine',
-      content: html`<edgeless-cynefin-estuarine-senior-button
+        name: 'Cynefin / Estuarine',
+        content: html `<edgeless-cynefin-estuarine-senior-button
         .edgeless=${block}
       ></edgeless-cynefin-estuarine-senior-button>`,
     };
-  }
-);
+});
+//# sourceMappingURL=senior-tool.js.map

package/dist/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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 declare function refScale(w: number, h: number, refW: number, refH: number): {
+    s: number;
+    ox: number;
+    oy: number;
+};
+export declare const FONT_FAMILY = "Inter, sans-serif";
+//# sourceMappingURL=utils.d.ts.map

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

@@ -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: 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';
+/**
+ * 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

package/dist/view.d.ts

@@ -0,0 +1,7 @@
+import { type ViewExtensionContext, ViewExtensionProvider } from '@formicoidea/labre-core/ext-loader';
+export declare class CynefinEstuarineViewExtension extends ViewExtensionProvider {
+    name: string;
+    effect(): void;
+    setup(context: ViewExtensionContext): void;
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/view.js

@@ -0,0 +1,38 @@
+import { 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 {
+    constructor() {
+        super(...arguments);
+        this.name = 'affine-cynefin-estuarine-gfx';
+    }
+    effect() {
+        super.effect();
+        effects();
+        extendTemplateCategory(cynefinTemplateCategory);
+        extendTemplateCategory(estuarineTemplateCategory);
+    }
+    setup(context) {
+        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);
+        }
+    }
+}
+//# 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.0",
+  "version": "0.23.1",
   "type": "module",
   "sideEffects": false,
   "author": "lajola",
@@ -10,15 +10,24 @@
   ],
   "license": "MPL-2.0",
   "exports": {
-    ".": "./src/index.ts",
-    "./view": "./src/view.ts",
-    "./descriptor": "./src/descriptor.ts"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./view": {
+      "types": "./dist/view.d.ts",
+      "import": "./dist/view.js"
+    },
+    "./descriptor": {
+      "types": "./dist/descriptor.d.ts",
+      "import": "./dist/descriptor.js"
+    }
   },
   "files": [
-    "src"
+    "dist"
   ],
   "dependencies": {
-    "@formicoidea/labre-core": "0.23.0",
+    "@formicoidea/labre-core": "0.23.1",
     "lit": "^3.2.0"
   }
 }