@pixerate/editor-svelte 0.15.2 → 0.16.0

package/dist/index.js

@@ -1,1119 +1,10 @@
-import {
-  ImageEditor,
-  createReactiveImageEditor
-} from "./chunk-HEOI4UNF.js";
-
-// src/EditableTextNodeEditor.svelte
-import "svelte/internal/disclose-version";
-import * as $2 from "svelte/internal/client";
-import { onDestroy, onMount } from "svelte";
-
-// src/editor.svelte.ts
-import * as $ from "svelte/internal/client";
-import { Editor } from "@tiptap/core";
-import { createRichTextPreset } from "@pixerate/editor";
-var initiateEditor = (element, content, extensions, options) => {
-  const { richTextOptions, ...editorOptions } = options || {};
-  const defaultPreset = createRichTextPreset(richTextOptions);
-  const editor = new Editor({
-    element,
-    content,
-    extensions: [...defaultPreset, ...extensions ?? []],
-    autofocus: false,
-    ...editorOptions
-  });
-  return editor;
-};
-function createReactiveEditor(initialContent = "", extensions = [], options = {}) {
-  let editorInstance;
-  return {
-    get current() {
-      return editorInstance;
-    },
-    mount(element) {
-      editorInstance = initiateEditor(element, initialContent, extensions, options);
-      return editorInstance;
-    },
-    destroy() {
-      if (editorInstance) {
-        editorInstance.destroy();
-        editorInstance = void 0;
-      }
-    }
-  };
-}
-
-// src/EditableTextNodeEditor.svelte
-var root = $2.from_html(`<div class="flex items-center justify-center p-4 text-sm text-gray-500">Loading editor...</div>`);
-var root_1 = $2.from_html(`<div draggable="false"><!> <div></div></div>`);
-function EditableTextNodeEditor($$anchor, $$props) {
-  $2.push($$props, true);
-  let className = $2.prop($$props, "class", 3, ""), editorClass = $2.prop($$props, "editorClass", 3, ""), content = $2.prop($$props, "content", 3, void 0), showMenu = $2.prop($$props, "showMenu", 3, true), editable = $2.prop($$props, "editable", 3, true), editor = $2.prop($$props, "editor", 15), extensions = $2.prop($$props, "extensions", 19, () => []), placeholder = $2.prop($$props, "placeholder", 3, ""), markdown = $2.prop($$props, "markdown", 3, void 0), richTextOptions = $2.prop($$props, "richTextOptions", 19, () => ({})), autofocus = $2.prop($$props, "autofocus", 3, false), image = $2.prop($$props, "image", 3, void 0), uploadImage = $2.prop($$props, "uploadImage", 3, void 0), onUploadError = $2.prop($$props, "onUploadError", 3, void 0);
-  let element = $2.state(void 0);
-  $2.user_effect(() => {
-    if (editor() && editor().isEditable !== editable()) {
-      editor().setEditable(editable());
-    }
-  });
-  onMount(() => {
-    editor(initiateEditor($2.get(element), content(), extensions(), {
-      richTextOptions: {
-        placeholder: placeholder(),
-        ...markdown() !== void 0 ? { markdown: markdown() } : {},
-        ...image() !== void 0 || uploadImage() !== void 0 || onUploadError() !== void 0 ? {
-          image: image() === false ? false : {
-            ...typeof image() === "object" ? image() : {},
-            ...uploadImage() ? { upload: uploadImage() } : {},
-            ...onUploadError() ? { onUploadError: onUploadError() } : {}
-          }
-        } : {},
-        ...richTextOptions()
-      },
-      editable: editable(),
-      autofocus: autofocus(),
-      onCreate: $$props.onCreate,
-      onUpdate: $$props.onUpdate,
-      onFocus() {
-        if ($$props.onFocus) $$props.onFocus();
-      },
-      onBlur() {
-        if ($$props.onBlur) $$props.onBlur();
-      }
-    }));
-  });
-  onDestroy(() => {
-    if (editor()) {
-      editor().destroy();
-    }
-  });
-  var div = root_1();
-  var node = $2.child(div);
-  {
-    var consequent = ($$anchor2) => {
-      var div_1 = root();
-      $2.append($$anchor2, div_1);
-    };
-    $2.if(node, ($$render) => {
-      if (!editor()) $$render(consequent);
-    });
-  }
-  var div_2 = $2.sibling(node, 2);
-  $2.bind_this(div_2, ($$value) => $2.set(element, $$value), () => $2.get(element));
-  $2.reset(div);
-  $2.template_effect(
-    ($0) => {
-      $2.set_class(div, 1, `pixerate-editor-container ${className()}`);
-      $2.set_class(div_2, 1, $0);
-    },
-    [
-      () => $2.clsx(`pixerate-editor-content prose dark:prose-invert w-full max-w-none focus:outline-none ${editorClass()}`.trim())
-    ]
-  );
-  $2.append($$anchor, div);
-  $2.pop();
-}
-
-// src/BubbleMenu.svelte
-import "svelte/internal/disclose-version";
-import * as $3 from "svelte/internal/client";
-import { BubbleMenuPlugin } from "@tiptap/extension-bubble-menu";
-var root2 = $3.from_html(`<div style="visibility: hidden;"><!></div>`);
-function BubbleMenu($$anchor, $$props) {
-  $3.push($$props, true);
-  let className = $3.prop($$props, "class", 3, "flex h-fit w-fit items-center gap-1 rounded-md border border-gray-200 bg-white p-1 shadow-md"), pluginKey = $3.prop($$props, "pluginKey", 3, "bubbleMenu"), shouldShow = $3.prop($$props, "shouldShow", 3, null), updateDelay = $3.prop($$props, "updateDelay", 3, 250), tippyOptions = $3.prop($$props, "tippyOptions", 19, () => ({}));
-  let menuElement = $3.state(void 0);
-  $3.user_effect(() => {
-    if ($$props.editor && $3.get(menuElement)) {
-      const plugin = BubbleMenuPlugin({
-        pluginKey: pluginKey(),
-        editor: $$props.editor,
-        element: $3.get(menuElement),
-        tippyOptions: {
-          duration: 100,
-          appendTo: () => document.body,
-          ...tippyOptions()
-        },
-        shouldShow: shouldShow(),
-        updateDelay: updateDelay()
-      });
-      $$props.editor.registerPlugin(plugin);
-      return () => {
-        $$props.editor.unregisterPlugin(pluginKey());
-      };
-    }
-  });
-  var div = root2();
-  var node = $3.child(div);
-  {
-    var consequent = ($$anchor2) => {
-      var fragment = $3.comment();
-      var node_1 = $3.first_child(fragment);
-      $3.snippet(node_1, () => $$props.children);
-      $3.append($$anchor2, fragment);
-    };
-    $3.if(node, ($$render) => {
-      if ($$props.children) $$render(consequent);
-    });
-  }
-  $3.reset(div);
-  $3.bind_this(div, ($$value) => $3.set(menuElement, $$value), () => $3.get(menuElement));
-  $3.template_effect(() => $3.set_class(div, 1, $3.clsx(className())));
-  $3.append($$anchor, div);
-  $3.pop();
-}
-
-// src/TemplateRenderer.svelte
-import "svelte/internal/disclose-version";
-import * as $4 from "svelte/internal/client";
-import { tokenizePrompt, resolveTemplates } from "@pixerate/editor";
-var root3 = $4.from_html(`<span class="inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-semibold rounded-md border border-[var(--color-to)]/40 bg-gradient-to-r from-[var(--color-from)]/15 to-[var(--color-to)]/15 text-[var(--color-to)] hover:brightness-110 cursor-pointer transition-all"> </span>`);
-var root_12 = $4.from_html(`<span class="inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs font-medium rounded-md border border-violet-400/40 bg-violet-400/15 text-violet-600 hover:brightness-110 cursor-pointer transition-all"> </span>`);
-var root_2 = $4.from_html(`<span class="inline-flex items-center px-1.5 py-0.5 mx-0.5 text-xs italic font-medium rounded-md border border-rose-400/40 bg-rose-400/15 text-rose-600"> </span>`);
-var root_3 = $4.from_html(`<span> </span>`);
-var root_4 = $4.from_html(`<div></div>`);
-function TemplateRenderer($$anchor, $$props) {
-  $4.push($$props, true);
-  let templates = $4.prop($$props, "templates", 19, () => []), resolve = $4.prop($$props, "resolve", 3, false), className = $4.prop($$props, "class", 3, "font-mono text-sm leading-relaxed whitespace-pre-wrap break-words");
-  let displayText = $4.derived(() => resolve() && templates().length > 0 ? resolveTemplates($$props.content, templates()) : $$props.content);
-  let tokens = $4.derived(() => tokenizePrompt($4.get(displayText)));
-  var div = root_4();
-  $4.each(div, 21, () => $4.get(tokens), $4.index, ($$anchor2, token) => {
-    var fragment = $4.comment();
-    var node = $4.first_child(fragment);
-    {
-      var consequent = ($$anchor3) => {
-        const colors = $4.derived(() => $$props.templateColorMap?.get($4.get(token).value) || { from: "#f43f5e", to: "#8b5cf6" });
-        var span = root3();
-        var text = $4.only_child(span, true);
-        $4.template_effect(() => {
-          $4.set_style(span, `--color-from: ${$4.get(colors).from}; --color-to: ${$4.get(colors).to};`);
-          $4.set_attribute(span, "title", `Template: ${$4.get(token).value}`);
-          $4.set_text(text, `{{${$4.get(token).value}}}`);
-        });
-        $4.delegated("click", span, () => $$props.onTemplateClick?.($4.get(token).value));
-        $4.append($$anchor3, span);
-      };
-      var consequent_1 = ($$anchor3) => {
-        var span_1 = root_12();
-        var text_1 = $4.only_child(span_1, true);
-        $4.template_effect(() => {
-          $4.set_attribute(span_1, "title", `Variable: ${$4.get(token).value}`);
-          $4.set_text(text_1, `{${$4.get(token).value}}`);
-        });
-        $4.delegated("click", span_1, () => $$props.onVariableClick?.($4.get(token).value));
-        $4.append($$anchor3, span_1);
-      };
-      var consequent_2 = ($$anchor3) => {
-        var span_2 = root_2();
-        var text_2 = $4.only_child(span_2, true);
-        $4.template_effect(() => {
-          $4.set_attribute(span_2, "title", `Instruction: ${$4.get(token).value}`);
-          $4.set_text(text_2, `__${$4.get(token).value}__`);
-        });
-        $4.append($$anchor3, span_2);
-      };
-      var alternate = ($$anchor3) => {
-        var span_3 = root_3();
-        var text_3 = $4.only_child(span_3, true);
-        $4.template_effect(() => $4.set_text(text_3, $4.get(token).value));
-        $4.append($$anchor3, span_3);
-      };
-      $4.if(node, ($$render) => {
-        if ($4.get(token).type === "template") $$render(consequent);
-        else if ($4.get(token).type === "variable") $$render(consequent_1, 1);
-        else if ($4.get(token).type === "instruction") $$render(consequent_2, 2);
-        else $$render(alternate, -1);
-      });
-    }
-    $4.append($$anchor2, fragment);
-  });
-  $4.reset(div);
-  $4.template_effect(() => $4.set_class(div, 1, $4.clsx(className())));
-  $4.append($$anchor, div);
-  $4.pop();
-}
-$4.delegate(["click"]);
-
-// src/navigationGuard.ts
-function navigationGuard(node, options) {
-  let isDirty = options.isDirty;
-  let enabled = options.enabled ?? true;
-  let onBlocked = options.onBlocked;
-  function handleBeforeUnload(e) {
-    if (!enabled || !isDirty) return;
-    e.preventDefault();
-    e.returnValue = "";
-  }
-  function handleClick(e) {
-    if (!enabled || !isDirty) return;
-    const target = e.target;
-    const anchor = target?.closest?.("a");
-    if (!anchor) return;
-    if (anchor.target === "_blank") return;
-    if (typeof window !== "undefined") {
-      const isInternal = anchor.host === window.location.host;
-      if (!isInternal) return;
-      if (anchor.pathname === window.location.pathname && anchor.search === window.location.search) {
-        return;
-      }
-    }
-    e.preventDefault();
-    e.stopPropagation();
-    const href = anchor.href;
-    onBlocked?.(href);
-  }
-  if (typeof window !== "undefined") {
-    window.addEventListener("beforeunload", handleBeforeUnload);
-  }
-  node.addEventListener("click", handleClick, { capture: true });
-  return {
-    update(newOptions) {
-      isDirty = newOptions.isDirty;
-      enabled = newOptions.enabled ?? true;
-      onBlocked = newOptions.onBlocked;
-    },
-    destroy() {
-      if (typeof window !== "undefined") {
-        window.removeEventListener("beforeunload", handleBeforeUnload);
-      }
-      node.removeEventListener("click", handleClick, { capture: true });
-    }
-  };
-}
-
-// src/createNavigationGuard.svelte.ts
-import * as $5 from "svelte/internal/client";
-function createNavigationGuard(options) {
-  let showConfirm = $5.state(false);
-  let pendingUrl = $5.state(null);
-  const getIsDirty = () => typeof options.isDirty === "function" ? options.isDirty() : options.isDirty;
-  const getEnabled = () => typeof options.enabled === "function" ? options.enabled() : options.enabled ?? true;
-  function handleBeforeUnload(e) {
-    if (!getEnabled() || !getIsDirty()) return;
-    e.preventDefault();
-    e.returnValue = "";
-  }
-  if (typeof window !== "undefined") {
-    window.addEventListener("beforeunload", handleBeforeUnload);
-  }
-  function intercept(url) {
-    if (getEnabled() && getIsDirty()) {
-      $5.set(pendingUrl, url, true);
-      $5.set(showConfirm, true);
-      options.onBlocked?.(url);
-      return true;
-    }
-    return false;
-  }
-  function confirmLeave() {
-    $5.set(showConfirm, false);
-    const target = $5.get(pendingUrl);
-    if (target) {
-      if (options.onNavigate) {
-        options.onNavigate(target);
-      } else if (typeof window !== "undefined") {
-        window.location.href = target;
-      }
-    }
-  }
-  function cancelLeave() {
-    $5.set(showConfirm, false);
-    $5.set(pendingUrl, null);
-  }
-  function destroy() {
-    if (typeof window !== "undefined") {
-      window.removeEventListener("beforeunload", handleBeforeUnload);
-    }
-  }
-  return {
-    get showConfirm() {
-      return $5.get(showConfirm);
-    },
-    setShowConfirm(val) {
-      $5.set(showConfirm, val, true);
-    },
-    get pendingUrl() {
-      return $5.get(pendingUrl);
-    },
-    intercept,
-    confirmLeave,
-    cancelLeave,
-    destroy
-  };
-}
-
-// src/history/history.svelte.ts
-import * as $6 from "svelte/internal/client";
-import { HistoryManager, createHistoryManager } from "@pixerate/editor";
-function createHistory(managerOrOptions) {
-  const manager = managerOrOptions instanceof HistoryManager ? managerOrOptions : createHistoryManager(managerOrOptions);
-  let state7 = $6.state($6.proxy(manager.getState()));
-  manager.subscribe((newState) => {
-    $6.set(state7, newState, true);
-  });
-  return {
-    get canUndo() {
-      return $6.get(state7).canUndo;
-    },
-    get canRedo() {
-      return $6.get(state7).canRedo;
-    },
-    get undoName() {
-      return $6.get(state7).undoName;
-    },
-    get redoName() {
-      return $6.get(state7).redoName;
-    },
-    get undoCount() {
-      return $6.get(state7).undoCount;
-    },
-    get redoCount() {
-      return $6.get(state7).redoCount;
-    },
-    get manager() {
-      return manager;
-    },
-    undo: () => manager.undo(),
-    redo: () => manager.redo(),
-    clear: () => manager.clear(),
-    execute: (cmd) => manager.execute(cmd),
-    executeMerged: (cmd, opts) => manager.executeMerged(cmd, opts),
-    batch: (name, fn) => manager.batch(name, fn),
-    subscribe: (run) => manager.subscribe(run)
-  };
-}
-
-// src/history/createHistoryShortcuts.ts
-function createHistoryShortcuts(manager, options = {}) {
-  const {
-    enabled = true,
-    target,
-    ignoreEditableElements = true
-  } = options;
-  if (!enabled) {
-    return { destroy: () => {
-    } };
-  }
-  const eventTarget = target ?? (typeof window !== "undefined" ? window : null);
-  if (!eventTarget) {
-    return { destroy: () => {
-    } };
-  }
-  const handleKeyDown = (event2) => {
-    const e = event2;
-    const isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
-    const modifier = isMac ? e.metaKey : e.ctrlKey;
-    if (!modifier) return;
-    if (ignoreEditableElements && typeof document !== "undefined") {
-      const targetEl = e.target || document.activeElement;
-      if (targetEl && targetEl.tagName) {
-        const tagName = targetEl.tagName.toLowerCase();
-        const isInput = tagName === "input" || tagName === "textarea";
-        const isContentEditable = targetEl.isContentEditable || targetEl.getAttribute?.("contenteditable") === "true";
-        if (isInput || isContentEditable) {
-          return;
-        }
-      }
-    }
-    const key = e.key?.toLowerCase();
-    if (key === "z" && !e.shiftKey) {
-      if (manager.getState().canUndo) {
-        e.preventDefault();
-        manager.undo();
-      }
-      return;
-    }
-    const isRedoKey = key === "z" && e.shiftKey || !isMac && key === "y" && !e.shiftKey;
-    if (isRedoKey) {
-      if (manager.getState().canRedo) {
-        e.preventDefault();
-        manager.redo();
-      }
-    }
-  };
-  eventTarget.addEventListener("keydown", handleKeyDown);
-  return {
-    destroy: () => {
-      eventTarget.removeEventListener("keydown", handleKeyDown);
-    }
-  };
-}
-
-// src/index.ts
-import {
-  DirtyTracker,
-  createDirtyTracker,
-  defaultIsEqual,
-  HistoryManager as HistoryManager2,
-  createHistoryManager as createHistoryManager2
-} from "@pixerate/editor";
-
-// src/spreadsheet/SpreadsheetEditor.svelte
-import "svelte/internal/disclose-version";
-import * as $9 from "svelte/internal/client";
-import { indexToColName as indexToColName2 } from "@pixerate/editor";
-
-// src/spreadsheet/FormulaBar.svelte
-import "svelte/internal/disclose-version";
-import * as $7 from "svelte/internal/client";
-import { indexToColName } from "@pixerate/editor";
-var root4 = $7.from_html(`<div><div class="flex h-6 min-w-[3rem] items-center justify-center rounded border border-border bg-background px-1.5 font-semibold text-foreground"> </div> <div class="flex items-center text-muted-foreground select-none"><span class="italic font-serif font-bold text-sm text-primary">fx</span></div> <input type="text" class="flex-1 bg-transparent px-2 py-0.5 outline-none font-sans text-xs text-foreground placeholder:text-muted-foreground/60 focus:bg-background focus:ring-1 focus:ring-primary rounded" placeholder="Enter a value or formula (e.g. =SUM(A1:A5))"/></div>`);
-function FormulaBar($$anchor, $$props) {
-  $7.push($$props, true);
-  let sheetState = $7.prop($$props, "sheetState", 7), activeCoord = $7.prop($$props, "activeCoord", 3, null), value = $7.prop($$props, "value", 15, ""), className = $7.prop($$props, "class", 3, "");
-  let effectiveCoord = $7.derived(() => {
-    if (sheetState()) return sheetState().activeCell;
-    return activeCoord();
-  });
-  let coordLabel = $7.derived(() => {
-    if (!$7.get(effectiveCoord)) return "--";
-    const colName = indexToColName($7.get(effectiveCoord).col);
-    return `${colName}${$7.get(effectiveCoord).row + 1}`;
-  });
-  let effectiveValue = $7.derived(() => {
-    if (sheetState()) {
-      if (sheetState().editingCell) return sheetState().draftValue;
-      if (!sheetState().activeCell) return "";
-      const row = sheetState().document.rows[sheetState().activeCell.row];
-      const col = sheetState().document.columns[sheetState().activeCell.col];
-      if (!row || !col) return "";
-      return sheetState().getCell(row.id, col.id).raw || "";
-    }
-    return value();
-  });
-  function handleKeyDown(e) {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      if (sheetState() && sheetState().activeCell) {
-        const row = sheetState().document.rows[sheetState().activeCell.row];
-        const col = sheetState().document.columns[sheetState().activeCell.col];
-        if (row && col) {
-          sheetState().setCellValue(row.id, col.id, $7.get(effectiveValue));
-        }
-        sheetState().commitEditing();
-      }
-      $$props.onCommit?.($7.get(effectiveValue));
-    } else if (e.key === "Escape") {
-      e.preventDefault();
-      if (sheetState()) {
-        sheetState().cancelEditing();
-      }
-      $$props.onCancel?.();
-    }
-  }
-  function handleInput(e) {
-    const target = e.target;
-    if (sheetState()) {
-      sheetState().draftValue = target.value;
-      if (sheetState().activeCell && !sheetState().editingCell) {
-        sheetState().startEditing(sheetState().activeCell.row, sheetState().activeCell.col, target.value);
-      }
-    } else {
-      value(target.value);
-    }
-    $$props.onChange?.(target.value);
-  }
-  var div = root4();
-  var div_1 = $7.child(div);
-  var text = $7.only_child(div_1, true);
-  var input = $7.sibling(div_1, 4);
-  $7.remove_input_defaults(input);
-  $7.reset(div);
-  $7.template_effect(() => {
-    $7.set_class(div, 1, `flex items-center gap-2 border-b border-border bg-muted/20 px-3 py-1.5 text-xs font-mono ${className() ?? ""}`);
-    $7.set_text(text, $7.get(coordLabel));
-    $7.set_value(input, $7.get(effectiveValue));
-  });
-  $7.delegated("input", input, handleInput);
-  $7.delegated("keydown", input, handleKeyDown);
-  $7.append($$anchor, div);
-  $7.pop();
-}
-$7.delegate(["input", "keydown"]);
-
-// src/spreadsheet/spreadsheet.svelte.ts
-import * as $8 from "svelte/internal/client";
-import { SpreadsheetController } from "@pixerate/editor";
-function createReactiveSpreadsheet(options = {}) {
-  let doc = $8.state($8.proxy({
-    id: options.document?.id || `sheet_${Date.now()}`,
-    name: options.document?.name || "Sheet 1",
-    columns: options.document?.columns || [],
-    rows: options.document?.rows || [],
-    cells: options.document?.cells || {},
-    createdAt: options.document?.createdAt || Date.now(),
-    updatedAt: options.document?.updatedAt || Date.now()
-  }));
-  let activeCell = $8.state(null);
-  let selectedRange = $8.state(null);
-  let editingCell = $8.state(null);
-  let draftValue = $8.state("");
-  const controller = new SpreadsheetController({
-    ...options,
-    document: options.document,
-    onDocumentChange: (updated) => {
-      $8.set(doc, { ...updated }, true);
-      options.onDocumentChange?.(updated);
-    },
-    onSelectionChange: (active, range) => {
-      $8.set(activeCell, active, true);
-      $8.set(selectedRange, range, true);
-      options.onSelectionChange?.(active, range);
-    },
-    onCellCommit: (rowId, colId, raw, value) => {
-      options.onCellCommit?.(rowId, colId, raw, value);
-    }
-  });
-  $8.set(doc, { ...controller.document }, true);
-  $8.set(activeCell, controller.activeCell, true);
-  $8.set(selectedRange, controller.selectedRange, true);
-  return {
-    get document() {
-      return $8.get(doc);
-    },
-    get activeCell() {
-      return $8.get(activeCell);
-    },
-    get selectedRange() {
-      return $8.get(selectedRange);
-    },
-    get editingCell() {
-      return $8.get(editingCell);
-    },
-    get draftValue() {
-      return $8.get(draftValue);
-    },
-    set draftValue(val) {
-      $8.set(draftValue, val, true);
-      controller.draftValue = val;
-    },
-    controller,
-    getCell(rowId, colId) {
-      return controller.getCell(rowId, colId);
-    },
-    setCellValue(rowId, colId, raw) {
-      controller.setCellValue(rowId, colId, raw);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    selectCell(row, col, extendSelection = false) {
-      controller.selectCell(row, col, extendSelection);
-      $8.set(activeCell, controller.activeCell, true);
-      $8.set(selectedRange, controller.selectedRange, true);
-    },
-    selectRange(range) {
-      controller.selectRange(range);
-      $8.set(selectedRange, controller.selectedRange, true);
-    },
-    startEditing(row, col, initialVal) {
-      controller.startEditing(row, col, initialVal);
-      $8.set(activeCell, controller.activeCell, true);
-      $8.set(editingCell, controller.editingCell, true);
-      $8.set(draftValue, controller.draftValue, true);
-    },
-    commitEditing(val) {
-      controller.commitEditing(val);
-      $8.set(editingCell, null);
-      $8.set(draftValue, "");
-      $8.set(doc, { ...controller.document }, true);
-    },
-    cancelEditing() {
-      controller.cancelEditing();
-      $8.set(editingCell, null);
-      $8.set(draftValue, "");
-    },
-    moveCursor(dir, extend = false) {
-      controller.moveCursor(dir, extend);
-      $8.set(activeCell, controller.activeCell, true);
-      $8.set(selectedRange, controller.selectedRange, true);
-    },
-    insertColumn(index2, config) {
-      controller.insertColumn(index2, config);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    deleteColumn(colId) {
-      controller.deleteColumn(colId);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    insertRow(index2, config) {
-      controller.insertRow(index2, config);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    deleteRow(rowId) {
-      controller.deleteRow(rowId);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    setColumnWidth(colId, width) {
-      controller.setColumnWidth(colId, width);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    autoFitColumnWidth(colId, customWidth) {
-      controller.autoFitColumnWidth(colId, customWidth);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    loadDocument(document2) {
-      controller.loadDocument(document2);
-      $8.set(doc, { ...controller.document }, true);
-      $8.set(activeCell, controller.activeCell, true);
-      $8.set(selectedRange, controller.selectedRange, true);
-      $8.set(editingCell, controller.editingCell, true);
-      $8.set(draftValue, controller.draftValue, true);
-    },
-    syncWithDataSource() {
-      controller.syncWithDataSource();
-      controller.recalculateAll();
-      $8.set(doc, { ...controller.document }, true);
-    },
-    registerDataSource(ds) {
-      controller.registerDataSource(ds);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    setPrimaryDataSource(id) {
-      controller.setPrimaryDataSource(id);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    recalculateAll() {
-      controller.recalculateAll();
-      $8.set(doc, { ...controller.document }, true);
-    },
-    exportToTsv() {
-      return controller.exportToTsv();
-    },
-    importFromTsv(data) {
-      controller.importFromTsv(data);
-      $8.set(doc, { ...controller.document }, true);
-    },
-    undo() {
-      controller.undo();
-      $8.set(doc, { ...controller.document }, true);
-    },
-    redo() {
-      controller.redo();
-      $8.set(doc, { ...controller.document }, true);
-    }
-  };
-}
-
-// src/spreadsheet/SpreadsheetEditor.svelte
-var root5 = $9.from_html(`<th><div class="flex items-center justify-between gap-1 min-w-0 overflow-hidden truncate"><span class="truncate font-semibold text-foreground text-xs min-w-0"> </span> <span class="text-[10px] text-muted-foreground/70 font-mono font-normal shrink-0"> </span></div>  <div class="col-resize-handle svelte-m799ch" style="position: absolute; top: 0; bottom: 0; width: 12px; right: -6px; cursor: col-resize !important; z-index: 20; display: flex; justify-content: center; touch-action: none;" role="separator" aria-orientation="vertical" tabindex="-1"><div class="col-resize-handle-line svelte-m799ch"></div></div></th>`);
-var root_13 = $9.from_html(`<th class="w-10 min-w-[2.5rem] px-1 text-center bg-muted/40 hover:bg-muted cursor-pointer transition-colors svelte-m799ch" title="Add Column"><span class="text-xs font-bold text-muted-foreground">+</span></th>`);
-var root_22 = $9.from_html(`<input type="text" class="absolute inset-0 w-full h-full px-2 py-1 bg-background text-foreground outline-none font-sans text-xs border-2 border-primary z-20"/>`);
-var root_32 = $9.from_html(`<span> </span>`);
-var root_42 = $9.from_html(`<td style="max-width: 0; overflow: hidden;"><!></td>`);
-var root_5 = $9.from_html(`<td class="w-10 min-w-[2.5rem] bg-muted/10 border-r border-border svelte-m799ch"></td>`);
-var root_6 = $9.from_html(`<tr class="border-b border-border hover:bg-muted/10 transition-colors"><td class="w-12 min-w-[3rem] sticky left-0 z-10 bg-muted/50 border-r border-border text-center text-[10px] text-muted-foreground font-mono select-none svelte-m799ch"> </td><!><!><td class="border-b border-border bg-transparent p-0 svelte-m799ch"></td></tr>`);
-var root_7 = $9.from_html(`<div tabindex="0" role="grid" aria-label="Spreadsheet"><!> <div class="relative flex-1 overflow-auto"><table class="border-collapse table-fixed w-max min-w-full svelte-m799ch"><thead><tr class="h-7 bg-muted/60 sticky top-0 z-20 border-b border-border shadow-xs"><th class="w-12 min-w-[3rem] sticky left-0 z-30 bg-muted/90 border-r border-border text-center text-[10px] text-muted-foreground font-medium svelte-m799ch">#</th><!><!><th class="border-b border-border bg-transparent p-0 font-normal svelte-m799ch"></th></tr></thead><tbody></tbody></table></div></div>`);
-function SpreadsheetEditor($$anchor, $$props) {
-  $9.push($$props, true);
-  let sheetState = $9.prop($$props, "sheetState", 23, createReactiveSpreadsheet), readOnly = $9.prop($$props, "readOnly", 3, false), readonly = $9.prop($$props, "readonly", 3, false), showFormulaBar = $9.prop($$props, "showFormulaBar", 3, true), className = $9.prop($$props, "class", 3, "");
-  let isReadOnly = $9.derived(() => readOnly() || readonly());
-  let gridContainer = $9.state(null);
-  let resizingColId = $9.state(null);
-  let hoveredColId = $9.state(null);
-  let resizeStartX = $9.state(0);
-  let resizeStartWidth = $9.state(0);
-  function handleCellClick(rIdx, cIdx, e) {
-    if (sheetState().editingCell && (sheetState().editingCell.row !== rIdx || sheetState().editingCell.col !== cIdx)) {
-      sheetState().commitEditing();
-    }
-    sheetState().selectCell(rIdx, cIdx, e.shiftKey);
-  }
-  function handleCellDblClick(rIdx, cIdx) {
-    if ($9.get(isReadOnly)) return;
-    const col = sheetState().document.columns[cIdx];
-    if (col?.readOnly) return;
-    sheetState().startEditing(rIdx, cIdx);
-  }
-  function handleKeyDown(e) {
-    if (sheetState().editingCell) {
-      if (e.key === "Escape") {
-        sheetState().cancelEditing();
-      } else if (e.key === "Enter") {
-        sheetState().commitEditing();
-        sheetState().moveCursor("down");
-      } else if (e.key === "Tab") {
-        e.preventDefault();
-        sheetState().commitEditing();
-        sheetState().moveCursor(e.shiftKey ? "left" : "right");
-      }
-      return;
-    }
-    if (!sheetState().activeCell) return;
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      sheetState().moveCursor("up", e.shiftKey);
-    } else if (e.key === "ArrowDown") {
-      e.preventDefault();
-      sheetState().moveCursor("down", e.shiftKey);
-    } else if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      sheetState().moveCursor("left", e.shiftKey);
-    } else if (e.key === "ArrowRight") {
-      e.preventDefault();
-      sheetState().moveCursor("right", e.shiftKey);
-    } else if (e.key === "Tab") {
-      e.preventDefault();
-      sheetState().moveCursor(e.shiftKey ? "left" : "right");
-    } else if (e.key === "Enter") {
-      e.preventDefault();
-      const col = sheetState().document.columns[sheetState().activeCell.col];
-      if (!$9.get(isReadOnly) && !col?.readOnly) {
-        sheetState().startEditing();
-      }
-    } else if (e.key === "Backspace" || e.key === "Delete") {
-      if ($9.get(isReadOnly)) return;
-      const row = sheetState().document.rows[sheetState().activeCell.row];
-      const col = sheetState().document.columns[sheetState().activeCell.col];
-      if (row && col && !col.readOnly) {
-        e.preventDefault();
-        sheetState().setCellValue(row.id, col.id, "");
-      }
-    } else if ((e.metaKey || e.ctrlKey) && e.key === "z") {
-      e.preventDefault();
-      if (e.shiftKey) {
-        sheetState().redo();
-      } else {
-        sheetState().undo();
-      }
-    } else if ((e.metaKey || e.ctrlKey) && e.key === "c") {
-      e.preventDefault();
-      const tsv = sheetState().exportToTsv();
-      navigator.clipboard?.writeText(tsv);
-    } else if (!$9.get(isReadOnly) && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
-      const col = sheetState().document.columns[sheetState().activeCell.col];
-      if (!col?.readOnly) {
-        sheetState().startEditing(sheetState().activeCell.row, sheetState().activeCell.col, e.key);
-      }
-    }
-  }
-  function handleResizeStart(colId, width, e) {
-    e.preventDefault();
-    e.stopPropagation();
-    $9.set(resizingColId, colId, true);
-    $9.set(resizeStartX, e.clientX, true);
-    $9.set(resizeStartWidth, width, true);
-    if (typeof document !== "undefined") {
-      document.body.style.cursor = "col-resize";
-      document.body.style.userSelect = "none";
-    }
-    let rafId = null;
-    let pendingWidth = width;
-    let hasDragged = false;
-    const handleMouseMove = (moveEvent) => {
-      if (!$9.get(resizingColId)) return;
-      const delta = moveEvent.clientX - $9.get(resizeStartX);
-      if (Math.abs(delta) > 2) {
-        hasDragged = true;
-      }
-      pendingWidth = Math.max(30, $9.get(resizeStartWidth) + delta);
-      if (rafId === null) {
-        rafId = requestAnimationFrame(() => {
-          rafId = null;
-          if ($9.get(resizingColId)) {
-            sheetState().setColumnWidth($9.get(resizingColId), pendingWidth);
-          }
-        });
-      }
-    };
-    const handleMouseUp = () => {
-      if (rafId !== null) {
-        cancelAnimationFrame(rafId);
-        rafId = null;
-      }
-      if ($9.get(resizingColId) && hasDragged) {
-        sheetState().setColumnWidth($9.get(resizingColId), pendingWidth);
-        const col = sheetState().document.columns.find((c) => c.id === $9.get(resizingColId));
-        if (col && $$props.onColumnResize) {
-          $$props.onColumnResize(col.id, col.width || pendingWidth);
-        }
-      }
-      $9.set(resizingColId, null);
-      if (typeof document !== "undefined") {
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      }
-      window.removeEventListener("mousemove", handleMouseMove);
-      window.removeEventListener("mouseup", handleMouseUp);
-    };
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
-  }
-  function measureElementContentWidth(el, container) {
-    if (typeof document === "undefined") return 0;
-    let maxW = el.scrollWidth || 0;
-    const firstChild = el.firstElementChild;
-    if (firstChild && firstChild.scrollWidth > maxW) {
-      maxW = firstChild.scrollWidth;
-    }
-    const truncated = el.querySelectorAll(".truncate, [title], span, div");
-    truncated.forEach((node) => {
-      if (node.scrollWidth > maxW) {
-        maxW = node.scrollWidth;
-      }
-    });
-    try {
-      const clone = firstChild ? firstChild.cloneNode(true) : el.cloneNode(true);
-      clone.style.cssText = `
-        position: absolute !important;
-        visibility: hidden !important;
-        width: max-content !important;
-        min-width: max-content !important;
-        max-width: none !important;
-        overflow: visible !important;
-        white-space: nowrap !important;
-        pointer-events: none !important;
-        top: -9999px !important;
-        left: -9999px !important;
-      `;
-      const allNodes = clone.querySelectorAll("*");
-      allNodes.forEach((node) => {
-        node.style.maxWidth = "none";
-        node.style.overflow = "visible";
-        node.style.textOverflow = "clip";
-        node.style.whiteSpace = "nowrap";
-        if (node.classList.contains("truncate") || node.classList.contains("min-w-0") || node.classList.contains("w-full") || node.classList.contains("max-w-0") || node.classList.contains("flex-1")) {
-          node.style.width = "max-content";
-          node.style.minWidth = "max-content";
-        }
-      });
-      container.appendChild(clone);
-      const rect = clone.getBoundingClientRect();
-      container.removeChild(clone);
-      if (rect.width > maxW) {
-        maxW = rect.width;
-      }
-    } catch {
-    }
-    return maxW;
-  }
-  function autoFitColumn(colId, colIndex) {
-    const col = sheetState().document.columns.find((c) => c.id === colId);
-    if (!col) return;
-    let calculatedWidth = 0;
-    if ($9.get(gridContainer) && typeof document !== "undefined") {
-      const table = $9.get(gridContainer).querySelector("table");
-      if (table) {
-        const thElements = table.querySelectorAll("thead th");
-        const th = thElements[colIndex + 1];
-        if (th) {
-          const headerInner = th.firstElementChild || th;
-          const headerW = measureElementContentWidth(headerInner, $9.get(gridContainer));
-          calculatedWidth = Math.max(calculatedWidth, headerW + 28);
-        }
-        const rows = table.querySelectorAll("tbody tr");
-        const sampleLimit = Math.min(rows.length, 150);
-        for (let r = 0; r < sampleLimit; r++) {
-          const tr = rows[r];
-          const td = tr.children[colIndex + 1];
-          if (td) {
-            const cellW = measureElementContentWidth(td, $9.get(gridContainer));
-            calculatedWidth = Math.max(calculatedWidth, cellW + 20);
-          }
-        }
-      }
-    }
-    if (calculatedWidth > 0) {
-      const finalWidth = Math.min(600, Math.max(50, Math.ceil(calculatedWidth)));
-      sheetState().setColumnWidth(colId, finalWidth);
-    } else {
-      sheetState().autoFitColumnWidth(colId);
-    }
-    const updatedCol = sheetState().document.columns.find((c) => c.id === colId);
-    if (updatedCol && $$props.onColumnResize) {
-      $$props.onColumnResize(updatedCol.id, updatedCol.width || 130);
-    }
-  }
-  function handleResizeDblClick(colId, colIndex, e) {
-    e.preventDefault();
-    e.stopPropagation();
-    autoFitColumn(colId, colIndex);
-  }
-  function handleHeaderDblClick(colId, colIndex, e) {
-    const target = e.currentTarget;
-    if (target) {
-      const rect = target.getBoundingClientRect();
-      if (rect.right - e.clientX <= 12) {
-        e.preventDefault();
-        e.stopPropagation();
-        autoFitColumn(colId, colIndex);
-      }
-    }
-  }
-  function isCellSelected(rIdx, cIdx) {
-    if (!sheetState().selectedRange) return false;
-    const minR = Math.min(sheetState().selectedRange.startRow, sheetState().selectedRange.endRow);
-    const maxR = Math.max(sheetState().selectedRange.startRow, sheetState().selectedRange.endRow);
-    const minC = Math.min(sheetState().selectedRange.startCol, sheetState().selectedRange.endCol);
-    const maxC = Math.max(sheetState().selectedRange.startCol, sheetState().selectedRange.endCol);
-    return rIdx >= minR && rIdx <= maxR && cIdx >= minC && cIdx <= maxC;
-  }
-  function isActiveCell(rIdx, cIdx) {
-    return sheetState().activeCell?.row === rIdx && sheetState().activeCell?.col === cIdx;
-  }
-  var div = root_7();
-  var node_1 = $9.child(div);
-  {
-    var consequent = ($$anchor2) => {
-      FormulaBar($$anchor2, {
-        get sheetState() {
-          return sheetState();
-        }
-      });
-    };
-    $9.if(node_1, ($$render) => {
-      if (showFormulaBar()) $$render(consequent);
-    });
-  }
-  var div_1 = $9.sibling(node_1, 2);
-  var table_1 = $9.child(div_1);
-  var thead = $9.child(table_1);
-  var tr_1 = $9.child(thead);
-  var node_2 = $9.sibling($9.child(tr_1));
-  $9.each(node_2, 19, () => sheetState().document.columns, (col) => col.id, ($$anchor2, col, cIdx) => {
-    var th_1 = root5();
-    var div_2 = $9.child(th_1);
-    var span = $9.child(div_2);
-    var text = $9.only_child(span, true);
-    var span_1 = $9.sibling(span, 2);
-    var text_1 = $9.only_child(span_1);
-    $9.reset(div_2);
-    var div_3 = $9.sibling(div_2, 2);
-    var div_4 = $9.only_child(div_3);
-    $9.reset(th_1);
-    $9.template_effect(() => {
-      $9.set_class(th_1, 1, `relative border-r border-border px-2 text-left font-medium text-muted-foreground hover:bg-muted/90 transition-colors group overflow-hidden max-w-0 ${$$props.onColumnHeaderClick ? "cursor-pointer" : "cursor-default"}`, "svelte-m799ch");
-      $9.set_style(th_1, `width: ${($9.get(col).width || 130) ?? ""}px; min-width: ${($9.get(col).width || 130) ?? ""}px; max-width: ${($9.get(col).width || 130) ?? ""}px; overflow: hidden;`);
-      $9.set_text(text, $9.get(col).title);
-      $9.set_text(text_1, `(${$9.get(col).key ?? ""})`);
-      $9.set_style(div_4, `width: 2px; height: 100%; pointer-events: none; transition: background-color 150ms ease; background-color: ${$9.get(resizingColId) === $9.get(col).id ? "var(--primary, #6366f1)" : $9.get(hoveredColId) === $9.get(col).id ? "color-mix(in srgb, var(--primary, #6366f1) 75%, transparent)" : "transparent"};`);
-    });
-    $9.delegated("click", th_1, () => $$props.onColumnHeaderClick?.($9.get(col)));
-    $9.delegated("dblclick", th_1, (e) => handleHeaderDblClick($9.get(col).id, $9.get(cIdx), e));
-    $9.event("mouseenter", div_3, () => $9.set(hoveredColId, $9.get(col).id, true));
-    $9.event("mouseleave", div_3, () => {
-      if ($9.get(hoveredColId) === $9.get(col).id) $9.set(hoveredColId, null);
-    });
-    $9.delegated("mousedown", div_3, (e) => handleResizeStart($9.get(col).id, $9.get(col).width || 130, e));
-    $9.delegated("dblclick", div_3, (e) => handleResizeDblClick($9.get(col).id, $9.get(cIdx), e));
-    $9.append($$anchor2, th_1);
-  });
-  var node_3 = $9.sibling(node_2);
-  {
-    var consequent_1 = ($$anchor2) => {
-      var th_2 = root_13();
-      $9.delegated("click", th_2, function(...$$args) {
-        $$props.onAddColumnClick?.apply(this, $$args);
-      });
-      $9.append($$anchor2, th_2);
-    };
-    $9.if(node_3, ($$render) => {
-      if ($$props.onAddColumnClick) $$render(consequent_1);
-    });
-  }
-  $9.next();
-  $9.reset(tr_1);
-  $9.reset(thead);
-  var tbody = $9.sibling(thead);
-  $9.each(tbody, 23, () => sheetState().document.rows, (row) => row.id, ($$anchor2, row, rIdx) => {
-    var tr_2 = root_6();
-    var td_1 = $9.child(tr_2);
-    var text_2 = $9.only_child(td_1, true);
-    var node_4 = $9.sibling(td_1);
-    $9.each(node_4, 19, () => sheetState().document.columns, (col) => col.id, ($$anchor3, col, cIdx) => {
-      const cell = $9.derived(() => sheetState().getCell($9.get(row).id, $9.get(col).id));
-      const selected = $9.derived(() => isCellSelected($9.get(rIdx), $9.get(cIdx)));
-      const active = $9.derived(() => isActiveCell($9.get(rIdx), $9.get(cIdx)));
-      const isEditing = $9.derived(() => sheetState().editingCell?.row === $9.get(rIdx) && sheetState().editingCell?.col === $9.get(cIdx));
-      var td_2 = root_42();
-      var node_5 = $9.child(td_2);
-      {
-        var consequent_2 = ($$anchor4) => {
-          var input = root_22();
-          $9.remove_input_defaults(input);
-          $9.event("blur", input, () => sheetState().commitEditing());
-          $9.bind_value(input, () => sheetState().draftValue, ($$value) => sheetState().draftValue = $$value);
-          $9.append($$anchor4, input);
-        };
-        var consequent_3 = ($$anchor4) => {
-          const cellArg = $9.derived(() => Object.assign({ row: $9.get(row), col: $9.get(col), cell: $9.get(cell) }, $9.get(cell)));
-          var fragment_1 = $9.comment();
-          var node_6 = $9.first_child(fragment_1);
-          $9.snippet(node_6, () => $$props.customCellRenderer, () => $9.get(cellArg), () => $9.get(col), () => $9.get(row));
-          $9.append($$anchor4, fragment_1);
-        };
-        var alternate = ($$anchor4) => {
-          var span_2 = root_32();
-          var text_3 = $9.only_child(span_2, true);
-          $9.template_effect(() => {
-            $9.set_class(span_2, 1, `truncate block max-w-full ${$9.get(cell).error ? "text-destructive font-semibold" : ""}`);
-            $9.set_text(text_3, $9.get(cell).error || ($9.get(cell).value ?? ""));
-          });
-          $9.append($$anchor4, span_2);
-        };
-        $9.if(node_5, ($$render) => {
-          if ($9.get(isEditing)) $$render(consequent_2);
-          else if ($$props.customCellRenderer) $$render(consequent_3, 1);
-          else $$render(alternate, -1);
-        });
-      }
-      $9.reset(td_2);
-      $9.template_effect(() => $9.set_class(td_2, 1, `relative border-r border-border px-2 py-1 truncate max-w-0 text-foreground transition-colors ${$9.get(selected) ? "bg-primary/10" : ""} ${$9.get(active) ? "ring-2 ring-primary ring-inset z-10" : ""}`, "svelte-m799ch"));
-      $9.delegated("click", td_2, (e) => handleCellClick($9.get(rIdx), $9.get(cIdx), e));
-      $9.delegated("dblclick", td_2, () => handleCellDblClick($9.get(rIdx), $9.get(cIdx)));
-      $9.append($$anchor3, td_2);
-    });
-    var node_7 = $9.sibling(node_4);
-    {
-      var consequent_4 = ($$anchor3) => {
-        var td_3 = root_5();
-        $9.append($$anchor3, td_3);
-      };
-      $9.if(node_7, ($$render) => {
-        if ($$props.onAddColumnClick) $$render(consequent_4);
-      });
-    }
-    $9.next();
-    $9.reset(tr_2);
-    $9.template_effect(() => {
-      $9.set_style(tr_2, `height: ${($9.get(row).height || 32) ?? ""}px;`);
-      $9.set_text(text_2, $9.get(rIdx) + 1);
-    });
-    $9.append($$anchor2, tr_2);
-  });
-  $9.reset(tbody);
-  $9.reset(table_1);
-  $9.reset(div_1);
-  $9.reset(div);
-  $9.bind_this(div, ($$value) => $9.set(gridContainer, $$value), () => $9.get(gridContainer));
-  $9.template_effect(() => $9.set_class(div, 1, `flex flex-col h-full w-full overflow-hidden border border-border bg-background select-none outline-none text-foreground font-sans text-xs ${className() ?? ""}`, "svelte-m799ch"));
-  $9.delegated("keydown", div, handleKeyDown);
-  $9.append($$anchor, div);
-  $9.pop();
-}
-$9.delegate(["keydown", "click", "dblclick", "mousedown"]);
-
-// src/index.ts
-var EditableTextNodeEditor2 = EditableTextNodeEditor;
-var BubbleMenu2 = BubbleMenu;
-var TemplateRenderer2 = TemplateRenderer;
-export {
-  BubbleMenu2 as BubbleMenu,
-  DirtyTracker,
-  EditableTextNodeEditor2 as EditableTextNodeEditor,
-  FormulaBar,
-  HistoryManager2 as HistoryManager,
-  ImageEditor,
-  SpreadsheetEditor,
-  TemplateRenderer2 as TemplateRenderer,
-  createDirtyTracker,
-  createHistory,
-  createHistoryManager2 as createHistoryManager,
-  createHistoryShortcuts,
-  createNavigationGuard,
-  createReactiveEditor,
-  createReactiveImageEditor,
-  createReactiveSpreadsheet,
-  defaultIsEqual,
-  initiateEditor,
-  navigationGuard
-};
-//# sourceMappingURL=index.js.map
+export * from "./editor.svelte.js";
+export * from "./navigationGuard.js";
+export * from "./createNavigationGuard.svelte.js";
+export * from "./history/index.js";
+export { DirtyTracker, createDirtyTracker, defaultIsEqual, HistoryManager, createHistoryManager, } from "@pixerate/editor";
+export { default as EditableTextNodeEditor } from "./EditableTextNodeEditor.svelte";
+export { default as BubbleMenu } from "./BubbleMenu.svelte";
+export { default as TemplateRenderer } from "./TemplateRenderer.svelte";
+export * from "./spreadsheet/index.js";
+export * from "./image-editor/index.js";