@forgedevstack/ink 1.1.7 → 1.1.9

package/dist/components/InkEditor/InkEditor.js

@@ -1,1238 +1,1597 @@
-import { jsxs as D, jsx as l, Fragment as qo } from "react/jsx-runtime";
-import { useRef as k, useState as a, useEffect as A } from "react";
-import { INK_MIN_HEIGHT as $o, NUMBER_ZERO as f, NUMBER_ONE as xt, INK_DEFAULT_TEXT_COLOR as Zo, INK_DEFAULT_HIGHLIGHT_COLOR as Qo } from "../../constants/numbers.js";
-import { EMPTY_STRING as ue, INK_FOOTER_WORDS_LABEL as Jo, INK_FOOTER_DOT as er, INK_FOOTER_CHARS_LABEL as tr, INK_FOOTER_LINE_LABEL as nr, INK_FOOTER_COL_LABEL as or, INK_FOOTER_SYNCED_LABEL as rr, INK_CODE_LABEL as lr, INK_AI_PILL_LABEL as Xe } from "../../constants/generals.const.js";
-import { TOOLBAR_OPTION_FONT_DROPDOWN as Xt, TOOLBAR_OPTION_LIST_DROPDOWN as Wt, TOOLBAR_OPTION_CHECKLIST as de, TOOLBAR_OPTION_SIGNATURE as Vt, TOOLBAR_OPTION_FIND_REPLACE as Gt, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as Yt, TOOLBAR_OPTION_HORIZONTAL_RULE as zt } from "../../constants/toolbar.const.js";
-import { TOOLBAR_SHOW_CONTROL_LABEL as ir, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as cr, AGENT_BAR_PLACEHOLDER as sr, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as ar, CONTEXT_MENU_ID_SHOW_TOOLBAR as ur, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as dr, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as _r, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as fr, TOOLBAR_CONTEXT_MENU_ID_HIDE as mr, TOOLBAR_OPTION_DIVIDER as jt } from "../../constants/toolbarMenu.const.js";
-import { INK_DEFAULT_COLOR_MODE as Tr, COLOR_MODE_SYSTEM as Er } from "../../constants/colorMode.const.js";
-import { KEY_TAB as pr, KEY_ENTER as Or, KEY_ESCAPE as Cr, KEY_K as Lr, KEY_Z as Nr } from "../../constants/keyboard.const.js";
-import { FONT_VALUE_SYSTEM as Ir, INK_FONT_OPTIONS as Ar, FONT_DROPDOWN_TITLE as hr } from "../../constants/fonts.const.js";
-import { LIST_VALUE_BULLET as gr, INK_LIST_OPTIONS as br, LIST_DROPDOWN_TITLE as Rr } from "../../constants/lists.const.js";
-import { FIND_REPLACE_FOCUS_FIND as _e, INK_FIND_REPLACE_OPTIONS as Dr, FIND_REPLACE_DROPDOWN_TITLE as Br, FIND_REPLACE_FOCUS_REPLACE as Sr, FIND_REPLACE_VALUE_REPLACE as Mr } from "../../constants/findReplaceMenu.const.js";
-import { BLOCK_DROP_POSITION_BEFORE as kr, DIR_LTR as Ur, DIR_RTL as Hr } from "../../constants/blocks.const.js";
-import { INK_PLACEHOLDER_DEFAULT as Pr, INK_DEFAULT_VARIANT as wr, INK_DEFAULT_CHROME as yr, INK_DEFAULT_AUTHOR as Fr, INK_TABLE_DEFAULT_ROWS as Kr, INK_TABLE_DEFAULT_COLS as vr, INK_DEFAULT_FEATURES as xr, INK_CHROME_TOOLBAR as Xr, INK_DEFAULT_TOOLBAR as Wr, INK_CLASS_TOOLBAR_SHOW as Vr, INK_CLASS_TOOLBAR as Gr, INK_CLASS_SHELL as Yr, INK_CLASS_BODY as zr, INK_CLASS_CONTENT as jr, INK_CLASS_FOOTER as qr, INK_CLASS_FOOTER_META as $r, INK_VARIANT_DOCUMENT as qt, INK_CLASS_DIVIDER as Zr, INK_HEADING_OPTIONS as Qr, INK_BUTTON_CONFIG as We, INK_CLASS_BUTTON_WIDE as Jr, INK_CLASS_BUTTON_LABEL as el, INK_CLASS_AI_PILL as tl, INK_CLASS_AI_PILL_DOT as nl, INK_CLASS_BLOCK_ACTIVE as ol, INK_CHECKLIST_HTML as $t, INK_CALLOUT_HTML as rl, INK_FORMAT_BLOCK_PRE as ll, INK_FORMAT_BLOCK_QUOTE as il, INK_FORMAT_BLOCK_P as cl, INK_FORMAT_BLOCK_H3 as sl, INK_FORMAT_BLOCK_H2 as al, INK_FORMAT_BLOCK_H1 as ul, INK_CLASS_ROOT as dl } from "../../constants/defaults.const.js";
-import { INK_AI_DEMO_PROVIDER_ID as _l } from "../../constants/aiModels.const.js";
+import { jsxs as B, jsx as r, Fragment as dl } from "react/jsx-runtime";
+import { useRef as D, useState as c, useEffect as S } from "react";
+import { INK_MIN_HEIGHT as Tl, NUMBER_ZERO as p, NUMBER_ONE as Cn, INK_DEFAULT_TEXT_COLOR as fl, INK_DEFAULT_HIGHLIGHT_COLOR as El, INK_TABLE_COL_RESIZE_EDGE_PX as Nn } from "../../constants/numbers.js";
+import { EMPTY_STRING as M, INK_TOOLBAR_MORE_TITLE as In, CONTEXT_MENU_LABEL_GRAPH_BAR as ml, CONTEXT_MENU_ID_GRAPH_BAR as pl, CONTEXT_MENU_LABEL_GRAPH_LINE as Ll, CONTEXT_MENU_ID_GRAPH_LINE as Ol, CONTEXT_MENU_LABEL_GRAPH_PIE as Cl, CONTEXT_MENU_ID_GRAPH_PIE as Nl, CONTEXT_MENU_LABEL_GRAPH_EDIT as Il, CONTEXT_MENU_ID_GRAPH_EDIT as Al, CONTEXT_MENU_LABEL_GRAPH_COLORS as hl, CONTEXT_MENU_ID_GRAPH_COLORS as gl, CONTEXT_MENU_LABEL_GRAPH_AI as Rl, CONTEXT_MENU_ID_GRAPH_AI as bl, INK_FOOTER_WORDS_LABEL as Sl, INK_FOOTER_DOT as Bl, INK_FOOTER_CHARS_LABEL as Dl, INK_FOOTER_LINE_LABEL as Ml, INK_FOOTER_COL_LABEL as Hl, INK_FOOTER_SYNCED_LABEL as kl, INK_FULLSCREEN_EXIT_TITLE as Pl, INK_FULLSCREEN_TITLE as Ul, INK_OUTLINE_TOGGLE_TITLE as vl, INK_HTML_SOURCE_TITLE as wl, INK_HTML_SOURCE_LABEL as Kl, INK_CODE_LABEL as Fl, INK_AI_PILL_LABEL as ut, INK_TITLES_DEFAULT_TEXT as An, INK_LINK_PROMPT as yl, INK_LINK_PROMPT_DEFAULT as xl } from "../../constants/generals.const.js";
+import { TOOLBAR_OPTION_FONT_DROPDOWN as hn, TOOLBAR_OPTION_LIST_DROPDOWN as gn, TOOLBAR_OPTION_CHECKLIST as Re, TOOLBAR_OPTION_TITLES as Rn, TOOLBAR_OPTION_EXCEL as bn, TOOLBAR_OPTION_GRAPH as Sn, TOOLBAR_OPTION_THEME as Bn, TOOLBAR_OPTION_FULLSCREEN as Dn, TOOLBAR_OPTION_OUTLINE as Mn, TOOLBAR_OPTION_HTML_SOURCE as Hn, TOOLBAR_OPTION_SIGNATURE as kn, TOOLBAR_OPTION_FIND_REPLACE as Pn, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as Un, TOOLBAR_OPTION_HORIZONTAL_RULE as vn } from "../../constants/toolbar.const.js";
+import { TOOLBAR_SHOW_CONTROL_LABEL as Xl, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as Gl, AGENT_BAR_PLACEHOLDER as Wl, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as Vl, CONTEXT_MENU_ID_SHOW_TOOLBAR as Yl, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as zl, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as $l, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as ql, TOOLBAR_CONTEXT_MENU_ID_HIDE as jl, TOOLBAR_OPTION_HINTS as O, TOOLBAR_OPTION_DIVIDER as wn } from "../../constants/toolbarMenu.const.js";
+import { INK_DEFAULT_COLOR_MODE as Zl, COLOR_MODE_SYSTEM as Ql } from "../../constants/colorMode.const.js";
+import { KEY_TAB as Jl, KEY_ENTER as ei, KEY_ESCAPE as ti, KEY_K as ni, KEY_Z as oi } from "../../constants/keyboard.const.js";
+import { FONT_VALUE_SYSTEM as ri, INK_FONT_OPTIONS as li, FONT_DROPDOWN_TITLE as ii } from "../../constants/fonts.const.js";
+import { LIST_VALUE_BULLET as ci, INK_LIST_OPTIONS as si, LIST_DROPDOWN_TITLE as ai } from "../../constants/lists.const.js";
+import { FIND_REPLACE_FOCUS_FIND as be, INK_FIND_REPLACE_OPTIONS as ui, FIND_REPLACE_DROPDOWN_TITLE as _i, FIND_REPLACE_FOCUS_REPLACE as di, FIND_REPLACE_VALUE_REPLACE as Ti } from "../../constants/findReplaceMenu.const.js";
+import { BLOCK_DROP_POSITION_BEFORE as fi, DIR_LTR as Ei, DIR_RTL as mi } from "../../constants/blocks.const.js";
+import { INK_PLACEHOLDER_DEFAULT as pi, INK_DEFAULT_VARIANT as Li, INK_DEFAULT_CHROME as Oi, INK_DEFAULT_AUTHOR as Ci, INK_TABLE_DEFAULT_ROWS as Ni, INK_TABLE_DEFAULT_COLS as Ii, INK_DEFAULT_FEATURES as Ai, INK_CHROME_TOOLBAR as hi, INK_DEFAULT_TOOLBAR as gi, INK_VARIANT_DOCUMENT as Kn, INK_CLASS_TOOLBAR_SHOW as Ri, INK_CLASS_TOOLBAR as bi, INK_CLASS_TOOLBAR_MEASURE as Si, INK_CLASS_TOOLBAR_ROW as Bi, INK_ATTR_MORE as Di, INK_CLASS_TOOLBAR_OVERFLOW as Mi, INK_CLASS_TOOLBAR_HINT as Hi, INK_CLASS_SHELL as ki, INK_CLASS_BODY as Pi, INK_CLASS_CONTENT as Fn, INK_CLASS_CONTENT_HIDDEN as Ui, INK_CLASS_FOOTER as vi, INK_CLASS_FOOTER_META as wi, INK_CLASS_TABLE_RESIZE as Te, INK_CLASS_DIVIDER as Ki, INK_HEADING_OPTIONS as Fi, INK_CLASS_BUTTON_WIDE as yn, INK_CLASS_BUTTON_LABEL as xn, INK_BUTTON_CONFIG as _t, INK_CLASS_AI_PILL as Xn, INK_CLASS_AI_PILL_INSTALLED as yi, INK_CLASS_AI_PILL_DOT as xi, INK_ATTR_GRAPH as Xi, INK_CLASS_BLOCK_ACTIVE as Gi, INK_ATTR_GRAPH_POINTS as Gn, INK_ATTR_GRAPH_COLORS as Wi, INK_CHECKLIST_HTML as Wn, INK_CALLOUT_HTML as Vi, INK_FORMAT_BLOCK_PRE as Yi, INK_FORMAT_BLOCK_QUOTE as zi, INK_FORMAT_BLOCK_P as $i, INK_FORMAT_BLOCK_H3 as qi, INK_FORMAT_BLOCK_H2 as ji, INK_FORMAT_BLOCK_H1 as Zi, INK_CLASS_ROOT as Qi } from "../../constants/defaults.const.js";
+import { INK_AI_DEMO_PROVIDER_ID as Ji } from "../../constants/aiModels.const.js";
 import "../../constants/openai.const.js";
