@jackuait/blok 0.10.11 → 0.11.0

package/src/tools/callout/index.ts

@@ -66,16 +66,34 @@ export class CalloutTool implements BlockTool {
   private _dom: CalloutDOMRefs | null = null;
   private _emojiPicker: EmojiPicker | null = null;
   private _colorPicker: ColorPickerHandle | null = null;
+  private readonly _customEmojiPicker: ((onSelect: (emoji: string) => void) => void) | undefined;
   private blockId?: string;
-
-  constructor({ data, api, readOnly, block }: BlockToolConstructorOptions<CalloutData, CalloutConfig>) {
+  /**
+   * Text captured from a source block during conversion (paragraph -> callout).
+   * Callout stores its rich content inside child blocks rather than in `data`,
+   * so the first-time `rendered()` hook seeds a child paragraph with this
+   * text — preserving the original content across the conversion.
+   */
+  private _pendingChildText: string | null = null;
+
+  constructor({ data, api, readOnly, block, config }: BlockToolConstructorOptions<CalloutData, CalloutConfig>) {
     this.api = api;
     this.readOnly = readOnly;
+
+    const importedText = typeof (data as Record<string, unknown>).__importedText === 'string'
+      ? (data as Record<string, unknown>).__importedText as string
+      : null;
+
+    if (importedText !== null && importedText.length > 0) {
+      this._pendingChildText = importedText;
+    }
+
     this._data = this.normalizeData(data);
 
     if (block) {
       this.blockId = block.id;
     }
+    this._customEmojiPicker = config?.emojiPicker;
   }
 
   private normalizeData(data: Partial<CalloutData>): CalloutData {
@@ -156,13 +174,23 @@ export class CalloutTool implements BlockTool {
       const blockIndex = this.api.blocks.getBlockIndex(this.blockId);
 
       if (blockIndex !== undefined) {
-        const newBlock = this.api.blocks.insertInsideParent(this.blockId, blockIndex + 1);
+        // If conversion handed us source text to preserve, seed the first
+        // child paragraph with it (single-shot — cleared immediately).
+        const seedText = this._pendingChildText;
+
+        this._pendingChildText = null;
+
+        const childData = seedText !== null && seedText.length > 0
+          ? { text: seedText }
+          : undefined;
+
+        const newBlock = this.api.blocks.insertInsideParent(this.blockId, blockIndex + 1, childData);
 
         // Manually append the new child's holder — insertInsideParent places it in the
         // flat block list but doesn't know about our childContainer DOM.
         this._dom.childContainer.appendChild(newBlock.holder);
 
-        this.api.caret.setToBlock(newBlock.id, 'start');
+        this.api.caret.setToBlock(newBlock.id, seedText !== null ? 'end' : 'start');
       }
     }
   }
@@ -352,6 +380,11 @@ export class CalloutTool implements BlockTool {
       return;
     }
 
+    if (this._customEmojiPicker !== undefined) {
+      this._customEmojiPicker((emoji: string) => this.setEmoji(emoji));
+      return;
+    }
+
     if (this._emojiPicker === null) {
       this._emojiPicker = new EmojiPicker({
         onSelect: (native: string) => this.setEmoji(native),
@@ -392,11 +425,20 @@ export class CalloutTool implements BlockTool {
 
   public static get conversionConfig(): ConversionConfig<CalloutData> {
     return {
-      import: (): CalloutData => ({
+      /**
+       * Callout stores its text inside child blocks, not in its own `data`.
+       * On import we capture the source block's text through a transient
+       * `__importedText` field that the callout constructor reads and the
+       * `rendered()` hook uses to seed the first child paragraph with the
+       * original content — preserving the text across paragraph -> callout
+       * conversion.
+       */
+      import: (stringToImport: string): CalloutData => ({
         emoji: DEFAULT_EMOJI,
         textColor: null,
         backgroundColor: null,
-      }),
+        __importedText: stringToImport,
+      } as CalloutData),
     };
   }
 

package/src/tools/callout/types.ts

@@ -8,4 +8,11 @@ export interface CalloutData extends BlockToolData {
   backgroundColor: string | null;
 }
 
-export interface CalloutConfig {}
+export interface CalloutConfig {
+  /**
+   * Custom emoji picker handler.
+   * When provided, replaces the built-in emoji picker.
+   * Call `onSelect` with the chosen emoji character, or "" to clear.
+   */
+  emojiPicker?: (onSelect: (emoji: string) => void) => void;
+}

package/src/tools/table/index.ts

@@ -675,9 +675,10 @@ export class Table implements BlockTool {
     // (blocks deleted but matrix not updated); persisting them causes DOM
     // node stealing and data loss on subsequent renders.
     const tableId = this.blockId ?? '';
+    const gridEl = this.gridElement;
 
-    data.content = data.content.map(row =>
-      row.map(cell => {
+    data.content = data.content.map((row, rowIndex) =>
+      row.map((cell, colIndex) => {
         if (!isCellWithBlocks(cell)) {
           return cell;
         }
@@ -688,6 +689,35 @@ export class Table implements BlockTool {
           return block != null && (block.parentId ?? '') === tableId;
         });
 
+        // Recover from a stale model snapshot: if the model says this cell is
+        // empty but the live DOM still has child blocks parented to the table
+        // here, harvest their ids from the DOM. Without this guard, a
+        // mid-render snapshot can persist empty cells to Yjs and become an
+        // attractor state that later undo presses revert to — see
+        // table-undo-redo-orphans regression.
+        if (filtered.length === 0 && gridEl) {
+          const cellEl = gridEl.querySelector<HTMLElement>(
+            `[${CELL_ROW_ATTR}="${rowIndex}"][${CELL_COL_ATTR}="${colIndex}"]`
+          );
+          const container = cellEl?.querySelector<HTMLElement>(`[${CELL_BLOCKS_ATTR}]`);
+          const harvested = container
+            ? Array.from(container.querySelectorAll<HTMLElement>('[data-blok-id]'))
+              .map(el => el.getAttribute('data-blok-id') ?? '')
+              .filter(id => {
+                if (!id) {
+                  return false;
+                }
+                const block = this.api.blocks.getById?.(id);
+
+                return block != null && (block.parentId ?? '') === tableId;
+              })
+            : [];
+
+          if (harvested.length > 0) {
+            return { ...cell, blocks: harvested };
+          }
+        }
+
         return { ...cell, blocks: filtered };
       })
     );
@@ -772,6 +802,8 @@ export class Table implements BlockTool {
       return;
     }
 
+    const isSyncReplay = this.api.blocks.isSyncingFromYjs;
+
     this.runStructuralOp(() => {
       const setDataContent = this.cellBlocks?.initializeCells(this.initialContent ?? []) ?? this.initialContent ?? [];
 
@@ -782,9 +814,14 @@ export class Table implements BlockTool {
         return;
       }
 
-      // When undoing reverts content to empty, the grid has default dimensions
-      // but initializeCells([]) mounted zero blocks. Pre-populate the model
-      // with empty cell entries so populateNewCells can place blocks correctly.
+      // When an undo replay reverts content to empty, the DOM grid has its
+      // default dimensions but the model has zero rows. Reflect the grid
+      // shape in the model with empty cells so subsequent operations have
+      // valid bounds. Do NOT call populateNewCells here — fabricating new
+      // paragraph blocks during a Yjs replay creates orphans that survive
+      // the next undo cycle (regression: table-undo-redo-orphans).
+      // If Yjs actually contains child blocks for those cells they will
+      // arrive via separate block-add events.
       if (this.api.blocks.isSyncingFromYjs && setDataContent.length === 0 && gridEl) {
         const emptyGridContent = Array.from(gridEl.querySelectorAll(`[${ROW_ATTR}]`), (row) => {
           const cellCount = row.querySelectorAll(`[${CELL_ATTR}]`).length;
@@ -796,8 +833,6 @@ export class Table implements BlockTool {
           ...this.model.snapshot(),
           content: emptyGridContent,
         });
-
-        populateNewCells(gridEl, this.cellBlocks);
       } else {
         this.model.replaceAll({
           ...this.model.snapshot(),
@@ -825,6 +860,23 @@ export class Table implements BlockTool {
     const snapSet = this.model.snapshot();
     applyCellColors(gridEl, snapSet.content);
     applyCellPlacements(gridEl, snapSet.content);
+
+    if (isSyncReplay) {
+      // Catch blocks already restored by sibling Yjs ops in this same replay
+      // batch — they may be sitting at the top level waiting to be reattached
+      // to their original cell. Without this, multi-cell undo restoration
+      // leaves cell content as orphan top-level blocks.
+      this.cellBlocks?.reclaimReferencedBlocks();
+      // Yjs sometimes restores sibling blocks AFTER this sync transaction
+      // commits. Schedule a second pass on the next microtask so blocks that
+      // arrive late are still attached to their cells.
+      void Promise.resolve().then(() => {
+        if (currentGeneration !== this.setDataGeneration) {
+          return;
+        }
+        this.cellBlocks?.reclaimReferencedBlocks();
+      });
+    }
   }
 
   public onPaste(event: HTMLPasteEvent): void {

package/src/tools/table/table-cell-blocks.ts

@@ -1,7 +1,7 @@
 import type { API } from '../../../types';
 import { DATA_ATTR } from '../../components/constants/data-attributes';
 
-import { CELL_ATTR, ROW_ATTR, CELL_COL_ATTR } from './table-core';
+import { CELL_ATTR, ROW_ATTR, CELL_ROW_ATTR, CELL_COL_ATTR } from './table-core';
 import type { TableModel } from './table-model';
 import type { LegacyCellContent, CellContent } from './types';
 import { isCellWithBlocks } from './types';
@@ -353,7 +353,9 @@ export class TableCellBlocks {
    * - Cells that already have block references get those blocks mounted.
    * - If referenced blocks are missing from BlockManager, a fallback paragraph is created.
    */
-  public initializeCells(content: LegacyCellContent[][]): CellContent[][] {
+  public initializeCells(
+    content: LegacyCellContent[][]
+  ): CellContent[][] {
     const rowElements = this.gridElement.querySelectorAll(`[${ROW_ATTR}]`);
     const normalizedContent: CellContent[][] = [];
 
@@ -437,6 +439,63 @@ export class TableCellBlocks {
     return normalizedContent;
   }
 
+  /**
+   * After a setData/render rebuild, reclaim any blocks the model references
+   * whose holders are not yet mounted in their model cell. This catches blocks
+   * that were restored via separate Yjs ops in a different transaction order
+   * — without it the restored block would float at the top level as an orphan
+   * (regression: table-undo-redo-orphans, multi-cell undo restoration).
+   */
+  public reclaimReferencedBlocks(): void {
+    const snapshot = this.model.snapshot();
+
+    snapshot.content.forEach((row, rowIndex) => {
+      row.forEach((cellContent, colIndex) => {
+        if (!isCellWithBlocks(cellContent) || cellContent.blocks.length === 0) {
+          return;
+        }
+
+        const cell = this.gridElement.querySelector<HTMLElement>(
+          `[${CELL_ROW_ATTR}="${rowIndex}"][${CELL_COL_ATTR}="${colIndex}"]`
+        );
+
+        if (!cell) {
+          return;
+        }
+
+        const container = cell.querySelector<HTMLElement>(`[${CELL_BLOCKS_ATTR}]`);
+
+        if (!container) {
+          return;
+        }
+
+        for (const blockId of cellContent.blocks) {
+          const getIndex = this.api.blocks.getBlockIndex;
+          const getByIndex = this.api.blocks.getBlockByIndex;
+
+          if (typeof getIndex !== 'function' || typeof getByIndex !== 'function') {
+            return;
+          }
+
+          const index = getIndex(blockId);
+
+          if (index === undefined) {
+            continue;
+          }
+          const block = getByIndex(index);
+
+          if (!block) {
+            continue;
+          }
+          if (container.contains(block.holder)) {
+            continue;
+          }
+          this.claimBlockForCell(cell, blockId);
+        }
+      });
+    });
+  }
+
   /**
    * Remove placeholder attributes from contenteditable elements inside a cell container.
    * Blocks in table cells should feel like plain table fields, not standalone paragraphs.
@@ -635,7 +694,14 @@ export class TableCellBlocks {
    * When a block is removed, ensure no cell is left empty.
    */
   private handleBlockMutation = (data: unknown): void => {
-    if (this.isStructuralOpActive()) {
+    // While a structural op (setData / paste / row-col change) is rebuilding
+    // the table, defer events so they don't operate on stale DOM. EXCEPT for
+    // Yjs replay: an undo/redo that restores a previously-owned cell block
+    // fires block-added DURING the table's own setData, and discarding it
+    // would leave the restored block as a top-level orphan
+    // (regression: table-undo-redo-orphans). Process those immediately —
+    // recordedCellPos lookup below will route the block back to its cell.
+    if (this.isStructuralOpActive() && !this.api.blocks.isSyncingFromYjs) {
       this.deferredEvents.push(data);
 
       return;
@@ -674,6 +740,27 @@ export class TableCellBlocks {
       return;
     }
 
+    // Yjs undo replay: a block this table previously owned is being restored.
+    // The model's contentGrid still references its id from a prior render but
+    // the DOM is empty (we deliberately did not fabricate a replacement, see
+    // table-undo-redo-orphans regression). Reattach it to the recorded cell
+    // before falling through to adjacency-based heuristics, otherwise the
+    // restored block lands as a top-level orphan.
+    const recordedCellPos = this.model.findCellForBlock(detail.target.id);
+
+    if (recordedCellPos) {
+      const cellEl = this.gridElement.querySelector<HTMLElement>(
+        `[${CELL_ROW_ATTR}="${recordedCellPos.row}"][${CELL_COL_ATTR}="${recordedCellPos.col}"]`
+      );
+
+      if (cellEl) {
+        this.claimBlockForCell(cellEl, detail.target.id);
+        this.cellsPendingCheck.delete(cellEl);
+
+        return;
+      }
+    }
+
     const blockIndex = detail.index;
 
     if (blockIndex === undefined) {

package/types/api/blocks.d.ts

@@ -189,9 +189,10 @@ export interface Blocks {
    *
    * @param parentId - id of the parent block
    * @param insertIndex - flat block index where the new block should appear
+   * @param childData - optional data override for the child block (default: empty paragraph)
    * @returns BlockAPI for the newly created child block
    */
-  insertInsideParent(parentId: string, insertIndex: number): BlockAPI;
+  insertInsideParent(parentId: string, insertIndex: number, childData?: BlockToolData): BlockAPI;
 
   /**
    * Execute a function within a transaction.

package/types/configs/blok-config.d.ts

@@ -5,6 +5,7 @@ import {SanitizerConfig} from './sanitizer-config';
 import {I18nConfig} from './i18n-config';
 import { BlockMutationEvent } from '../events/block';
 import type { UserInfo } from './user-info';
+import type { NotifierPosition, NotifierOptions, ConfirmNotifierOptions, PromptNotifierOptions } from './notifier';
 
 /**
  * Data model format for input/output
@@ -220,4 +221,18 @@ export interface BlokConfig {
    * Return null/undefined for unknown users — Blok will fall back to showing only the date.
    */
   resolveUser?: (id: string) => UserInfo | Promise<UserInfo | null> | null;
+
+  /**
+   * Position of the notification (toast) container on screen.
+   * @default 'bottom-center' — see DEFAULT_NOTIFIER_POSITION
+   */
+  notifierPosition?: NotifierPosition;
+
+  /**
+   * Custom notifier handler.
+   * When provided, Blok calls this function instead of showing the built-in DOM notification.
+   * Your implementation receives the same options object that the built-in notifier accepts.
+   * @param options - notification options (message, style, type, time, etc.)
+   */
+  notifier?: (options: NotifierOptions | ConfirmNotifierOptions | PromptNotifierOptions) => void;
 }

package/types/configs/notifier.d.ts

@@ -1,3 +1,14 @@
+/**
+ * Position of the notification container on screen.
+ * - 'bottom-left' (default)
+ * - 'bottom-right'
+ * - 'bottom-center'
+ * - 'top-left'
+ * - 'top-right'
+ * - 'top-center'
+ */
+export type NotifierPosition = 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-right' | 'top-center';
+
 /**
  * Base options interface for notifications
  */

package/dist/chunks/architecture-YZFGNWBL-aVO23UKm.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-7N4EOEYR-p-g3cKuX.mjs";
-export { e as createArchitectureServices };

package/dist/chunks/classDiagram-6PBFFD2Q-DXsClapu.mjs

@@ -1,30 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-FMBD7UC4-D_RQlBGX.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-YZCP3GAM-BV02tG_z.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-DC963IrJ.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-6PBFFD2Q.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/classDiagram-v2-HSJHXN6E-B6TlQ_PM.mjs

@@ -1,30 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-FMBD7UC4-D_RQlBGX.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-YZCP3GAM-BV02tG_z.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-4TB4RGXK-DC963IrJ.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-HSJHXN6E.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i();
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.class || (e.class = {}), e.class.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/gitGraph-7Q5UKJZL-B3aq166w.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-67CJDMHE-Dbl-PjEf.mjs";
-export { e as createGitGraphServices };

package/dist/chunks/info-OMHHGYJF-SX91-Wub.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-KGLVRYIC-ngXT4XVA.mjs";
-export { e as createInfoServices };

package/dist/chunks/notifier-PpnFhM0m.mjs

@@ -1,96 +0,0 @@
-import { n as e, t } from "./tw-CqxBf-1Y.mjs";
-//#region src/components/utils/notifier/draw.ts
-var n = {
-	success: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M5.5 8.25l1.75 1.75 3.25-3.5\"/></svg>",
-	error: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M8 5.25v3\"/><circle cx=\"8\" cy=\"10.75\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/></svg>",
-	default: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8\" cy=\"8\" r=\"6.25\"/><path d=\"M8 7.25v3.25\"/><circle cx=\"8\" cy=\"5.25\" r=\"0.5\" fill=\"currentColor\" stroke=\"none\"/></svg>"
-}, r = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"><path d=\"M2 2l6 6M8 2l-6 6\"/></svg>", i = {
-	wrapper: t("fixed z-2 bottom-5 left-5", "font-[-apple-system,BlinkMacSystemFont,\"Segoe_UI\",\"Roboto\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Fira_Sans\",\"Droid_Sans\",\"Helvetica_Neue\",sans-serif]"),
-	notification: t("relative flex items-start gap-2.5 w-[230px] mt-[15px] py-[13px] px-4", "bg-white shadow-notify rounded-[6px]", "text-sm leading-[1.4em] wrap-break-word overflow-hidden", "before:content-[\"\"] before:absolute before:block before:top-0 before:left-0", "before:w-[3px] before:h-[calc(100%-6px)] before:m-[3px] before:rounded-[5px] before:bg-transparent"),
-	icon: "shrink-0 mt-px",
-	iconSuccess: "text-[#34c992]",
-	iconError: "text-[#fb5d5d]",
-	iconDefault: "text-[#9ca3af]",
-	messageWrapper: "flex-1 min-w-0",
-	crossBtn: t("absolute top-[7px] right-[7px] flex items-center justify-center", "w-6 h-6 rounded opacity-40 cursor-pointer", "transition-opacity duration-150", "hover:opacity-100"),
-	btnsWrapper: "flex flex-row flex-nowrap mt-[5px]",
-	btn: "border-none rounded-[3px] text-[13px] py-[5px] px-2.5 cursor-pointer outline-hidden last:ml-2.5",
-	okBtn: "bg-[#34c992] shadow-[0_1px_1px_0_rgba(18,49,35,0.05)] text-white hover:bg-[#2db583]",
-	cancelBtn: "bg-[#f2f5f7] shadow-[0_2px_1px_0_rgba(16,19,29,0)] text-[#656b7c] hover:bg-[#e9ecee]",
-	input: t("max-w-[130px] py-[5px] px-2.5 bg-[#f7f7f7] border-0 rounded-[3px]", "text-[13px] text-[#656b7c] outline-hidden", "placeholder:text-[#656b7c] focus:placeholder:text-[rgba(101,107,124,0.3)]"),
-	successNotification: t("bg-[#fafffe]!", "before:bg-[#41ffb1]!"),
-	errorNotification: t("bg-[#fffbfb]!", "before:bg-[#fb5d5d]!"),
-	progressBar: t("absolute bottom-0 left-0 h-[2px] rounded-b-[6px]", "animate-notify-progress"),
-	progressDefault: "bg-[#d1d5db]",
-	progressSuccess: "bg-[#41ffb1]",
-	progressError: "bg-[#fb5d5d]"
-}, a = (e) => {
-	var r;
-	let a = document.createElement("span"), o = e === "success" || e === "error" ? e : "default";
-	a.innerHTML = n[o], a.setAttribute("data-blok-testid", "notification-icon"), a.setAttribute("data-blok-style", o);
-	let s = (r = {
-		success: i.iconSuccess,
-		error: i.iconError,
-		default: i.iconDefault
-	}[o]) == null ? i.iconDefault : r;
-	return a.className = t(i.icon, s), a;
-}, o = () => {
-	let e = document.createElement("div");
-	return e.className = i.crossBtn, e.setAttribute("data-blok-testid", "notification-cross"), e.innerHTML = r, e;
-}, s = (e, n) => {
-	var r;
-	let a = document.createElement("div"), o = (r = {
-		success: i.progressSuccess,
-		error: i.progressError
-	}[e == null ? "" : e]) == null ? i.progressDefault : r;
-	return a.className = t(i.progressBar, o), a.setAttribute("data-blok-testid", "notification-progress"), a.style.animationDuration = `${n == null ? 8e3 : n}ms`, a;
-}, c = (t) => {
-	let n = document.createElement("DIV"), r = t.style;
-	n.className = e(i.notification, r === "success" ? i.successNotification : r === "error" ? i.errorNotification : ""), r ? n.setAttribute("data-blok-testid", `notification-${r}`) : n.setAttribute("data-blok-testid", "notification");
-	let s = a(r);
-	n.appendChild(s);
-	let c = document.createElement("div");
-	c.className = i.messageWrapper, c.setAttribute("data-blok-testid", "notification-message"), c.innerHTML = t.message, n.appendChild(c);
-	let l = o();
-	return l.addEventListener("click", () => n.remove()), n.appendChild(l), n;
-}, l = (e) => {
-	let n = c(e), r = n.querySelector("[data-blok-testid=\"notification-message\"]"), a = document.createElement("div"), o = document.createElement("button"), s = document.createElement("button"), l = n.querySelector("[data-blok-testid=\"notification-cross\"]"), u = e.cancelHandler, d = e.okHandler;
-	return a.className = i.btnsWrapper, a.setAttribute("data-blok-testid", "notification-buttons-wrapper"), o.innerHTML = e.okText || "Confirm", s.innerHTML = e.cancelText || "Cancel", o.className = t(i.btn, i.okBtn), s.className = t(i.btn, i.cancelBtn), o.setAttribute("data-blok-testid", "notification-confirm-button"), s.setAttribute("data-blok-testid", "notification-cancel-button"), u && typeof u == "function" && s.addEventListener("click", u), u && typeof u == "function" && l && l.addEventListener("click", u), d && typeof d == "function" && o.addEventListener("click", d), o.addEventListener("click", () => n.remove()), s.addEventListener("click", () => n.remove()), a.appendChild(o), a.appendChild(s), r ? r.appendChild(a) : n.appendChild(a), n;
-}, u = (e) => {
-	let n = c(e), r = n.querySelector("[data-blok-testid=\"notification-message\"]"), a = document.createElement("div"), o = document.createElement("button"), s = document.createElement("input"), l = n.querySelector("[data-blok-testid=\"notification-cross\"]"), u = e.cancelHandler, d = e.okHandler;
-	return a.className = i.btnsWrapper, o.innerHTML = e.okText || "Ok", o.className = t(i.btn, i.okBtn), s.className = i.input, s.setAttribute("data-blok-testid", "notification-input"), e.placeholder && s.setAttribute("placeholder", e.placeholder), e.default && (s.value = e.default), e.inputType && (s.type = e.inputType), u && typeof u == "function" && l && l.addEventListener("click", u), d && typeof d == "function" && o.addEventListener("click", () => {
-		d(s.value);
-	}), o.addEventListener("click", () => n.remove()), a.appendChild(s), a.appendChild(o), r ? r.appendChild(a) : n.appendChild(a), n;
-}, d = () => {
-	let e = document.createElement("DIV");
-	return e.className = i.wrapper, e.setAttribute("data-blok-testid", "notifier-container"), e;
-}, f = 8e3, p = (e) => {
-	e.classList.add("animate-notify-slide-out"), e.addEventListener("animationend", () => {
-		e.remove();
-	}, { once: !0 });
-}, m = () => {
-	let e = document.querySelector("[data-blok-testid=\"notifier-container\"]");
-	if (e) return e;
-	let t = d();
-	return document.body.appendChild(t), t;
-}, h = (e) => {
-	if (!e.message) return;
-	let t = m(), n = e.time || f, r = (() => {
-		let t = e.type;
-		if (t === "confirm") return l(e);
-		if (t === "prompt") return u(e);
-		let r = c(e), i = s(e.style, n);
-		r.appendChild(i);
-		let a = r.querySelector("[data-blok-testid=\"notification-cross\"]");
-		if (a) {
-			let e = a.cloneNode(!0);
-			a.replaceWith(e), e.addEventListener("click", () => p(r));
-		}
-		return window.setTimeout(() => {
-			p(r);
-		}, n), r;
-	})();
-	t && r && (t.appendChild(r), r.className = `${r.className} animate-notify-slide-in`, r.setAttribute("data-blok-bounce-in", "true"));
-}, g = { show: h };
-//#endregion
-export { g as Notifier, h as show };

package/dist/chunks/packet-4T2RLAQJ-suhU85JN.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-FOC6F5B3-CJfr-iwx.mjs";
-export { e as createPacketServices };

package/dist/chunks/pie-ZZUOXDRM-DF5e16CP.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-AA7GKIK3-Dt0Kr5Va.mjs";
-export { e as createPieServices };

package/dist/chunks/radar-PYXPWWZC-DgzodpRv.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-2KRD3SAO-mVfUZfox.mjs";
-export { e as createRadarServices };

package/dist/chunks/stateDiagram-v2-QKLJ7IA2-AoHzFiaI.mjs

@@ -1,28 +0,0 @@
-import "./chunk-5PVQY5BW-BP7ENjg7.mjs";
-import { h as e } from "./src-B3rrEIze.mjs";
-import "./chunk-ICPOFSXX-BOvOTlG6.mjs";
-import "./dist-X14EnMrO.mjs";
-import "./chunk-U2HBQHQK-DiQOEtQH.mjs";
-import "./chunk-BSJP7CBP-DGU2WHwh.mjs";
-import "./chunk-ZZ45TVLE-D28EyJ6R.mjs";
-import "./chunk-55IACEB6-yyL3mncJ.mjs";
-import "./chunk-EDXVE4YY-B9_aGwkV.mjs";
-import "./chunk-X2U36JSP-Cznp5Jm-.mjs";
-import "./chunk-5FUZZQ4R-Dr4NE8rh.mjs";
-import "./chunk-ENJZ2VHE-23pY8ft5.mjs";
-import "./chunk-336JU56O-mJNxs0cr.mjs";
-import { i as t, n, r, t as i } from "./chunk-OYMX7WX6-CKjTvqTg.mjs";
-//#region node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-QKLJ7IA2.mjs
-var a = {
-	parser: n,
-	get db() {
-		return new i(2);
-	},
-	renderer: r,
-	styles: t,
-	init: /* @__PURE__ */ e((e) => {
-		e.state || (e.state = {}), e.state.arrowMarkerAbsolute = e.arrowMarkerAbsolute;
-	}, "init")
-};
-//#endregion
-export { a as diagram };

package/dist/chunks/treeView-SZITEDCU-C1mc9PWf.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-ORNJ4GCN-BPaghT45.mjs";
-export { e as createTreeViewServices };

package/dist/chunks/treemap-W4RFUUIX-ClV9Slyp.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-LIHQZDEY-CnP7bym1.mjs";
-export { e as createTreemapServices };

package/dist/chunks/wardley-RL74JXVD-Dj7t7jHR.mjs

@@ -1,3 +0,0 @@
-import "./chunk-K5T4RW27-CHSI0vpp.mjs";
-import { n as e } from "./chunk-CIAEETIT-BQ4crY5r.mjs";
-export { e as createWardleyServices };