@forgedevstack/ink 1.1.7 → 1.1.8

package/dist/components/InkEditor/InkEditor.js

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