-import { INK_DEFAULT_ICONS as Zt } from "../../constants/defaultIcons.js";
-import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as fl, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as ml, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as Tl, CONTEXT_MENU_ID_TABLE_ROW_BELOW as El, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as pl, CONTEXT_MENU_ID_TABLE_COL_LEFT as Ol, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as Cl, CONTEXT_MENU_ID_TABLE_COL_RIGHT as Ll, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as Nl, CONTEXT_MENU_ID_TABLE_DELETE_ROW as Il, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as Al, CONTEXT_MENU_ID_TABLE_DELETE_COL as hl, CONTEXT_MENU_LABEL_BOLD as gl, CONTEXT_MENU_ID_BOLD as bl, CONTEXT_MENU_LABEL_ITALIC as Rl, CONTEXT_MENU_ID_ITALIC as Dl, CONTEXT_MENU_LABEL_UNDERLINE as Bl, CONTEXT_MENU_ID_UNDERLINE as Sl, CONTEXT_MENU_LABEL_STRIKE as Ml, CONTEXT_MENU_ID_STRIKE as kl, CONTEXT_MENU_LABEL_HEADING as Ul, CONTEXT_MENU_ID_HEADING as Hl, CONTEXT_MENU_LABEL_BULLET as Pl, CONTEXT_MENU_ID_BULLET as wl, CONTEXT_MENU_LABEL_ORDERED as yl, CONTEXT_MENU_ID_ORDERED as Fl, CONTEXT_MENU_LABEL_LINK as Kl, CONTEXT_MENU_ID_LINK as vl, CONTEXT_MENU_LABEL_CLEAR as xl, CONTEXT_MENU_ID_CLEAR as Xl, CONTEXT_MENU_LABEL_FIND as Wl, CONTEXT_MENU_ID_FIND as Vl, CONTEXT_MENU_LABEL_SIGNATURE as Gl, CONTEXT_MENU_ID_SIGNATURE as Yl, CONTEXT_MENU_LABEL_COMMENT as zl, CONTEXT_MENU_ID_COMMENT as jl } from "../../constants/contextMenu.const.js";
-import { cn as ql } from "../../utils/cn.utils.js";
-import { applyTypoAutoFix as $l } from "../../utils/typo.utils.js";
-import { createInkId as Qt } from "../../utils/id.utils.js";
-import { getTableCellFromSelection as Jt, buildTableHtml as Zl, insertTableRow as en, insertTableColumn as tn, deleteTableRow as Ql, deleteTableColumn as Jl } from "../../utils/table.utils.js";
-import { getBlockElement as te, clearBlockDragClasses as Ve, markActiveBlock as nn, markDraggingBlock as ei, moveBlock as ti, resolveDropPosition as on, reorderBlockBefore as ni, reorderBlockAfter as oi, markDropTarget as rn } from "../../utils/blocks.utils.js";
-import { createTrackChange as Ge, rejectTrackChangeInHtml as ri, acceptTrackChangeInHtml as li, wrapInsertHtml as ln, wrapDeleteHtml as ii } from "../../utils/trackChanges.utils.js";
-import { removeCommentMark as ci, wrapSelectionAsComment as si, createCommentThread as ai } from "../../utils/comments.utils.js";
-import { InkHistoryStack as Ye } from "../../utils/history.utils.js";
-import { extractSlashQuery as ui, filterSlashCommands as di } from "../../utils/slash.utils.js";
-import { countWords as _i } from "../../utils/words.utils.js";
-import { scrollOutlineHeading as fi, getCaretLineCol as cn, collectOutlineItems as sn } from "../../utils/outline.utils.js";
-import { resolveInkPremium as mi, hasInkPremiumFeature as ne, themeTokensToStyle as Ti } from "../../utils/premium.utils.js";
-import { extractClipboardHtml as Ei, sanitizePastedHtml as pi, extractClipboardText as Oi } from "../../utils/paste.utils.js";
-import { readInkMemory as Ci, writeInkMemory as Li } from "../../utils/memory.utils.js";
-import { replaceInHtml as Ni } from "../../utils/findReplace.utils.js";
-import { withPreservedSelection as ze } from "../../utils/selection.utils.js";
-import { readToolbarItems as Ii, readToolbarHidden as Ai, listCustomizableToolbarOptions as hi, writeToolbarHidden as gi, buildVisibleToolbarItems as bi, writeToolbarItems as Ri } from "../../utils/toolbarStorage.utils.js";
-import { Button as Di } from "../../common-components/Button/Button.js";
-import { ContextMenu as an } from "../../common-components/ContextMenu/ContextMenu.js";
-import { insertImage as je, insertHTML as I, setTextColor as Bi, setHighlightColor as Si, getActiveFormats as Mi, queryCommandValue as ki, detectListType as Ui, tryConvertMarkdownListPrefix as Hi, execCommand as p, insertLink as Pi, applyFontFamily as wi, applyListType as yi, clearFormatDeep as Fi, setBlockDirection as un, fileToDataUrl as Ki } from "./helpers/format.utils.js";
-import { inkAi as vi } from "../../plugins/ai/aiPlugin.js";
-import { ToolbarButton as O } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as fe } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as dn } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { CommentsPanel as xi } from "./components/CommentsPanel/CommentsPanel.js";
-import { AiPanel as Xi } from "./components/AiPanel/AiPanel.js";
-import { AiAutocomplete as Wi } from "./components/AiAutocomplete/AiAutocomplete.js";
-import { AI_AUTOCOMPLETE_DEBOUNCE_MS as Vi, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as Gi } from "./components/AiAutocomplete/AiAutocomplete.const.js";
-import { getTextBeforeCaret as Yi, getCaretPositionInRoot as _n } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
-import { BlockHandles as zi } from "./components/BlockHandles/BlockHandles.js";
-import { BLOCK_HANDLES_DRAG_MIME as ji, BLOCK_HANDLES_DRAG_PAYLOAD as qi, BLOCK_HANDLES_DRAG_EFFECT_MOVE as fn } from "./components/BlockHandles/BlockHandles.const.js";
-import { InlineToolbar as $i } from "./components/InlineToolbar/InlineToolbar.js";
-import { INLINE_TOOLBAR_EDGE_PADDING_PX as Zi, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as Qi, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as Ji, INLINE_TOOLBAR_GAP_PX as ec } from "./components/InlineToolbar/InlineToolbar.const.js";
-import { selectionIsInsideElement as tc, clampInlineToolbarPosition as nc } from "./components/InlineToolbar/InlineToolbar.utils.js";
-import { SlashMenu as oc } from "./components/SlashMenu/SlashMenu.js";
-import { OutlineRail as rc } from "./components/OutlineRail/OutlineRail.js";
-import { TrackChangesBar as lc } from "./components/TrackChangesBar/TrackChangesBar.js";
-import { SignPad as ic } from "./components/SignPad/SignPad.js";
-import { FindReplace as cc } from "./components/FindReplace/FindReplace.js";
-import { ToolbarCustomize as sc } from "./components/ToolbarCustomize/ToolbarCustomize.js";
-const qe = () => {
-  const h = window.getSelection();
-  if (!h || h.rangeCount === f) return "";
-  const C = h.getRangeAt(f), g = document.createElement("div");
-  return g.appendChild(C.cloneContents()), g.innerHTML;
-}, E = (h) => {
-  h == null || h.focus({ preventScroll: !0 });
-}, fs = (h) => {
-  var Ft;
+import { INK_DEFAULT_ICONS as Vn } from "../../constants/defaultIcons.js";
+import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as ec, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as tc, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as nc, CONTEXT_MENU_ID_TABLE_ROW_BELOW as oc, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as rc, CONTEXT_MENU_ID_TABLE_COL_LEFT as lc, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as ic, CONTEXT_MENU_ID_TABLE_COL_RIGHT as cc, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as sc, CONTEXT_MENU_ID_TABLE_DELETE_ROW as ac, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as uc, CONTEXT_MENU_ID_TABLE_DELETE_COL as _c, CONTEXT_MENU_LABEL_TABLE_HEADER as dc, CONTEXT_MENU_ID_TABLE_HEADER as Tc, CONTEXT_MENU_LABEL_BOLD as fc, CONTEXT_MENU_ID_BOLD as Ec, CONTEXT_MENU_LABEL_ITALIC as mc, CONTEXT_MENU_ID_ITALIC as pc, CONTEXT_MENU_LABEL_UNDERLINE as Lc, CONTEXT_MENU_ID_UNDERLINE as Oc, CONTEXT_MENU_LABEL_STRIKE as Cc, CONTEXT_MENU_ID_STRIKE as Nc, CONTEXT_MENU_LABEL_HEADING as Ic, CONTEXT_MENU_ID_HEADING as Ac, CONTEXT_MENU_LABEL_BULLET as hc, CONTEXT_MENU_ID_BULLET as gc, CONTEXT_MENU_LABEL_ORDERED as Rc, CONTEXT_MENU_ID_ORDERED as bc, CONTEXT_MENU_LABEL_LINK as Sc, CONTEXT_MENU_ID_LINK as Bc, CONTEXT_MENU_LABEL_CLEAR as Dc, CONTEXT_MENU_ID_CLEAR as Mc, CONTEXT_MENU_LABEL_FIND as Hc, CONTEXT_MENU_ID_FIND as kc, CONTEXT_MENU_LABEL_SIGNATURE as Pc, CONTEXT_MENU_ID_SIGNATURE as Uc, CONTEXT_MENU_LABEL_COMMENT as vc, CONTEXT_MENU_ID_COMMENT as wc } from "../../constants/contextMenu.const.js";
+import { TABLE_CELL_SELECTOR as Yn, TABLE_TAG as dt } from "../../constants/table.const.js";
+import { cn as Kc } from "../../utils/cn.utils.js";
+import { applyTypoAutoFix as Fc } from "../../utils/typo.utils.js";
+import { createInkId as zn } from "../../utils/id.utils.js";
+import { getColumnResizeIndex as $n, getTableCellFromSelection as qn, setTableColumnWidth as yc, buildTableHtml as xc, insertTableRow as jn, insertTableColumn as Zn, deleteTableRow as Xc, deleteTableColumn as Gc, toggleTableHeaderRow as Wc } from "../../utils/table.utils.js";
+import { getBlockElement as fe, clearBlockDragClasses as Tt, markActiveBlock as Qn, markDraggingBlock as Vc, moveBlock as Yc, resolveDropPosition as Jn, reorderBlockBefore as zc, reorderBlockAfter as $c, markDropTarget as eo } from "../../utils/blocks.utils.js";
+import { createTrackChange as ft, rejectTrackChangeInHtml as qc, acceptTrackChangeInHtml as jc, wrapInsertHtml as to, wrapDeleteHtml as Zc } from "../../utils/trackChanges.utils.js";
+import { removeCommentMark as Qc, wrapSelectionAsComment as Jc, createCommentThread as es } from "../../utils/comments.utils.js";
+import { InkHistoryStack as Et } from "../../utils/history.utils.js";
+import { extractSlashQuery as ts, filterSlashCommands as ns } from "../../utils/slash.utils.js";
+import { countWords as os } from "../../utils/words.utils.js";
+import { collectOutlineItems as ee, scrollOutlineHeading as rs, getCaretLineCol as no } from "../../utils/outline.utils.js";
+import { resolveInkPremium as ls, hasInkPremiumFeature as Ee, themeTokensToStyle as is } from "../../utils/premium.utils.js";
+import { extractClipboardHtml as cs, sanitizePastedHtml as ss, extractClipboardText as as } from "../../utils/paste.utils.js";
+import { readInkMemory as us, writeInkMemory as _s } from "../../utils/memory.utils.js";
+import { replaceInHtml as ds } from "../../utils/findReplace.utils.js";
+import { withPreservedSelection as mt, captureSelectionInRoot as Ts, restoreSelectionInRoot as fs } from "../../utils/selection.utils.js";
+import { readToolbarItems as Es, readToolbarHidden as ms, listCustomizableToolbarOptions as ps, writeToolbarHidden as Ls, buildVisibleToolbarItems as Os, writeToolbarItems as Cs } from "../../utils/toolbarStorage.utils.js";
+import { TITLE_STYLE_DEFAULT as Ns } from "../../plugins/titles/titles.const.js";
+import { buildTitleHtml as oo } from "../../plugins/titles/titles.utils.js";
+import { excelGridToTableHtml as Is, createEmptyExcelGrid as As } from "../../plugins/excel/excel.utils.js";
+import { GRAPH_SAMPLE as Se, GRAPH_KIND_DEFAULT as ro } from "../../plugins/graph/graph.const.js";
+import { parseGraphColors as lo, replaceGraphBlock as io, getGraphBlock as hs, buildGraphHtml as gs, parseGraphPoints as co } from "../../plugins/graph/graph.utils.js";
+import { THEME_DEFAULT as Rs } from "../../plugins/theme/theme.const.js";
+import { applyInkTheme as bs } from "../../plugins/theme/inkTheme.js";
+import { inkPlugins as me } from "../../plugins/host/inkPlugins.js";
+import { useToolbarOverflow as Ss } from "../../hooks/useToolbarOverflow.js";
+import { Button as Bs } from "../../common-components/Button/Button.js";
+import { ContextMenu as so } from "../../common-components/ContextMenu/ContextMenu.js";
+import { insertImage as pt, insertHTML as A, setTextColor as Ds, setHighlightColor as Ms, getActiveFormats as Hs, queryCommandValue as ks, detectListType as Ps, tryConvertMarkdownListPrefix as Us, execCommand as h, insertLink as vs, applyFontFamily as ws, applyListType as Ks, clearFormatDeep as Fs, setBlockDirection as ao, fileToDataUrl as ys } from "./helpers/format.utils.js";
+import { inkAi as xs } from "../../plugins/ai/aiPlugin.js";
+import { ToolbarButton as N } from "./components/ToolbarButton/ToolbarButton.js";
+import { ToolbarDropdown as Be } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as uo } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { CommentsPanel as Xs } from "./components/CommentsPanel/CommentsPanel.js";
+import { AiPanel as Gs } from "./components/AiPanel/AiPanel.js";
+import { AiAutocomplete as Ws } from "./components/AiAutocomplete/AiAutocomplete.js";
+import { AI_AUTOCOMPLETE_DEBOUNCE_MS as Vs, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as Ys } from "./components/AiAutocomplete/AiAutocomplete.const.js";
+import { getTextBeforeCaret as zs, getCaretPositionInRoot as _o } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
+import { BlockHandles as $s } from "./components/BlockHandles/BlockHandles.js";
+import { BLOCK_HANDLES_DRAG_MIME as qs, BLOCK_HANDLES_DRAG_PAYLOAD as js, BLOCK_HANDLES_DRAG_EFFECT_MOVE as To } from "./components/BlockHandles/BlockHandles.const.js";
+import { InlineToolbar as Zs } from "./components/InlineToolbar/InlineToolbar.js";
+import { INLINE_TOOLBAR_EDGE_PADDING_PX as Qs, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as Js, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as ea, INLINE_TOOLBAR_GAP_PX as ta } from "./components/InlineToolbar/InlineToolbar.const.js";
+import { selectionIsInsideElement as na, clampInlineToolbarPosition as oa } from "./components/InlineToolbar/InlineToolbar.utils.js";
+import { SlashMenu as ra } from "./components/SlashMenu/SlashMenu.js";
+import { OutlineRail as la } from "./components/OutlineRail/OutlineRail.js";
+import { TrackChangesBar as ia } from "./components/TrackChangesBar/TrackChangesBar.js";
+import { SignPad as ca } from "./components/SignPad/SignPad.js";
+import { FindReplace as sa } from "./components/FindReplace/FindReplace.js";
+import { ToolbarCustomize as aa } from "./components/ToolbarCustomize/ToolbarCustomize.js";
+import { HtmlSourcePanel as ua } from "./components/HtmlSourcePanel/HtmlSourcePanel.js";
+import { TableSizePicker as _a } from "./components/TableSizePicker/TableSizePicker.js";
+import { TitleGallery as da } from "./components/TitleGallery/TitleGallery.js";
+import { ExcelSheetPanel as Ta } from "./components/ExcelSheetPanel/ExcelSheetPanel.js";
+import { GraphPicker as fa } from "./components/GraphPicker/GraphPicker.js";
+import { GraphEditModal as Ea } from "./components/GraphEditModal/GraphEditModal.js";
+import { ThemePicker as ma } from "./components/ThemePicker/ThemePicker.js";
+import { PresenceStack as pa } from "./components/PresenceStack/PresenceStack.js";
+import { RemoteCursors as La } from "./components/RemoteCursors/RemoteCursors.js";
+const Lt = () => {
+  const H = window.getSelection();
+  if (!H || H.rangeCount === p) return "";
+  const g = H.getRangeAt(p), k = document.createElement("div");
+  return k.appendChild(g.cloneContents()), k.innerHTML;
+}, I = (H) => {
+  H == null || H.focus({ preventScroll: !0 });
+}, Xu = (H) => {
+  var Ln;
   const {
-    value: C,
-    defaultValue: g = "",
-    onChange: b,
-    placeholder: $e = Pr,
+    value: g,
+    defaultValue: k = "",
+    onChange: P,
+    placeholder: Ot = pi,
     disabled: i = !1,
-    readOnly: c = !1,
-    minHeight: me = $o,
-    maxHeight: Te,
-    toolbar: mn,
-    className: Tn = "",
-    testId: En,
-    allowImagePaste: Ze = !0,
-    showCharCount: Qe = !1,
-    charCountMax: Je,
-    typoAutoFix: pn = !0,
-    variant: oe = wr,
-    chrome: On = yr,
-    colorMode: et = Tr,
-    features: Cn,
-    author: w = Fr,
-    trackChanges: Y,
-    onTrackChangesChange: Ee,
-    trackChangesEnabled: re,
-    onTrackChangesEnabledChange: pe,
-    comments: z,
-    onCommentsChange: Oe,
-    showCommentsPanel: j,
-    onShowCommentsPanelChange: Ce,
-    ai: _,
-    slashCommands: Ln,
-    tableRows: Nn = Kr,
-    tableCols: In = vr,
-    premium: An,
-    theme: hn,
-    icons: tt,
-    pasteMode: gn = "plain",
-    onImageUpload: nt,
-    wysiwyg: bn = !1,
-    keepInMemory: y = !1,
-    memoryKey: F,
-    onToolbarChange: Le,
-    toolbarHidden: K,
-    onToolbarHiddenChange: Ne,
-    showOutline: Rn,
-    style: Dn,
-    ...Bn
-  } = h, le = mn ?? (oe === qt ? Xr : Wr), d = { ...xr, ...Cn }, v = mi(An), Sn = ne(v, "icons"), Mn = ne(v, "theme"), kn = ne(v, "richPaste"), Un = ne(v, "imageUpload"), Hn = ne(v, "wysiwyg") && bn, m = Sn && tt ? { ...Zt, ...tt } : Zt, Pn = Mn ? Ti(hn) : {}, wn = kn && gn === "rich", n = k(null), q = k(new Ye(C ?? g)), x = k(null), U = k(null), [Ie, yn] = a(/* @__PURE__ */ new Set()), [Fn, ot] = a("p"), [Kn, vn] = a(f), [xn, Xn] = a(f), [Wn, rt] = a(xt), [Vn, lt] = a(xt), [Gn, it] = a([]), [Yn, zn] = a(f), [jn, Ae] = a(ue), [qn, $n] = a(Zo), [Zn, Qn] = a(Qo), [X, ct] = a(re ?? !1), [Jn, st] = a(Y ?? []), [eo, at] = a(z ?? []), [to, ut] = a(j ?? !1), [dt, ie] = a(!!(_ != null && _.enabled && _.openOnInit)), [ce, no] = a(!1), _t = k(!1), [B, $] = a({
+    readOnly: s = !1,
+    minHeight: De = Tl,
+    maxHeight: Me,
+    toolbar: fo,
+    className: Eo = "",
+    testId: mo,
+    allowImagePaste: Ct = !0,
+    showCharCount: Nt = !1,
+    charCountMax: It,
+    typoAutoFix: po = !0,
+    variant: pe = Li,
+    chrome: Lo = Oi,
+    colorMode: At = Zl,
+    features: Oo,
+    author: X = Ci,
+    trackChanges: te,
+    onTrackChangesChange: He,
+    trackChangesEnabled: Le,
+    onTrackChangesEnabledChange: ke,
+    comments: ne,
+    onCommentsChange: Pe,
+    showCommentsPanel: oe,
+    onShowCommentsPanelChange: Ue,
+    ai: f,
+    slashCommands: Co,
+    tableRows: No = Ni,
+    tableCols: Io = Ii,
+    premium: Ao,
+    theme: ho,
+    themeId: ht,
+    onThemeChange: ve,
+    icons: gt,
+    pasteMode: go = "plain",
+    onImageUpload: Rt,
+    wysiwyg: Ro = !1,
+    keepInMemory: G = !1,
+    memoryKey: W,
+    onToolbarChange: we,
+    toolbarHidden: V,
+    onToolbarHiddenChange: Ke,
+    showOutline: bo,
+    onOutlineChange: Fe,
+    collaboration: R,
+    style: So,
+    ...Bo
+  } = H, Oe = fo ?? (pe === Kn ? hi : gi), a = { ...Ai, ...Oo }, Y = ls(Ao), Do = Ee(Y, "icons"), Mo = Ee(Y, "theme"), Ho = Ee(Y, "richPaste"), ko = Ee(Y, "imageUpload"), Po = Ee(Y, "wysiwyg") && Ro, E = Do && gt ? { ...Vn, ...gt } : Vn, Uo = Mo ? is(ho) : {}, vo = Ho && go === "rich", o = D(null), Ce = D(null), re = D(new Et(g ?? k)), z = D(null), F = D(null), Ne = D(M), [ye, wo] = c(/* @__PURE__ */ new Set()), [Ko, bt] = c("p"), [Fo, yo] = c(p), [xo, Xo] = c(p), [Go, St] = c(Cn), [Wo, Bt] = c(Cn), [Vo, $] = c([]), [Yo, zo] = c(p), [$o, xe] = c(M), [qo, jo] = c(fl), [Zo, Qo] = c(El), [q, Dt] = c(Le ?? !1), [Jo, Mt] = c(te ?? []), [er, Ht] = c(ne ?? []), [tr, kt] = c(oe ?? !1), [Pt, le] = c(!!(f != null && f.enabled && f.openOnInit)), [Ie, nr] = c(!1), Ut = D(!1), [v, ie] = c({
     visible: !1,
     suggestion: "",
-    top: f,
-    left: f
-  }), Z = k(null), W = k(f), [ft, oo] = a(""), [ro, lo] = a(0), [io, mt] = a(!1), [co, se] = a([]), [Tt, so] = a({ top: 0, left: 0 }), [Et, he] = a(!1), [ge, ae] = a(!1), [ao, uo] = a(_e), [_o, fo] = a(Ir), [mo, pt] = a(gr), [To, Eo] = a(_e), [be, Re] = a({ open: !1, x: f, y: f }), [po, Ot] = a(!1), [De, Be] = a({
+    top: p,
+    left: p
+  }), ce = D(null), j = D(p), [vt, or] = c(""), [rr, lr] = c(0), [ir, wt] = c(!1), [cr, Ae] = c([]), [Kt, sr] = c({ top: 0, left: 0 }), [Ft, Xe] = c(!1), [Ge, he] = c(!1), [se, yt] = c(!1), [xt, Xt] = c(M), [ar, ur] = c(be), [_r, dr] = c(ri), [Tr, Gt] = c(ci), [fr, Er] = c(be), [We, Ve] = c({ open: !1, x: p, y: p }), [mr, Wt] = c(!1), [Ye, ze] = c({
     open: !1,
-    x: f,
-    y: f
-  }), [Se, V] = a({
+    x: p,
+    y: p
+  }), [$e, Z] = c({
     open: !1,
-    top: f,
-    left: f
-  }), [Me, Ct] = a(
-    () => Ii(y, F) ?? le
-  ), [Oo, Lt] = a(() => K !== void 0 ? K : Ai(y, F) ?? !1), [Co, Nt] = a(!1), It = k(!0), Lo = le.join(","), S = Y ?? Jn, Q = z ?? eo, ke = j ?? to, At = Ln ?? d.slash, Ue = Rn ?? oe === qt, ht = K ?? Oo, gt = le, No = hi(gt), He = et === Er ? void 0 : et, Pe = !!(d.ai && (_ != null && _.enabled) && _.autocomplete !== !1 && !i && !c), we = () => {
-    Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
-  }, R = () => {
-    we(), W.current += 1, $(
-      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: f, left: f } : e
+    top: p,
+    left: p
+  }), [Q, Vt] = c(
+    () => Es(G, W) ?? Oe
+  ), [pr, Yt] = c(() => V !== void 0 ? V : ms(G, W) ?? !1), [Lr, zt] = c(!1), $t = D(!0), Or = Oe.join(","), w = te ?? Jo, ae = ne ?? er, qe = oe ?? tr, qt = Co ?? a.slash, [je, Cr] = c(
+    () => bo ?? pe === Kn
+  ), [jt, m] = c(M), [Nr, Ir] = c(!1), J = D(null), [Ar, Ze] = c(!1), [hr, gr] = c("values"), [Rr, br] = c(Se), [Sr, Br] = c(() => lo(null)), [Dr, Mr] = c(ht || Rs), Zt = ht ?? Dr, [Qt, Hr] = c(!1), kr = !!(a.outline && je), y = Ss(Q.length), Jt = V ?? pr, en = Oe, Pr = ps(en), Qe = At === Ql ? void 0 : At, Je = !!(a.ai && (f != null && f.enabled) && f.autocomplete !== !1 && !i && !s), et = () => {
+    ce.current !== null && (window.clearTimeout(ce.current), ce.current = null);
+  }, U = () => {
+    et(), j.current += 1, ie(
+      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: p, left: p } : e
     );
-  }, Io = () => {
-    if (!Pe || ce || !n.current) {
-      R();
+  }, Ur = () => {
+    if (!Je || Ie || !o.current) {
+      U();
       return;
     }
     const e = window.getSelection();
     if (!e || !e.isCollapsed) {
-      R();
+      U();
       return;
     }
-    we(), $(
-      (o) => o.visible || o.suggestion ? { ...o, visible: !1, suggestion: "" } : o
+    et(), ie(
+      (n) => n.visible || n.suggestion ? { ...n, visible: !1, suggestion: "" } : n
     );
-    const t = (_ == null ? void 0 : _.providerId) || _l;
-    Z.current = window.setTimeout(() => {
-      if (Z.current = null, !n.current || _t.current) return;
-      const o = window.getSelection();
-      if (!o || !o.isCollapsed) return;
-      const r = Yi(n.current), s = _n(n.current);
-      if (!r.trim() || !s) return;
-      const T = W.current + 1;
-      W.current = T;
-      const N = n.current.innerHTML;
-      vi.runProvider(t, {
+    const t = (f == null ? void 0 : f.providerId) || Ji;
+    ce.current = window.setTimeout(() => {
+      if (ce.current = null, !o.current || Ut.current) return;
+      const n = window.getSelection();
+      if (!n || !n.isCollapsed) return;
+      const l = zs(o.current), u = _o(o.current);
+      if (!l.trim() || !u) return;
+      const T = j.current + 1;
+      j.current = T;
+      const L = o.current.innerHTML;
+      xs.runProvider(t, {
         capability: "autocomplete",
-        html: N,
-        prompt: r,
-        modelId: _ == null ? void 0 : _.modelId
-      }).then((P) => {
-        var vt;
-        if (T !== W.current) return;
-        const M = ((vt = P.text) == null ? void 0 : vt.trim()) || "";
-        if (!M) {
-          $({
+        html: L,
+        prompt: l,
+        modelId: f == null ? void 0 : f.modelId
+      }).then((_) => {
+        var de;
+        if (T !== j.current) return;
+        const C = ((de = _.text) == null ? void 0 : de.trim()) || "";
+        if (!C) {
+          ie({
             visible: !1,
             suggestion: "",
-            top: f,
-            left: f
+            top: p,
+            left: p
           });
           return;
         }
-        const Kt = n.current && _n(n.current) || s;
-        $({
+        const ge = o.current && _o(o.current) || u;
+        ie({
           visible: !0,
-          suggestion: M,
-          top: Kt.top,
-          left: Kt.left
+          suggestion: C,
+          top: ge.top,
+          left: ge.left
         });
       }).catch(() => {
-        T === W.current && $({
+        T === j.current && ie({
           visible: !1,
           suggestion: "",
-          top: f,
-          left: f
+          top: p,
+          left: p
         });
       });
-    }, Vi);
+    }, Vs);
   };
-  A(() => () => {
-    we(), W.current += 1;
-  }, []), A(() => {
-    _t.current = ce, ce && R();
-  }, [ce]), A(() => {
-    re !== void 0 && ct(re);
-  }, [re]), A(() => {
-    Y && st(Y);
-  }, [Y]), A(() => {
-    z && at(z);
-  }, [z]), A(() => {
-    j !== void 0 && ut(j);
-  }, [j]), A(() => {
-    K !== void 0 && Lt(K);
-  }, [K]), A(() => {
-    if (It.current) {
-      It.current = !1;
+  S(() => () => {
+    et(), j.current += 1;
+  }, []), S(() => {
+    Ut.current = Ie, Ie && U();
+  }, [Ie]), S(() => {
+    Le !== void 0 && Dt(Le);
+  }, [Le]), S(() => {
+    te && Mt(te);
+  }, [te]), S(() => {
+    ne && Ht(ne);
+  }, [ne]), S(() => {
+    oe !== void 0 && kt(oe);
+  }, [oe]), S(() => {
+    V !== void 0 && Yt(V);
+  }, [V]), S(() => {
+    if ($t.current) {
+      $t.current = !1;
       return;
     }
-    Ct(le);
-  }, [Lo]), A(() => {
-    if (!n.current || C === void 0 || C === x.current) return;
-    if (n.current.innerHTML === C) {
-      x.current = C;
+    Vt(Oe);
+  }, [Or]), S(() => {
+    if (!o.current || g === void 0 || g === z.current) return;
+    if (o.current.innerHTML === g) {
+      z.current = g;
       return;
     }
-    const e = document.activeElement === n.current;
-    ze(e ? n.current : null, () => {
-      n.current && (n.current.innerHTML = C);
-    }), x.current = C;
-  }, [C]), A(() => {
-    if (!n.current) return;
-    const e = y ? Ci(F) : "";
+    const e = document.activeElement === o.current;
+    mt(e ? o.current : null, () => {
+      o.current && (o.current.innerHTML = g);
+    }), z.current = g;
+  }, [g]), S(() => {
+    if (!o.current) return;
+    const e = G ? us(W) : "";
     if (e) {
-      n.current.innerHTML = e, x.current = e, q.current = new Ye(e), b == null || b(e);
+      o.current.innerHTML = e, z.current = e, re.current = new Et(e), P == null || P(e), a.outline && $(ee(o.current));
       return;
     }
-    C === void 0 && g && (n.current.innerHTML = g, x.current = g, q.current = new Ye(g), b == null || b(g));
+    if (g !== void 0) {
+      a.outline && $(ee(o.current));
+      return;
+    }
+    k && (o.current.innerHTML = k, z.current = k, re.current = new Et(k), P == null || P(k), a.outline && $(ee(o.current)));
+  }, []), S(() => {
+    const e = () => {
+      Hr(document.fullscreenElement === Ce.current);
+    };
+    return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
   }, []);
-  const ye = (e) => {
-    if (q.current.push(e), x.current = e, b == null || b(e), y && Li(e, F), Qe && n.current) {
-      const o = n.current.textContent ?? ue;
-      vn(o.length), Xn(_i(o));
+  const tt = (e) => {
+    if (re.current.push(e), z.current = e, P == null || P(e), G && _s(e, W), Nt && o.current) {
+      const n = o.current.textContent ?? M;
+      yo(n.length), Xo(os(n));
     }
-    Ue && it(sn(n.current));
-    const t = cn(n.current);
-    rt(t.line), lt(t.col);
-  }, H = (e) => {
-    n.current && (ze(n.current, () => {
-      n.current && (n.current.innerHTML = e);
-    }), ye(e));
-  }, Fe = (e) => {
-    Lt(e), Ne == null || Ne(e), gi(e, y, F);
-  }, Ao = (e) => {
-    Ct(e), Le == null || Le(e), Ri(e, y, F);
-  }, ho = (e, t) => {
-    if (e === jt) return;
-    const o = new Set(
-      Me.filter((r) => r !== jt)
+    a.outline && $(ee(o.current));
+    const t = no(o.current);
+    St(t.line), Bt(t.col);
+  }, K = (e) => {
+    o.current && (mt(o.current, () => {
+      o.current && (o.current.innerHTML = e);
+    }), tt(e));
+  }, nt = (e) => {
+    Yt(e), Ke == null || Ke(e), Ls(e, G, W);
+  }, vr = (e) => {
+    Vt(e), we == null || we(e), Cs(e, G, W);
+  }, wr = (e, t) => {
+    if (e === wn) return;
+    const n = new Set(
+      Q.filter((l) => l !== wn)
     );
-    t ? o.add(e) : o.delete(e), Ao(bi(gt, o));
-  }, J = (e) => {
-    st(e), Ee == null || Ee(e);
-  }, Ke = (e) => {
-    at(e), Oe == null || Oe(e);
-  }, ve = (e) => {
-    ut(e), Ce == null || Ce(e);
-  }, go = (e) => {
-    ct(e), pe == null || pe(e);
-  }, bo = () => {
-    if (i || c) {
-      V((s) => s.open ? { ...s, open: !1 } : s);
+    t ? n.add(e) : n.delete(e), vr(Os(en, n));
+  }, ue = (e) => {
+    Mt(e), He == null || He(e);
+  }, ot = (e) => {
+    Ht(e), Pe == null || Pe(e);
+  }, rt = (e) => {
+    kt(e), Ue == null || Ue(e);
+  }, Kr = (e) => {
+    Dt(e), ke == null || ke(e);
+  }, Fr = () => {
+    if (i || s) {
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
     const e = window.getSelection();
-    if (!e || e.isCollapsed || e.rangeCount === 0 || !tc(e, n.current)) {
-      V((s) => s.open ? { ...s, open: !1 } : s);
+    if (!e || e.isCollapsed || e.rangeCount === 0 || !na(e, o.current)) {
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
-    const o = e.getRangeAt(0).getBoundingClientRect();
-    if (o.width === 0 && o.height === 0) {
-      V((s) => s.open ? { ...s, open: !1 } : s);
+    const n = e.getRangeAt(0).getBoundingClientRect();
+    if (n.width === 0 && n.height === 0) {
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
-    const r = nc({
-      selectionRect: o,
-      toolbarWidth: Qi,
-      toolbarHeight: Ji,
+    const l = oa({
+      selectionRect: n,
+      toolbarWidth: Js,
+      toolbarHeight: ea,
       viewport: { width: window.innerWidth, height: window.innerHeight },
-      gap: ec,
-      edgePadding: Zi
+      gap: ta,
+      edgePadding: Qs
     });
-    V({ open: !0, top: r.top, left: r.left });
-  }, ee = () => {
-    yn(Mi());
-    const e = ki("formatBlock");
-    e && ot(e.toLowerCase().replace(/[<>]/g, "")), pt(Ui()), oo(qe()), bo();
-    const t = cn(n.current);
-    if (rt(t.line), lt(t.col), Ue && it(sn(n.current)), !n.current || !d.blocks) return;
-    const o = window.getSelection(), r = (o == null ? void 0 : o.anchorNode) ?? null, s = te(r, n.current);
-    if (nn(n.current, s), s) {
-      const T = n.current.getBoundingClientRect(), N = s.getBoundingClientRect();
-      lo(N.top - T.top + n.current.scrollTop), mt(!0);
+    Z({ open: !0, top: l.top, left: l.left });
+  }, _e = () => {
+    var L;
+    wo(Hs());
+    const e = ks("formatBlock");
+    e && bt(e.toLowerCase().replace(/[<>]/g, "")), Gt(Ps()), or(Lt());
+    const t = (L = window.getSelection()) == null ? void 0 : L.toString().trim();
+    t && (Ne.current = t), Fr();
+    const n = no(o.current);
+    if (St(n.line), Bt(n.col), a.outline && $(ee(o.current)), !o.current || !a.blocks) return;
+    const l = window.getSelection(), u = (l == null ? void 0 : l.anchorNode) ?? null, T = fe(u, o.current);
+    if (Qn(o.current, T), T) {
+      const _ = o.current.getBoundingClientRect(), C = T.getBoundingClientRect();
+      lr(C.top - _.top + o.current.scrollTop), wt(!0);
     } else
-      mt(!1);
-  }, u = () => {
-    var t, o, r;
-    if (!n.current) return;
-    let e = n.current.innerHTML;
-    if (X && d.trackChanges) {
-      const s = window.getSelection();
-      if (s && !s.isCollapsed) {
-        const T = qe();
+      wt(!1);
+  }, d = () => {
+    var t, n, l;
+    if (!o.current) return;
+    let e = o.current.innerHTML;
+    if (q && a.trackChanges) {
+      const u = window.getSelection();
+      if (u && !u.isCollapsed) {
+        const T = Lt();
         if (T) {
-          const N = Ge("delete", T, w);
-          J([...S, N]), Ro(N.id), e = n.current.innerHTML;
+          const L = ft("delete", T, X);
+          ue([...w, L]), yr(L.id), e = o.current.innerHTML;
         }
       }
     }
-    if (ye(e), ee(), At && n.current) {
-      const s = ((o = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : o.textContent) ?? "", T = ui(s);
+    if (tt(e), _e(), qt && o.current) {
+      const u = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", T = ts(u);
       if (T !== null) {
-        Ae(T), se(di(T));
-        const N = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
-        if (N && n.current) {
-          const P = N.getBoundingClientRect(), M = n.current.getBoundingClientRect();
-          so({
-            top: P.bottom - M.top + 8,
-            left: P.left - M.left
+        xe(T), Ae(ns(T));
+        const L = (l = window.getSelection()) == null ? void 0 : l.getRangeAt(0);
+        if (L && o.current) {
+          const _ = L.getBoundingClientRect(), C = o.current.getBoundingClientRect();
+          sr({
+            top: _.bottom - C.top + 8,
+            left: _.left - C.left
           });
         }
       } else
-        Ae(ue), se([]);
+        xe(M), Ae([]);
     }
-    Pe ? Io() : R();
-  }, bt = () => {
-    const e = B.suggestion;
+    Je ? Ur() : U();
+  };
+  S(() => {
+    const e = o.current;
+    if (!e || i || s || !a.table) return;
+    const t = (l) => {
+      const u = l.target;
+      if (!(u instanceof Element)) return;
+      const T = u.closest(Yn);
+      if (!T || !e.contains(T)) return;
+      const L = T.closest(dt);
+      if (!L) return;
+      const _ = $n(l.clientX, T, Nn);
+      if (_ === null) return;
+      l.preventDefault();
+      const C = l.clientX, ge = T.getBoundingClientRect().width;
+      L.classList.add(Te);
+      const de = (_l) => {
+        yc(L, _, ge + (_l.clientX - C));
+      }, On = () => {
+        L.classList.remove(Te), document.removeEventListener("pointermove", de), document.removeEventListener("pointerup", On), d();
+      };
+      document.addEventListener("pointermove", de), document.addEventListener("pointerup", On);
+    }, n = (l) => {
+      const u = l.target;
+      if (!(u instanceof Element)) return;
+      const T = u.closest(Yn);
+      if (e.querySelectorAll(dt).forEach((C) => {
+        C.classList.contains(Te) || C.classList.remove(Te);
+      }), !T || !e.contains(T)) return;
+      const _ = T.closest(dt);
+      _ && $n(l.clientX, T, Nn) !== null && _.classList.add(Te);
+    };
+    return e.addEventListener("pointerdown", t), e.addEventListener("pointermove", n), () => {
+      e.removeEventListener("pointerdown", t), e.removeEventListener("pointermove", n);
+    };
+  }, [i, s, a.table]);
+  const tn = () => {
+    const e = v.suggestion;
     if (!e) {
-      R();
+      U();
       return;
     }
-    E(n.current), p(Gi, e), R(), u();
-  }, Ro = (e) => {
+    I(o.current), h(Ys, e), U(), d();
+  }, yr = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    const o = qe();
-    o && I(ii(o, e));
-  }, Do = () => {
-    if (!n.current || !pn || !d.typoAutoFix || i || c) return;
-    const e = n.current.innerHTML, t = $l(e);
-    t.html !== e && (ze(n.current, () => {
-      n.current && (n.current.innerHTML = t.html);
-    }), ye(t.html));
-  }, L = (e) => {
-    if (i || c) return;
-    if (E(n.current), e === "clearFormat") {
-      Fi(), u();
+    const n = Lt();
+    n && A(Zc(n, e));
+  }, xr = () => {
+    if (!o.current || !po || !a.typoAutoFix || i || s) return;
+    const e = o.current.innerHTML, t = Fc(e);
+    t.html !== e && (mt(o.current, () => {
+      o.current && (o.current.innerHTML = t.html);
+    }), tt(t.html));
+  }, b = (e) => {
+    if (i || s) return;
+    if (I(o.current), e === "clearFormat") {
+      Fs(), d();
       return;
     }
-    if (e === "directionLtr" && n.current) {
-      un(n.current, Ur), u();
+    if (e === "directionLtr" && o.current) {
+      ao(o.current, Ei), d();
       return;
     }
-    if (e === "directionRtl" && n.current) {
-      un(n.current, Hr), u();
+    if (e === "directionRtl" && o.current) {
+      ao(o.current, mi), d();
       return;
     }
-    if (e === de) {
-      I($t), u();
+    if (e === Re) {
+      A(Wn), d();
       return;
     }
-    const t = We[e];
-    t && (t.value ? p(t.command, t.value) : p(t.command), u());
-  }, Bo = (e) => {
-    i || c || (E(n.current), p("formatBlock", e), ot(e), u());
-  }, So = (e) => {
-    i || c || (E(n.current), wi(e), fo(e), u());
-  }, Mo = (e) => {
-    i || c || (E(n.current), yi(e), pt(e), u());
-  }, Rt = (e) => {
-    uo(e), Eo(e), ae(!0);
-  }, ko = (e) => {
-    if (i || c) return;
-    Rt(e === Mr ? Sr : _e);
-  }, xe = () => {
-    if (i || c) return;
-    const e = window.prompt("Enter URL:", "https://");
-    e && (E(n.current), Pi(e), u());
-  }, Dt = async (e) => Un && nt ? nt(e) : Ki(e), Bt = async () => {
-    if (i || c) return;
+    const t = _t[e];
+    t && (t.value ? h(t.command, t.value) : h(t.command), d());
+  }, Xr = (e) => {
+    i || s || (I(o.current), h("formatBlock", e), bt(e), d());
+  }, Gr = (e) => {
+    i || s || (I(o.current), ws(e), dr(e), d());
+  }, Wr = (e) => {
+    i || s || (I(o.current), Ks(e), Gt(e), d());
+  }, nn = (e) => {
+    ur(e), Er(e), he(!0);
+  }, Vr = (e) => {
+    if (i || s) return;
+    nn(e === Ti ? di : be);
+  }, lt = () => {
+    var l;
+    if (i || s) return;
+    const e = Ts(o.current), t = ((l = window.getSelection()) == null ? void 0 : l.toString().trim()) || Ne.current, n = window.prompt(yl, xl);
+    n && (I(o.current), fs(o.current, e), vs(n, t), d());
+  }, it = (e) => {
+    i || s || (I(o.current), A(e), d());
+  }, Yr = (e) => {
+    var n;
+    const t = ((n = window.getSelection()) == null ? void 0 : n.toString().trim()) || Ne.current;
+    it(oo(e, t || An));
+  }, on = async (e) => ko && Rt ? Rt(e) : ys(e), rn = async () => {
+    if (i || s) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async () => {
-      var r;
-      const t = (r = e.files) == null ? void 0 : r[0];
+      var l;
+      const t = (l = e.files) == null ? void 0 : l[0];
       if (!t) return;
-      const o = await Dt(t);
-      E(n.current), je(o, t.name), u();
+      const n = await on(t);
+      I(o.current), pt(n, t.name), d();
     }, e.click();
-  }, St = () => {
-    if (i || c || !d.table) return;
-    E(n.current);
-    const e = Zl(Nn, In);
-    if (X && d.trackChanges) {
-      const t = Ge("insert", e, w);
-      J([...S, t]), I(ln(e, t.id));
+  }, ln = (e = No, t = Io) => {
+    if (i || s || !a.table) return;
+    I(o.current);
+    const n = xc(e, t);
+    if (q && a.trackChanges) {
+      const l = ft("insert", n, X);
+      ue([...w, l]), A(to(n, l.id));
     } else
-      I(e);
-    u();
-  }, Mt = () => {
-    const e = q.current.undo();
-    if (e === null || !n.current) {
-      p("undo"), u();
+      A(n);
+    d();
+  }, cn = () => {
+    const e = re.current.undo();
+    if (e === null || !o.current) {
+      h("undo"), d();
       return;
     }
-    H(e);
-  }, kt = () => {
-    const e = q.current.redo();
-    if (e === null || !n.current) {
-      p("redo"), u();
+    K(e);
+  }, sn = () => {
+    const e = re.current.redo();
+    if (e === null || !o.current) {
+      h("redo"), d();
       return;
     }
-    H(e);
-  }, Uo = (e) => {
-    i || c || (e.preventDefault(), Be((t) => t.open ? { ...t, open: !1 } : t), Ot(!!(d.table && Jt())), Re({ open: !0, x: e.clientX, y: e.clientY }));
-  }, Ho = (e) => {
-    i || c || (e.preventDefault(), Re((t) => t.open ? { ...t, open: !1 } : t), Be({ open: !0, x: e.clientX, y: e.clientY }));
-  }, Ut = () => {
-    if (i || c || !d.comments) return;
+    K(e);
+  }, zr = (e) => {
+    if (i || s) return;
+    e.preventDefault(), ze((n) => n.open ? { ...n, open: !1 } : n);
+    const t = a.graph ? hs(e.target) : null;
+    J.current = t, Ir(!!t), Wt(!!(a.table && qn())), Ve({ open: !0, x: e.clientX, y: e.clientY });
+  }, ct = (e) => {
+    const t = J.current;
+    if (!t) return;
+    const n = co(t.getAttribute(Gn));
+    io(t, e, n.length ? n : Se), J.current = null, d();
+  }, an = (e) => {
+    const t = J.current;
+    if (!t) return;
+    const n = co(t.getAttribute(Gn));
+    br(n.length ? n : Se), Br(lo(t.getAttribute(Wi))), gr(e), Ze(!0);
+  }, $r = (e, t) => {
+    const n = J.current;
+    if (!n) return;
+    const l = n.getAttribute(Xi) ?? ro;
+    io(n, l, e, t), Ze(!1), d();
+  }, un = () => {
+    const e = Ce.current;
+    if (!(!e || !a.fullscreen)) {
+      if (document.fullscreenElement) {
+        document.exitFullscreen();
+        return;
+      }
+      e.requestFullscreen();
+    }
+  }, qr = () => {
+    const e = J.current;
+    if (e) {
+      const t = document.createRange();
+      t.selectNodeContents(e);
+      const n = window.getSelection();
+      n == null || n.removeAllRanges(), n == null || n.addRange(t);
+    }
+    le(!0);
+  }, _n = () => {
+    const e = !je;
+    Cr(e), e && o.current && $(ee(o.current)), Fe == null || Fe(e);
+  }, jr = (e) => {
+    i || s || (e.preventDefault(), Ve((t) => t.open ? { ...t, open: !1 } : t), ze({ open: !0, x: e.clientX, y: e.clientY }));
+  }, dn = () => {
+    if (i || s || !a.comments) return;
     const e = window.prompt("Comment:");
     if (!(e != null && e.trim())) return;
-    const t = Qt("hl");
-    if (E(n.current), !si(t)) return;
-    const r = ai(w, e.trim(), t);
-    Ke([r, ...Q]), ve(!0), u();
-  }, Po = [
+    const t = zn("hl");
+    if (I(o.current), !Jc(t)) return;
+    const l = es(X, e.trim(), t);
+    ot([l, ...ae]), rt(!0), d();
+  }, Zr = [
     {
-      id: _r,
-      label: dr,
-      onSelect: () => Nt(!0)
+      id: $l,
+      label: zl,
+      onSelect: () => zt(!0)
     },
     {
-      id: mr,
-      label: fr,
-      onSelect: () => Fe(!0)
+      id: jl,
+      label: ql,
+      onSelect: () => nt(!0)
     }
-  ], G = (e) => {
-    const t = Jt();
-    !t || !d.table || e(t) && u();
-  }, wo = [
-    ...d.table && po ? [
-      {
-        id: ml,
-        label: fl,
-        onSelect: () => G((e) => en(e, "before"))
-      },
+  ], x = (e) => {
+    const t = qn();
+    !t || !a.table || e(t) && d();
+  }, Qr = a.table && mr ? [
+    {
+      id: tc,
+      label: ec,
+      onSelect: () => x((e) => jn(e, "before"))
+    },
+    {
+      id: oc,
+      label: nc,
+      onSelect: () => x((e) => jn(e, "after"))
+    },
+    {
+      id: lc,
+      label: rc,
+      onSelect: () => x((e) => Zn(e, "before"))
+    },
+    {
+      id: cc,
+      label: ic,
+      onSelect: () => x((e) => Zn(e, "after"))
+    },
+    {
+      id: ac,
+      label: sc,
+      onSelect: () => x((e) => Xc(e))
+    },
+    {
+      id: _c,
+      label: uc,
+      onSelect: () => x((e) => Gc(e))
+    },
+    {
+      id: Tc,
+      label: dc,
+      onSelect: () => x((e) => Wc(e))
+    }
+  ] : [], Jr = [
+    ...a.graph && Nr ? [
       {
-        id: El,
-        label: Tl,
-        onSelect: () => G((e) => en(e, "after"))
+        id: pl,
+        label: ml,
+        onSelect: () => ct("bar")
       },
       {
         id: Ol,
-        label: pl,
-        onSelect: () => G((e) => tn(e, "before"))
+        label: Ll,
+        onSelect: () => ct("line")
       },
       {
-        id: Ll,
+        id: Nl,
         label: Cl,
-        onSelect: () => G((e) => tn(e, "after"))
+        onSelect: () => ct("pie")
+      },
+      {
+        id: Al,
+        label: Il,
+        onSelect: () => an("values")
       },
       {
-        id: Il,
-        label: Nl,
-        onSelect: () => G((e) => Ql(e))
+        id: gl,
+        label: hl,
+        onSelect: () => an("colors")
       },
       {
-        id: hl,
-        label: Al,
-        onSelect: () => G((e) => Jl(e))
+        id: bl,
+        label: Rl,
+        onSelect: qr
       }
     ] : [],
+    ...Qr,
     {
-      id: bl,
-      label: gl,
-      onSelect: () => L("bold")
+      id: Ec,
+      label: fc,
+      onSelect: () => b("bold")
     },
     {
-      id: Dl,
-      label: Rl,
-      onSelect: () => L("italic")
+      id: pc,
+      label: mc,
+      onSelect: () => b("italic")
     },
     {
-      id: Sl,
-      label: Bl,
-      onSelect: () => L("underline")
+      id: Oc,
+      label: Lc,
+      onSelect: () => b("underline")
     },
     {
-      id: kl,
-      label: Ml,
-      onSelect: () => L("strikethrough")
+      id: Nc,
+      label: Cc,
+      onSelect: () => b("strikethrough")
     },
     {
-      id: Hl,
-      label: Ul,
-      onSelect: () => L("heading2")
+      id: Ac,
+      label: Ic,
+      onSelect: () => b("heading2")
     },
     {
-      id: wl,
-      label: Pl,
-      onSelect: () => L("bulletList")
+      id: gc,
+      label: hc,
+      onSelect: () => b("bulletList")
     },
     {
-      id: Fl,
-      label: yl,
-      onSelect: () => L("orderedList")
+      id: bc,
+      label: Rc,
+      onSelect: () => b("orderedList")
     },
     {
-      id: vl,
-      label: Kl,
-      onSelect: () => xe()
+      id: Bc,
+      label: Sc,
+      onSelect: () => lt()
     },
     {
-      id: Xl,
-      label: xl,
-      onSelect: () => L("clearFormat")
+      id: Mc,
+      label: Dc,
+      onSelect: () => b("clearFormat")
     },
     {
-      id: Vl,
-      label: Wl,
-      disabled: !d.findReplace,
-      onSelect: () => ae(!0)
+      id: kc,
+      label: Hc,
+      disabled: !a.findReplace,
+      onSelect: () => he(!0)
     },
     {
-      id: Yl,
-      label: Gl,
-      disabled: !d.signature,
-      onSelect: () => he(!0)
+      id: Uc,
+      label: Pc,
+      disabled: !a.signature,
+      onSelect: () => Xe(!0)
     },
     {
-      id: jl,
-      label: zl,
-      disabled: !d.comments,
-      onSelect: () => Ut()
+      id: wc,
+      label: vc,
+      disabled: !a.comments,
+      onSelect: () => dn()
     },
-    ...ht ? [
+    ...Jt ? [
       {
-        id: ur,
-        label: ar,
-        onSelect: () => Fe(!1)
+        id: Yl,
+        label: Vl,
+        onSelect: () => nt(!1)
       }
     ] : []
-  ], Ht = (e) => {
-    if (!n.current) return;
-    const t = li(n.current.innerHTML, e);
-    H(t), J(
-      S.map((o) => o.id === e ? { ...o, accepted: !0 } : o)
+  ], Tn = (e) => {
+    if (!o.current) return;
+    const t = jc(o.current.innerHTML, e);
+    K(t), ue(
+      w.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
     );
-  }, Pt = (e) => {
-    if (!n.current) return;
-    const t = ri(n.current.innerHTML, e);
-    H(t), J(
-      S.map((o) => o.id === e ? { ...o, rejected: !0 } : o)
+  }, fn = (e) => {
+    if (!o.current) return;
+    const t = qc(o.current.innerHTML, e);
+    K(t), ue(
+      w.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
     );
-  }, wt = async (e) => {
-    const t = await Dt(e), o = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
-    if (X && d.trackChanges) {
-      const r = Ge("insert", o, w);
-      J([...S, r]), I(ln(o, r.id));
+  }, En = async (e) => {
+    const t = await on(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
+    if (q && a.trackChanges) {
+      const l = ft("insert", n, X);
+      ue([...w, l]), A(to(n, l.id));
     } else
-      je(t);
-    u();
-  }, yo = async (e) => {
-    if (i || c) return;
+      pt(t);
+    d();
+  }, el = async (e) => {
+    if (i || s) return;
     const t = e.clipboardData;
     if (!t) return;
-    if (wn) {
-      const r = Ei(t);
-      if (r) {
+    if (vo) {
+      const l = cs(t);
+      if (l) {
         e.preventDefault();
-        const T = pi(r);
-        T && (I(T), u());
-        const N = t.items;
-        if (Ze && N)
-          for (const P of Array.from(N)) {
-            if (!P.type.startsWith("image/")) continue;
-            const M = P.getAsFile();
-            M && await wt(M);
+        const T = ss(l);
+        T && (A(T), d());
+        const L = t.items;
+        if (Ct && L)
+          for (const _ of Array.from(L)) {
+            if (!_.type.startsWith("image/")) continue;
+            const C = _.getAsFile();
+            C && await En(C);
           }
         return;
       }
-      const s = Oi(t);
-      if (s) {
-        e.preventDefault(), I(s.replace(/\n/g, "<br />")), u();
+      const u = as(t);
+      if (u) {
+        e.preventDefault(), A(u.replace(/\n/g, "<br />")), d();
         return;
       }
     }
-    if (!Ze) return;
-    const o = t.items;
-    if (o)
-      for (const r of Array.from(o)) {
-        if (!r.type.startsWith("image/")) continue;
+    if (!Ct) return;
+    const n = t.items;
+    if (n)
+      for (const l of Array.from(n)) {
+        if (!l.type.startsWith("image/")) continue;
         e.preventDefault();
-        const s = r.getAsFile();
-        s && await wt(s);
+        const u = l.getAsFile();
+        u && await En(u);
       }
-  }, Fo = (e) => {
-    L(e);
-  }, Ko = (e) => {
-    if (e.key === pr && B.visible && B.suggestion) {
-      e.preventDefault(), bt();
+  }, tl = (e) => {
+    b(e);
+  }, nl = (e) => {
+    if (e.key === Jl && v.visible && v.suggestion) {
+      e.preventDefault(), tn();
       return;
     }
-    if (e.key === Or) {
-      R();
+    if (e.key === ei) {
+      U();
       return;
     }
-    if (Hi(e.nativeEvent)) {
-      u();
+    if (Us(e.nativeEvent)) {
+      d();
       return;
     }
-    if (e.key === Cr) {
-      if (B.visible) {
-        e.preventDefault(), R();
+    if (e.key === ti) {
+      if (v.visible) {
+        e.preventDefault(), U();
         return;
       }
-      se([]), V((t) => t.open ? { ...t, open: !1 } : t);
+      Ae([]), Z((t) => t.open ? { ...t, open: !1 } : t);
     }
-    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === Lr) {
-      e.preventDefault(), d.ai && (_ != null && _.enabled) && ie(!0);
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === ni) {
+      e.preventDefault(), a.ai && (f != null && f.enabled) && le(!0);
       return;
     }
-    (e.metaKey || e.ctrlKey) && e.key === Nr && (e.preventDefault(), e.shiftKey ? kt() : Mt());
-  }, vo = (e) => {
-    var o;
-    E(n.current);
+    (e.metaKey || e.ctrlKey) && e.key === oi && (e.preventDefault(), e.shiftKey ? sn() : cn());
+  }, ol = (e) => {
+    var n;
+    I(o.current);
     const t = window.getSelection();
-    if ((o = t == null ? void 0 : t.anchorNode) != null && o.textContent) {
-      const s = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
-      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = s);
+    if ((n = t == null ? void 0 : t.anchorNode) != null && n.textContent) {
+      const u = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
+      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = u);
     }
-    switch (Ae(ue), se([]), e.insert) {
+    switch (xe(M), Ae([]), e.insert) {
       case "heading1":
-        p("formatBlock", ul);
+        h("formatBlock", Zi);
         break;
       case "heading2":
-        p("formatBlock", al);
+        h("formatBlock", ji);
         break;
       case "heading3":
-        p("formatBlock", sl);
+        h("formatBlock", qi);
         break;
       case "paragraph":
-        p("formatBlock", cl);
+        h("formatBlock", $i);
         break;
       case "bulletList":
-        p("insertUnorderedList");
+        h("insertUnorderedList");
         break;
       case "orderedList":
-        p("insertOrderedList");
+        h("insertOrderedList");
         break;
       case "checklist":
-        I($t);
+        A(Wn);
         break;
       case "quote":
-        p("formatBlock", il);
+        h("formatBlock", zi);
         break;
       case "code":
-        p("formatBlock", ll);
+        h("formatBlock", Yi);
         break;
       case "callout":
-        I(rl);
+        A(Vi);
         break;
       case "table":
-        St();
+        ln();
         return;
       case "image":
-        Bt();
+        rn();
         return;
       case "ai":
-        ie(!0);
+        le(!0);
+        break;
+      case "titles":
+        A(oo(Ns, Ne.current || An));
+        break;
+      case "excel":
+        A(Is(As()));
+        break;
+      case "graph":
+        A(gs(ro, Se));
         break;
     }
-    u();
-  }, yt = (e) => {
-    if (!n.current) return;
-    const t = window.getSelection(), o = te((t == null ? void 0 : t.anchorNode) ?? null, n.current);
-    o && ti(o, e) && (u(), ee());
-  }, xo = (e) => {
-    if (!n.current) return;
-    const t = window.getSelection(), o = te((t == null ? void 0 : t.anchorNode) ?? null, n.current), r = n.current.querySelector(`.${ol}`), s = o ?? (r instanceof HTMLElement ? r : null);
-    if (!s) {
+    d();
+  }, mn = (e) => {
+    if (!o.current) return;
+    const t = window.getSelection(), n = fe((t == null ? void 0 : t.anchorNode) ?? null, o.current);
+    n && Yc(n, e) && (d(), _e());
+  }, rl = (e) => {
+    if (!o.current) return;
+    const t = window.getSelection(), n = fe((t == null ? void 0 : t.anchorNode) ?? null, o.current), l = o.current.querySelector(`.${Gi}`), u = n ?? (l instanceof HTMLElement ? l : null);
+    if (!u) {
       e.preventDefault();
       return;
     }
-    U.current = s, Ve(n.current), nn(n.current, s), ei(s), e.dataTransfer.setData(ji, qi), e.dataTransfer.effectAllowed = fn;
-  }, Xo = (e) => {
-    if (!n.current || !U.current) return;
-    e.preventDefault(), e.dataTransfer.dropEffect = fn;
-    const t = te(e.target, n.current);
-    if (!t || t === U.current) {
-      rn(n.current, null, null);
+    F.current = u, Tt(o.current), Qn(o.current, u), Vc(u), e.dataTransfer.setData(qs, js), e.dataTransfer.effectAllowed = To;
+  }, ll = (e) => {
+    if (!o.current || !F.current) return;
+    e.preventDefault(), e.dataTransfer.dropEffect = To;
+    const t = fe(e.target, o.current);
+    if (!t || t === F.current) {
+      eo(o.current, null, null);
       return;
     }
-    const o = on(e.clientY, t);
-    rn(n.current, t, o);
-  }, Wo = (e) => {
-    if (!n.current || !U.current) return;
+    const n = Jn(e.clientY, t);
+    eo(o.current, t, n);
+  }, il = (e) => {
+    if (!o.current || !F.current) return;
     e.preventDefault();
-    const t = te(e.target, n.current), o = U.current;
-    t && t !== o && (on(e.clientY, t) === kr ? ni(o, t) : oi(o, t)) && (u(), ee()), Ve(n.current), U.current = null;
-  }, Vo = () => {
-    n.current && Ve(n.current), U.current = null;
-  }, Go = (e, t) => {
+    const t = fe(e.target, o.current), n = F.current;
+    t && t !== n && (Jn(e.clientY, t) === fi ? zc(n, t) : $c(n, t)) && (d(), _e()), Tt(o.current), F.current = null;
+  }, cl = () => {
+    o.current && Tt(o.current), F.current = null;
+  }, st = (e, t) => {
+    var l, u, T, L;
     if (e === "divider")
-      return /* @__PURE__ */ l("span", { className: Zr }, `divider-${t}`);
+      return /* @__PURE__ */ r("span", { className: Ki }, `divider-${t}`);
     if (e === "headingDropdown")
-      return /* @__PURE__ */ l(
-        fe,
+      return /* @__PURE__ */ r(
+        Be,
         {
           title: "Heading",
-          options: Qr,
-          value: Fn || "p",
-          disabled: i || c,
-          onChange: Bo
+          options: Fi,
+          value: Ko || "p",
+          disabled: i || s,
+          onChange: Xr
         },
         "heading"
       );
-    if (e === Xt)
-      return /* @__PURE__ */ l(
-        fe,
+    if (e === hn)
+      return /* @__PURE__ */ r(
+        Be,
         {
-          title: hr,
-          options: Ar,
-          value: _o,
-          disabled: i || c,
-          onChange: So
+          title: ii,
+          options: li,
+          value: _r,
+          disabled: i || s,
+          onChange: Gr
         },
-        Xt
+        hn
       );
-    if (e === Wt)
-      return /* @__PURE__ */ l(
-        fe,
+    if (e === gn)
+      return /* @__PURE__ */ r(
+        Be,
         {
-          title: Rr,
-          options: br,
-          value: mo,
-          disabled: i || c,
-          onChange: Mo
+          title: ai,
+          options: si,
+          value: Tr,
+          disabled: i || s,
+          onChange: Wr
         },
-        Wt
+        gn
       );
     if (e === "textColor")
-      return /* @__PURE__ */ l(
-        dn,
+      return /* @__PURE__ */ r(
+        uo,
         {
           title: "Text color",
           type: "text",
-          value: qn,
-          disabled: i || c,
-          onChange: (r) => {
-            E(n.current), Bi(r), $n(r), u();
+          value: qo,
+          disabled: i || s,
+          onChange: (_) => {
+            I(o.current), Ds(_), jo(_), d();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
-      return /* @__PURE__ */ l(
-        dn,
+      return /* @__PURE__ */ r(
+        uo,
         {
           title: "Highlight color",
           type: "highlight",
-          value: Zn,
-          disabled: i || c,
-          onChange: (r) => {
-            E(n.current), Si(r), Qn(r), u();
+          value: Zo,
+          disabled: i || s,
+          onChange: (_) => {
+            I(o.current), Ms(_), Qo(_), d();
           }
         },
         "highlightColor"
       );
     if (e === "link")
-      return /* @__PURE__ */ l(
-        O,
+      return /* @__PURE__ */ r(
+        N,
         {
-          icon: m.link,
+          icon: E.link,
           title: "Insert link",
-          disabled: i || c,
-          onClick: xe
+          hint: O.link,
+          onHint: m,
+          disabled: i || s,
+          onClick: lt
         },
         "link"
       );
     if (e === "image")
-      return /* @__PURE__ */ l(
-        O,
+      return /* @__PURE__ */ r(
+        N,
         {
-          icon: m.image,
+          hint: O.image,
+          onHint: m,
+          icon: E.image,
           title: "Insert image",
-          disabled: i || c,
+          disabled: i || s,
           onClick: () => {
-            Bt();
+            rn();
           }
         },
         "image"
       );
-    if (e === de)
-      return /* @__PURE__ */ l(
-        O,
+    if (e === Re)
+      return /* @__PURE__ */ r(
+        N,
         {
-          icon: m.checklist,
+          icon: E.checklist,
           title: "Checklist",
-          disabled: i || c,
-          onClick: () => L(de)
+          hint: O.checklist,
+          onHint: m,
+          disabled: i || s,
+          onClick: () => b(Re)
         },
-        de
+        Re
       );
     if (e === "table")
-      return d.table ? /* @__PURE__ */ l(
-        O,
+      return a.table ? /* @__PURE__ */ r(
+        _a,
         {
-          icon: m.table,
-          title: "Insert table",
-          disabled: i || c,
-          onClick: St
+          icon: E.table,
+          disabled: i || s,
+          onSelect: ln
         },
         "table"
       ) : null;
-    if (e === Vt)
-      return d.signature ? /* @__PURE__ */ l(
-        O,
+    if (e === Rn)
+      return a.titles ? /* @__PURE__ */ r(
+        da,
+        {
+          icon: E.titles,
+          disabled: i || s,
+          pluginColor: (l = me.get("titles")) == null ? void 0 : l.color,
+          hint: O.titles,
+          onHint: m,
+          onSelect: Yr
+        },
+        Rn
+      ) : null;
+    if (e === bn)
+      return a.excel ? /* @__PURE__ */ r(
+        Ta,
+        {
+          icon: E.excel,
+          disabled: i || s,
+          pluginColor: (u = me.get("excel")) == null ? void 0 : u.color,
+          hint: O.excel,
+          onHint: m,
+          onInsert: it
+        },
+        bn
+      ) : null;
+    if (e === Sn)
+      return a.graph ? /* @__PURE__ */ r(
+        fa,
+        {
+          icon: E.graph,
+          disabled: i || s,
+          pluginColor: (T = me.get("graph")) == null ? void 0 : T.color,
+          hint: O.graph,
+          onHint: m,
+          onInsert: it
+        },
+        Sn
+      ) : null;
+    if (e === Bn)
+      return a.theme ? /* @__PURE__ */ r(
+        ma,
+        {
+          icon: E.theme,
+          disabled: i,
+          pluginColor: (L = me.get("theme")) == null ? void 0 : L.color,
+          hint: O.theme,
+          onHint: m,
+          value: Zt,
+          onChange: (_) => {
+            Mr(_), ve == null || ve(_), bs(Ce.current, _);
+          }
+        },
+        Bn
+      ) : null;
+    if (e === Dn)
+      return a.fullscreen ? /* @__PURE__ */ r(
+        N,
         {
-          icon: m.signature,
+          icon: E.fullscreen,
+          title: Qt ? Pl : Ul,
+          hint: O.fullscreen,
+          onHint: m,
+          active: Qt,
+          disabled: i,
+          onClick: un
+        },
+        Dn
+      ) : null;
+    if (e === Mn)
+      return a.outline ? /* @__PURE__ */ r(
+        N,
+        {
+          icon: E.outline,
+          title: vl,
+          hint: O.outline,
+          onHint: m,
+          active: je,
+          disabled: i,
+          onClick: _n
+        },
+        Mn
+      ) : null;
+    if (e === Hn)
+      return a.htmlSource ? /* @__PURE__ */ r(
+        N,
+        {
+          className: yn,
+          icon: /* @__PURE__ */ r("span", { className: xn, children: Kl }),
+          title: wl,
+          hint: O.htmlSource,
+          onHint: m,
+          active: se,
+          disabled: i,
+          onClick: () => {
+            var _;
+            if (se) {
+              s || K(xt), yt(!1);
+              return;
+            }
+            Xt(((_ = o.current) == null ? void 0 : _.innerHTML) ?? g ?? M), yt(!0);
+          }
+        },
+        Hn
+      ) : null;
+    if (e === kn)
+      return a.signature ? /* @__PURE__ */ r(
+        N,
+        {
+          icon: E.signature,
           title: "Sign pad",
-          active: Et,
-          disabled: i || c,
-          onClick: () => he(!0)
+          hint: O.signature,
+          onHint: m,
+          active: Ft,
+          disabled: i || s,
+          onClick: () => Xe(!0)
         },
-        Vt
+        kn
       ) : null;
-    if (e === Gt)
-      return d.findReplace ? /* @__PURE__ */ l(
-        O,
+    if (e === Pn)
+      return a.findReplace ? /* @__PURE__ */ r(
+        N,
         {
-          icon: m.findReplace,
+          icon: E.findReplace,
           title: "Find and replace",
-          active: ge,
-          disabled: i || c,
+          hint: O.findReplace,
+          onHint: m,
+          active: Ge,
+          disabled: i || s,
           onClick: () => {
-            ge ? ae(!1) : Rt(_e);
+            Ge ? he(!1) : nn(be);
           }
         },
-        Gt
+        Pn
       ) : null;
-    if (e === Yt)
-      return d.findReplace ? /* @__PURE__ */ l(
-        fe,
+    if (e === Un)
+      return a.findReplace ? /* @__PURE__ */ r(
+        Be,
         {
-          title: Br,
-          options: Dr,
-          value: To,
-          disabled: i || c,
-          onChange: ko
+          title: _i,
+          options: ui,
+          value: fr,
+          disabled: i || s,
+          onChange: Vr
         },
-        Yt
+        Un
       ) : null;
-    if (e === zt)
-      return d.horizontalRule ? /* @__PURE__ */ l(
-        O,
+    if (e === vn)
+      return a.horizontalRule ? /* @__PURE__ */ r(
+        N,
         {
-          icon: m.horizontalRule,
+          icon: E.horizontalRule,
           title: "Horizontal rule",
-          disabled: i || c,
+          hint: O.horizontalRule,
+          onHint: m,
+          disabled: i || s,
           onClick: () => {
-            E(n.current), I("<hr />"), u();
+            I(o.current), A("<hr />"), d();
           }
         },
-        zt
+        vn
       ) : null;
     if (e === "undo")
-      return /* @__PURE__ */ l(
-        O,
+      return /* @__PURE__ */ r(
+        N,
         {
-          icon: m.undo,
+          icon: E.undo,
           title: "Undo",
-          disabled: i || c,
-          onClick: Mt
+          hint: O.undo,
+          onHint: m,
+          disabled: i || s,
+          onClick: cn
         },
         "undo"
       );
     if (e === "redo")
-      return /* @__PURE__ */ l(
-        O,
+      return /* @__PURE__ */ r(
+        N,
         {
-          icon: m.redo,
+          icon: E.redo,
           title: "Redo",
-          disabled: i || c,
-          onClick: kt
+          hint: O.redo,
+          onHint: m,
+          disabled: i || s,
+          onClick: sn
         },
         "redo"
       );
     if (e === "trackChanges")
-      return d.trackChanges ? /* @__PURE__ */ l(
-        O,
+      return a.trackChanges ? /* @__PURE__ */ r(
+        N,
         {
-          icon: m.trackChanges,
+          icon: E.trackChanges,
           title: "Track changes",
-          active: X,
-          disabled: i || c,
-          onClick: () => go(!X)
+          hint: O.trackChanges,
+          onHint: m,
+          active: q,
+          disabled: i || s,
+          onClick: () => Kr(!q)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return d.comments ? /* @__PURE__ */ l(
-        O,
+      return a.comments ? /* @__PURE__ */ r(
+        N,
         {
-          icon: m.comments,
+          icon: E.comments,
           title: "Comments",
-          active: ke,
-          disabled: i || c,
+          hint: O.comments,
+          onHint: m,
+          active: qe,
+          disabled: i || s,
           onClick: () => {
-            ke ? ve(!1) : Ut();
+            qe ? rt(!1) : dn();
           }
         },
         "comments"
       ) : null;
     if (e === "code") {
-      const r = We.code;
-      return /* @__PURE__ */ l(
-        O,
+      const _ = _t.code;
+      return /* @__PURE__ */ r(
+        N,
         {
-          className: Jr,
-          icon: /* @__PURE__ */ D(qo, { children: [
-            m.code,
-            /* @__PURE__ */ l("span", { className: el, children: lr })
+          className: yn,
+          icon: /* @__PURE__ */ B(dl, { children: [
+            E.code,
+            /* @__PURE__ */ r("span", { className: xn, children: Fl })
           ] }),
-          title: r.title,
-          active: Ie.has(e),
-          disabled: i || c,
-          onClick: () => L(e)
+          title: _.title,
+          hint: O.code,
+          onHint: m,
+          active: ye.has(e),
+          disabled: i || s,
+          onClick: () => b(e)
         },
         "code"
       );
     }
-    if (e === "ai")
-      return !d.ai || !(_ != null && _.enabled) ? null : /* @__PURE__ */ D(
+    if (e === "ai") {
+      if (!a.ai || !(f != null && f.enabled)) return null;
+      const _ = me.get("ai");
+      return /* @__PURE__ */ B(
         "button",
         {
           type: "button",
-          className: tl,
-          title: Xe,
-          "aria-label": Xe,
-          "aria-pressed": dt,
-          disabled: i || c,
-          onMouseDown: (r) => {
-            r.preventDefault();
+          className: _ ? `${Xn} ${yi}` : Xn,
+          title: ut,
+          style: _ ? { "--ink-plugin-color": _.color } : void 0,
+          "aria-label": ut,
+          "aria-pressed": Pt,
+          disabled: i || s,
+          onMouseEnter: () => m(O.ai),
+          onMouseLeave: () => m(M),
+          onMouseDown: (C) => {
+            C.preventDefault();
           },
-          onClick: () => ie((r) => !r),
+          onClick: () => le((C) => !C),
           children: [
-            /* @__PURE__ */ l("span", { className: nl, "aria-hidden": "true" }),
-            Xe
+            /* @__PURE__ */ r("span", { className: xi, "aria-hidden": "true" }),
+            ut
           ]
         },
         "ai"
       );
-    const o = We[e];
-    return o ? /* @__PURE__ */ l(
-      O,
+    }
+    const n = _t[e];
+    return n ? /* @__PURE__ */ r(
+      N,
       {
-        icon: m[e] ?? e.slice(0, 1).toUpperCase(),
-        title: o.title,
-        active: Ie.has(e),
-        disabled: i || c,
-        onClick: () => L(e)
+        icon: E[e] ?? e.slice(0, 1).toUpperCase(),
+        title: n.title,
+        hint: O[e],
+        onHint: m,
+        active: ye.has(e),
+        disabled: i || s,
+        onClick: () => b(e)
       },
       e
     ) : null;
-  }, Yo = typeof me == "number" ? `${me}px` : me, zo = typeof Te == "number" ? `${Te}px` : Te, jo = !!(_ != null && _.enabled && dt);
-  return /* @__PURE__ */ D(
+  }, pn = typeof De == "number" ? `${De}px` : De, sl = typeof Me == "number" ? `${Me}px` : Me, al = !!(f != null && f.enabled && Pt), ul = Q.slice(p, y.fitCount), at = Q.slice(y.fitCount);
+  return /* @__PURE__ */ B(
     "div",
     {
-      className: ql(dl, Tn),
-      "data-testid": En,
+      ref: Ce,
+      className: Kc(Qi, Eo),
+      "data-testid": mo,
       "data-disabled": i || void 0,
-      "data-variant": oe,
-      "data-chrome": On,
-      "data-color-mode": He,
-      "data-premium": v.active || void 0,
-      "data-wysiwyg": Hn || void 0,
-      style: { ...Pn, ...Dn },
-      ...Bn,
+      "data-variant": pe,
+      "data-chrome": Lo,
+      "data-color-mode": Qe,
+      "data-ink-theme": Zt,
+      "data-premium": Y.active || void 0,
+      "data-wysiwyg": Po || void 0,
+      style: { ...Uo, ...So },
+      ...Bo,
       children: [
-        ht ? /* @__PURE__ */ l("div", { className: Vr, children: /* @__PURE__ */ l(
-          Di,
+        Jt ? /* @__PURE__ */ r("div", { className: Ri, children: /* @__PURE__ */ r(
+          Bs,
           {
             type: "button",
-            "aria-label": cr,
-            onClick: () => Fe(!1),
-            children: ir
+            "aria-label": Gl,
+            onClick: () => nt(!1),
+            children: Xl
           }
-        ) }) : /* @__PURE__ */ l(
+        ) }) : /* @__PURE__ */ B(
           "div",
           {
-            className: Gr,
+            className: bi,
             role: "toolbar",
             "aria-label": "Ink formatting toolbar",
-            onContextMenu: Ho,
-            children: Me.map(Go)
+            onContextMenu: jr,
+            onDoubleClick: un,
+            onMouseOver: (e) => {
+              const t = e.target.closest("button");
+              if (!(t instanceof HTMLElement)) return;
+              const n = t.getAttribute("title") || t.getAttribute("aria-label") || M;
+              n && m(n);
+            },
+            onMouseLeave: () => m(M),
+            children: [
+              /* @__PURE__ */ r("div", { className: Si, ref: y.measureRef, "aria-hidden": !0, children: Q.map(st) }),
+              /* @__PURE__ */ B("div", { className: Bi, ref: y.rowRef, children: [
+                ul.map(st),
+                R != null && R.collaborators && R.showPresenceStack !== !1 ? /* @__PURE__ */ r(
+                  pa,
+                  {
+                    collaborators: R.collaborators,
+                    maxAvatars: R.maxAvatars || 4,
+                    onFollow: R.onFollow
+                  }
+                ) : null,
+                at.length > p ? /* @__PURE__ */ r("span", { [Di]: "", children: /* @__PURE__ */ r(
+                  N,
+                  {
+                    icon: "⋯",
+                    title: In,
+                    hint: In,
+                    onHint: m,
+                    active: y.overflowOpen,
+                    disabled: i,
+                    onClick: () => y.setOverflowOpen((e) => !e)
+                  }
+                ) }) : null
+              ] }),
+              y.overflowOpen && at.length > p ? /* @__PURE__ */ r("div", { className: Mi, children: at.map(st) }) : null,
+              jt ? /* @__PURE__ */ r("p", { className: Hi, children: jt }) : null
+            ]
           }
         ),
-        /* @__PURE__ */ l(
-          sc,
+        /* @__PURE__ */ r(
+          aa,
           {
-            open: Co,
-            options: No,
-            visibleItems: Me,
-            onToggle: ho,
-            onClose: () => Nt(!1)
+            open: Lr,
+            options: Pr,
+            visibleItems: Q,
+            onToggle: wr,
+            onClose: () => zt(!1)
           }
         ),
-        /* @__PURE__ */ l(
-          ic,
+        /* @__PURE__ */ r(
+          Ea,
           {
-            open: Et,
-            onClose: () => he(!1),
+            open: Ar,
+            mode: hr,
+            points: Rr,
+            colors: Sr,
+            onClose: () => Ze(!1),
+            onApply: $r
+          }
+        ),
+        /* @__PURE__ */ r(
+          ca,
+          {
+            open: Ft,
+            onClose: () => Xe(!1),
             onConfirm: (e) => {
-              E(n.current), je(e), u();
+              I(o.current), pt(e), d();
             }
           }
         ),
-        /* @__PURE__ */ l(
-          cc,
+        /* @__PURE__ */ r(
+          sa,
           {
-            open: ge,
-            focusField: ao,
-            onClose: () => ae(!1),
-            onReplace: (e, t, o) => {
-              if (!n.current) return;
-              const r = Ni(n.current.innerHTML, e, t, o);
-              H(r);
+            open: Ge,
+            focusField: ar,
+            onClose: () => he(!1),
+            onReplace: (e, t, n) => {
+              if (!o.current) return;
+              const l = ds(o.current.innerHTML, e, t, n);
+              K(l);
             }
           }
         ),
-        X && d.trackChanges ? /* @__PURE__ */ l(
-          lc,
+        q && a.trackChanges ? /* @__PURE__ */ r(
+          ia,
           {
-            changes: S,
-            onAccept: Ht,
-            onReject: Pt,
-            onAcceptAll: () => S.forEach((e) => Ht(e.id)),
-            onRejectAll: () => S.forEach((e) => Pt(e.id))
+            changes: w,
+            onAccept: Tn,
+            onReject: fn,
+            onAcceptAll: () => w.forEach((e) => Tn(e.id)),
+            onRejectAll: () => w.forEach((e) => fn(e.id))
           }
         ) : null,
-        oe === "agent" ? /* @__PURE__ */ l("div", { className: "Ink-Editor__agent-bar", role: "status", children: sr }) : null,
-        /* @__PURE__ */ D("div", { className: Yr, children: [
-          Ue ? /* @__PURE__ */ l(
-            rc,
+        pe === "agent" ? /* @__PURE__ */ r("div", { className: "Ink-Editor__agent-bar", role: "status", children: Wl }) : null,
+        /* @__PURE__ */ B("div", { className: ki, children: [
+          kr ? /* @__PURE__ */ r(
+            la,
             {
-              items: Gn,
-              activeIndex: Yn,
+              items: Vo,
+              activeIndex: Yo,
+              onHide: _n,
               onSelect: (e) => {
-                n.current && (fi(n.current, e), zn(e));
+                o.current && (rs(o.current, e), zo(e));
               }
             }
           ) : null,
-          /* @__PURE__ */ D("div", { className: zr, children: [
-            d.blocks ? /* @__PURE__ */ l(
-              zi,
+          /* @__PURE__ */ B("div", { className: Pi, children: [
+            a.blocks ? /* @__PURE__ */ r(
+              $s,
               {
-                visible: io && !i && !c,
-                top: ro,
-                onMoveUp: () => yt("up"),
-                onMoveDown: () => yt("down"),
-                onDragStart: xo
+                visible: ir && !i && !s,
+                top: rr,
+                onMoveUp: () => mn("up"),
+                onMoveDown: () => mn("down"),
+                onDragStart: rl
               }
             ) : null,
-            /* @__PURE__ */ l(
+            R != null && R.collaborators && R.showRemoteCursors !== !1 ? /* @__PURE__ */ r(La, { collaborators: R.collaborators }) : null,
+            /* @__PURE__ */ r(
               "div",
               {
-                ref: n,
-                className: jr,
-                contentEditable: !i && !c,
+                ref: o,
+                className: se ? `${Fn} ${Ui}` : Fn,
+                contentEditable: !i && !s && !se,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": $e,
-                "data-placeholder": $e,
+                "aria-placeholder": Ot,
+                "data-placeholder": Ot,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: Yo, maxHeight: zo },
-                onInput: u,
-                onBlur: Do,
-                onKeyUp: ee,
-                onKeyDown: Ko,
-                onMouseUp: ee,
-                onContextMenu: Uo,
-                onDragOver: Xo,
-                onDrop: Wo,
-                onDragEnd: Vo,
+                style: { minHeight: pn, maxHeight: sl },
+                onInput: d,
+                onBlur: xr,
+                onKeyUp: _e,
+                onKeyDown: nl,
+                onMouseUp: _e,
+                onContextMenu: zr,
+                onDragOver: ll,
+                onDrop: il,
+                onDragEnd: cl,
                 onPaste: (e) => {
-                  yo(e);
+                  el(e);
                 }
               }
             ),
-            At ? /* @__PURE__ */ l(
-              oc,
+            se ? /* @__PURE__ */ r(
+              ua,
+              {
+                value: xt,
+                onChange: Xt,
+                disabled: i || s,
+                minHeight: pn
+              }
+            ) : null,
+            qt ? /* @__PURE__ */ r(
+              ra,
               {
-                items: co,
-                top: Tt.top,
-                left: Tt.left,
-                query: jn,
-                onSelect: vo
+                items: cr,
+                top: Kt.top,
+                left: Kt.left,
+                query: $o,
+                onSelect: ol
               }
             ) : null,
-            Pe ? /* @__PURE__ */ l(
-              Wi,
+            Je ? /* @__PURE__ */ r(
+              Ws,
               {
-                suggestion: B.suggestion,
-                position: { top: B.top, left: B.left },
-                visible: B.visible,
-                onAccept: bt,
-                onDismiss: R
+                suggestion: v.suggestion,
+                position: { top: v.top, left: v.left },
+                visible: v.visible,
+                onAccept: tn,
+                onDismiss: U
               }
             ) : null,
-            /* @__PURE__ */ l(
-              $i,
+            /* @__PURE__ */ r(
+              Zs,
               {
-                open: Se.open,
-                top: Se.top,
-                left: Se.left,
+                open: $e.open,
+                top: $e.top,
+                left: $e.left,
                 icons: {
-                  bold: m.bold,
-                  italic: m.italic,
-                  underline: m.underline,
-                  code: m.code,
-                  link: m.link,
-                  clearFormat: m.clearFormat
+                  bold: E.bold,
+                  italic: E.italic,
+                  underline: E.underline,
+                  code: E.code,
+                  link: E.link,
+                  clearFormat: E.clearFormat
                 },
-                activeFormats: Ie,
-                disabled: i || c,
-                onFormat: Fo,
-                onLink: xe,
-                onClose: () => V((e) => ({ ...e, open: !1 }))
+                activeFormats: ye,
+                disabled: i || s,
+                onFormat: tl,
+                onLink: lt,
+                onClose: () => Z((e) => ({ ...e, open: !1 }))
               }
             ),
-            /* @__PURE__ */ l(
-              an,
+            /* @__PURE__ */ r(
+              so,
               {
-                open: be.open,
-                x: be.x,
-                y: be.y,
-                items: wo,
-                colorMode: He,
+                open: We.open,
+                x: We.x,
+                y: We.y,
+                items: Jr,
+                colorMode: Qe,
                 onClose: () => {
-                  Ot(!1), Re((e) => ({ ...e, open: !1 }));
+                  Wt(!1), Ve((e) => ({ ...e, open: !1 }));
                 }
               }
             ),
-            /* @__PURE__ */ l(
-              an,
+            /* @__PURE__ */ r(
+              so,
               {
-                open: De.open,
-                x: De.x,
-                y: De.y,
-                items: Po,
-                colorMode: He,
-                onClose: () => Be((e) => ({ ...e, open: !1 }))
+                open: Ye.open,
+                x: Ye.x,
+                y: Ye.y,
+                items: Zr,
+                colorMode: Qe,
+                onClose: () => ze((e) => ({ ...e, open: !1 }))
               }
             )
           ] }),
-          ke && d.comments ? /* @__PURE__ */ l(
-            xi,
+          qe && a.comments ? /* @__PURE__ */ r(
+            Xs,
             {
-              comments: Q,
-              author: w,
-              onClose: () => ve(!1),
+              comments: ae,
+              author: X,
+              onClose: () => rt(!1),
               onResolve: (e) => {
-                const t = Q.find((o) => o.id === e);
-                Ke(
-                  Q.map(
-                    (o) => o.id === e ? { ...o, resolved: !0 } : o
+                const t = ae.find((n) => n.id === e);
+                ot(
+                  ae.map(
+                    (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && n.current && H(ci(n.current.innerHTML, t.highlightId));
+                ), t && o.current && K(Qc(o.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
-                Ke(
-                  Q.map(
-                    (o) => o.id === e ? {
-                      ...o,
+                ot(
+                  ae.map(
+                    (n) => n.id === e ? {
+                      ...n,
                       replies: [
-                        ...o.replies,
+                        ...n.replies,
                         {
-                          id: Qt("reply"),
-                          author: w,
+                          id: zn("reply"),
+                          author: X,
                           body: t,
                           timestamp: Date.now()
                         }
                       ]
-                    } : o
+                    } : n
                   )
                 );
               }
             }
           ) : null,
-          jo && _ ? /* @__PURE__ */ l(
-            Xi,
+          al && f ? /* @__PURE__ */ r(
+            Gs,
             {
-              config: _,
-              documentHtml: ((Ft = n.current) == null ? void 0 : Ft.innerHTML) ?? C ?? "",
-              selectionHtml: ft,
-              onBusyChange: no,
-              onClose: () => ie(!1),
+              config: f,
+              documentHtml: ((Ln = o.current) == null ? void 0 : Ln.innerHTML) ?? g ?? "",
+              selectionHtml: vt,
+              onBusyChange: nr,
+              onClose: () => le(!1),
               onApplyHtml: (e) => {
-                if (E(n.current), ft)
-                  I(e);
+                if (I(o.current), vt)
+                  A(e);
                 else {
-                  H(e);
+                  K(e);
                   return;
                 }
-                u();
+                d();
               }
             }
           ) : null
         ] }),
-        Qe ? /* @__PURE__ */ D("div", { className: qr, children: [
-          /* @__PURE__ */ D("span", { children: [
-            xn,
+        Nt ? /* @__PURE__ */ B("div", { className: vi, children: [
+          /* @__PURE__ */ B("span", { children: [
+            xo,
             " ",
-            Jo,
+            Sl,
             " ",
-            er,
+            Bl,
             " ",
-            Kn,
-            Je ? ` / ${Je}` : "",
+            Fo,
+            It ? ` / ${It}` : "",
             " ",
-            tr
+            Dl
           ] }),
-          /* @__PURE__ */ D("span", { className: $r, children: [
-            /* @__PURE__ */ D("span", { children: [
-              nr,
+          /* @__PURE__ */ B("span", { className: wi, children: [
+            /* @__PURE__ */ B("span", { children: [
+              Ml,
               " ",
-              Wn,
+              Go,
               ", ",
-              or,
+              Hl,
               " ",
-              Vn
+              Wo
             ] }),
-            /* @__PURE__ */ l("span", { className: "Ink-Editor__footer-sync", children: rr })
+            /* @__PURE__ */ r("span", { className: "Ink-Editor__footer-sync", children: kl })
           ] })
         ] }) : null
       ]
@@ -1240,5 +1599,5 @@ const qe = () => {
   );
 };
 export {
-  fs as InkEditor
+  Xu as InkEditor
 };