@forgedevstack/ink 1.1.8 → 1.1.9

package/dist/components/InkEditor/InkEditor.js

@@ -1,191 +1,196 @@
-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 { 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 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 { 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 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;
+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: g,
-    defaultValue: H = "",
-    onChange: k,
-    placeholder: pt = Ti,
+    defaultValue: k = "",
+    onChange: P,
+    placeholder: Ot = pi,
     disabled: i = !1,
     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({
+    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: 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({
+  }), 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: p,
     y: p
-  }), [Ye, j] = c({
+  }), [$e, Z] = c({
     open: !1,
     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(
+  }), [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
     );
-  }, Mr = () => {
-    if (!Ze || Ne || !o.current) {
-      P();
+  }, Ur = () => {
+    if (!Je || Ie || !o.current) {
+      U();
       return;
     }
     const e = window.getSelection();
     if (!e || !e.isCollapsed) {
-      P();
+      U();
       return;
     }
-    Qe(), le(
+    et(), ie(
       (n) => n.visible || n.suggestion ? { ...n, visible: !1, suggestion: "" } : n
     );
-    const t = (E == null ? void 0 : E.providerId) || qi;
-    ie.current = window.setTimeout(() => {
-      if (ie.current = null, !o.current || Ht.current) return;
+    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 = Gs(o.current), u = co(o.current);
+      const l = zs(o.current), u = _o(o.current);
       if (!l.trim() || !u) return;
-      const T = q.current + 1;
-      q.current = T;
+      const T = j.current + 1;
+      j.current = T;
       const L = o.current.innerHTML;
-      ws.runProvider(t, {
+      xs.runProvider(t, {
         capability: "autocomplete",
         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()) || "";
+        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) {
-          le({
+          ie({
             visible: !1,
             suggestion: "",
             top: p,
@@ -193,322 +198,322 @@ const mt = () => {
           });
           return;
         }
-        const he = o.current && co(o.current) || u;
-        le({
+        const ge = o.current && _o(o.current) || u;
+        ie({
           visible: !0,
           suggestion: C,
-          top: he.top,
-          left: he.left
+          top: ge.top,
+          left: ge.left
         });
       }).catch(() => {
-        T === q.current && le({
+        T === j.current && ie({
           visible: !1,
           suggestion: "",
           top: p,
           left: p
         });
       });
-    }, xs);
+    }, Vs);
   };
-  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;
+  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;
     }
-    Xt(Le);
-  }, [fr]), b(() => {
-    if (!o.current || g === void 0 || g === Y.current) return;
+    Vt(Oe);
+  }, [Or]), S(() => {
+    if (!o.current || g === void 0 || g === z.current) return;
     if (o.current.innerHTML === g) {
-      Y.current = g;
+      z.current = g;
       return;
     }
     const e = document.activeElement === o.current;
-    Et(e ? o.current : null, () => {
+    mt(e ? o.current : null, () => {
       o.current && (o.current.innerHTML = g);
-    }), Y.current = g;
-  }, [g]), b(() => {
+    }), z.current = g;
+  }, [g]), S(() => {
     if (!o.current) return;
-    const e = X ? is(G) : "";
+    const e = G ? us(W) : "";
     if (e) {
-      o.current.innerHTML = e, Y.current = e, oe.current = new Tt(e), k == null || k(e), a.outline && z(J(o.current));
+      o.current.innerHTML = e, z.current = e, re.current = new Et(e), P == null || P(e), a.outline && $(ee(o.current));
       return;
     }
     if (g !== void 0) {
-      a.outline && z(J(o.current));
+      a.outline && $(ee(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(() => {
+    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 = () => {
-      Sr(document.fullscreenElement === Oe.current);
+      Hr(document.fullscreenElement === Ce.current);
     };
     return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
   }, []);
-  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));
+  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));
     }
-    a.outline && z(J(o.current));
-    const t = Qn(o.current);
-    gt(t.line), Rt(t.col);
-  }, w = (e) => {
-    o.current && (Et(o.current, () => {
+    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);
-    }), 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;
+    }), 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(
-      Z.filter((l) => l !== kn)
+      Q.filter((l) => l !== wn)
     );
-    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 = () => {
+    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) {
-      j((u) => u.open ? { ...u, open: !1 } : u);
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
     const e = window.getSelection();
-    if (!e || e.isCollapsed || e.rangeCount === 0 || !Qs(e, o.current)) {
-      j((u) => u.open ? { ...u, open: !1 } : u);
+    if (!e || e.isCollapsed || e.rangeCount === 0 || !na(e, o.current)) {
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
     const n = e.getRangeAt(0).getBoundingClientRect();
     if (n.width === 0 && n.height === 0) {
-      j((u) => u.open ? { ...u, open: !1 } : u);
+      Z((u) => u.open ? { ...u, open: !1 } : u);
       return;
     }
-    const l = Js({
+    const l = oa({
       selectionRect: n,
-      toolbarWidth: qs,
-      toolbarHeight: js,
+      toolbarWidth: Js,
+      toolbarHeight: ea,
       viewport: { width: window.innerWidth, height: window.innerHeight },
-      gap: Zs,
-      edgePadding: $s
+      gap: ta,
+      edgePadding: Qs
     });
-    j({ open: !0, top: l.top, left: l.left });
-  }, ue = () => {
+    Z({ open: !0, top: l.top, left: l.left });
+  }, _e = () => {
     var L;
-    ko(Ss());
-    const e = Bs("formatBlock");
-    e && ht(e.toLowerCase().replace(/[<>]/g, "")), yt(Ds()), Jo(mt());
+    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 && (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);
+    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
-      Pt(!1);
-  }, _ = () => {
+      wt(!1);
+  }, d = () => {
     var t, n, l;
     if (!o.current) return;
     let e = o.current.innerHTML;
-    if ($ && a.trackChanges) {
+    if (q && a.trackChanges) {
       const u = window.getSelection();
       if (u && !u.isCollapsed) {
-        const T = mt();
+        const T = Lt();
         if (T) {
-          const L = dt("delete", T, x);
-          ae([...v, L]), vr(L.id), e = o.current.innerHTML;
+          const L = ft("delete", T, X);
+          ue([...w, L]), yr(L.id), e = o.current.innerHTML;
         }
       }
     }
-    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 (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) {
-        Fe(T), Ie(Qc(T));
+        xe(T), Ae(ns(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
+          const _ = L.getBoundingClientRect(), C = o.current.getBoundingClientRect();
+          sr({
+            top: _.bottom - C.top + 8,
+            left: _.left - C.left
           });
         }
       } else
-        Fe(D), Ie([]);
+        xe(M), Ae([]);
     }
-    Ze ? Mr() : P();
+    Je ? Ur() : U();
   };
-  b(() => {
+  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(Xn);
+      const T = u.closest(Yn);
       if (!T || !e.contains(T)) return;
-      const L = T.closest(ut);
+      const L = T.closest(dt);
       if (!L) return;
-      const d = Wn(l.clientX, T, pn);
-      if (d === null) return;
+      const _ = $n(l.clientX, T, Nn);
+      if (_ === 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), _();
+      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", _e), document.addEventListener("pointerup", fn);
+      document.addEventListener("pointermove", de), document.addEventListener("pointerup", On);
     }, 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);
+      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 d = T.closest(ut);
-      d && Wn(l.clientX, T, pn) !== null && d.classList.add(de);
+      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 Zt = () => {
-    const e = U.suggestion;
+  const tn = () => {
+    const e = v.suggestion;
     if (!e) {
-      P();
+      U();
       return;
     }
-    I(o.current), h(Xs, e), P(), _();
-  }, vr = (e) => {
+    I(o.current), h(Ys, e), U(), d();
+  }, yr = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    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, () => {
+    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);
-    }), Je(t.html));
-  }, R = (e) => {
+    }), tt(t.html));
+  }, b = (e) => {
     if (i || s) return;
     if (I(o.current), e === "clearFormat") {
-      Us(), _();
+      Fs(), d();
       return;
     }
     if (e === "directionLtr" && o.current) {
-      lo(o.current, _i), _();
+      ao(o.current, Ei), d();
       return;
     }
     if (e === "directionRtl" && o.current) {
-      lo(o.current, di), _();
+      ao(o.current, mi), d();
       return;
     }
-    if (e === ge) {
-      A(yn), _();
+    if (e === Re) {
+      A(Wn), d();
       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) => {
+    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;
-    Qt(e === ai ? si : Re);
-  }, ot = () => {
+    nn(e === Ti ? di : be);
+  }, lt = () => {
     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) => {
+    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()) || Ce.current;
-    rt(Jn(e, t || On));
-  }, Jt = async (e) => Bo && At ? At(e) : vs(e), en = async () => {
+    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 l;
       const t = (l = e.files) == null ? void 0 : l[0];
       if (!t) return;
-      const n = await Jt(t);
-      I(o.current), ft(n, t.name), _();
+      const n = await on(t);
+      I(o.current), pt(n, t.name), d();
     }, e.click();
-  }, tn = (e = po, t = Lo) => {
+  }, ln = (e = No, t = Io) => {
     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));
+    const n = xc(e, t);
+    if (q && a.trackChanges) {
+      const l = ft("insert", n, X);
+      ue([...w, l]), A(to(n, l.id));
     } else
       A(n);
-    _();
-  }, nn = () => {
-    const e = oe.current.undo();
+    d();
+  }, cn = () => {
+    const e = re.current.undo();
     if (e === null || !o.current) {
-      h("undo"), _();
+      h("undo"), d();
       return;
     }
-    w(e);
-  }, on = () => {
-    const e = oe.current.redo();
+    K(e);
+  }, sn = () => {
+    const e = re.current.redo();
     if (e === null || !o.current) {
-      h("redo"), _();
+      h("redo"), d();
       return;
     }
-    w(e);
-  }, Gr = (e) => {
+    K(e);
+  }, zr = (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;
+    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 = oo(t.getAttribute(Fn));
-    no(t, e, n.length ? n : be), Q.current = null, _();
-  }, rn = (e) => {
-    const t = Q.current;
+    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 = 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;
+    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(Ki) ?? eo;
-    no(n, l, e, t), qe(!1), _();
-  }, ln = () => {
-    const e = Oe.current;
+    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();
@@ -516,264 +521,264 @@ const mt = () => {
       }
       e.requestFullscreen();
     }
-  }, Vr = () => {
-    const e = Q.current;
+  }, 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);
     }
-    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 = () => {
+    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 = Gn("hl");
-    if (I(o.current), !qc(t)) return;
-    const l = jc(x, e.trim(), t);
-    tt([l, ...se]), nt(!0), _();
-  }, zr = [
+    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: Wl,
-      label: Gl,
-      onSelect: () => Wt(!0)
+      id: $l,
+      label: zl,
+      onSelect: () => zt(!0)
     },
     {
-      id: Yl,
-      label: Vl,
-      onSelect: () => et(!0)
+      id: jl,
+      label: ql,
+      onSelect: () => nt(!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"))
-    },
+  ], x = (e) => {
+    const t = qn();
+    !t || !a.table || e(t) && d();
+  }, Qr = a.table && mr ? [
     {
       id: tc,
       label: ec,
-      onSelect: () => y((e) => zn(e, "before"))
+      onSelect: () => x((e) => jn(e, "before"))
     },
     {
       id: oc,
       label: nc,
-      onSelect: () => y((e) => zn(e, "after"))
+      onSelect: () => x((e) => jn(e, "after"))
     },
     {
       id: lc,
       label: rc,
-      onSelect: () => y((e) => Kc(e))
+      onSelect: () => x((e) => Zn(e, "before"))
     },
     {
       id: cc,
       label: ic,
-      onSelect: () => y((e) => Fc(e))
+      onSelect: () => x((e) => Zn(e, "after"))
     },
     {
       id: ac,
       label: sc,
-      onSelect: () => y((e) => yc(e))
+      onSelect: () => x((e) => Xc(e))
+    },
+    {
+      id: _c,
+      label: uc,
+      onSelect: () => x((e) => Gc(e))
+    },
+    {
+      id: Tc,
+      label: dc,
+      onSelect: () => x((e) => Wc(e))
     }
-  ] : [], qr = [
-    ...a.graph && pr ? [
-      {
-        id: Tl,
-        label: dl,
-        onSelect: () => lt("bar")
-      },
-      {
-        id: fl,
-        label: El,
-        onSelect: () => lt("line")
-      },
+  ] : [], Jr = [
+    ...a.graph && Nr ? [
       {
         id: pl,
         label: ml,
-        onSelect: () => lt("pie")
+        onSelect: () => ct("bar")
       },
       {
         id: Ol,
         label: Ll,
-        onSelect: () => rn("values")
+        onSelect: () => ct("line")
       },
       {
         id: Nl,
         label: Cl,
-        onSelect: () => rn("colors")
+        onSelect: () => ct("pie")
       },
       {
         id: Al,
         label: Il,
-        onSelect: Vr
+        onSelect: () => an("values")
+      },
+      {
+        id: gl,
+        label: hl,
+        onSelect: () => an("colors")
+      },
+      {
+        id: bl,
+        label: Rl,
+        onSelect: qr
       }
     ] : [],
-    ...$r,
+    ...Qr,
     {
-      id: _c,
-      label: uc,
-      onSelect: () => R("bold")
-    },
-    {
-      id: Tc,
-      label: dc,
-      onSelect: () => R("italic")
-    },
-    {
-      id: fc,
-      label: Ec,
-      onSelect: () => R("underline")
+      id: Ec,
+      label: fc,
+      onSelect: () => b("bold")
     },
     {
       id: pc,
       label: mc,
-      onSelect: () => R("strikethrough")
+      onSelect: () => b("italic")
     },
     {
       id: Oc,
       label: Lc,
-      onSelect: () => R("heading2")
+      onSelect: () => b("underline")
     },
     {
       id: Nc,
       label: Cc,
-      onSelect: () => R("bulletList")
+      onSelect: () => b("strikethrough")
     },
     {
       id: Ac,
       label: Ic,
-      onSelect: () => R("orderedList")
+      onSelect: () => b("heading2")
     },
     {
       id: gc,
       label: hc,
-      onSelect: () => ot()
+      onSelect: () => b("bulletList")
     },
     {
       id: bc,
       label: Rc,
-      onSelect: () => R("clearFormat")
+      onSelect: () => b("orderedList")
     },
     {
       id: Bc,
       label: Sc,
-      disabled: !a.findReplace,
-      onSelect: () => Ae(!0)
+      onSelect: () => lt()
     },
     {
       id: Mc,
       label: Dc,
-      disabled: !a.signature,
-      onSelect: () => ye(!0)
+      onSelect: () => b("clearFormat")
     },
     {
       id: kc,
       label: Hc,
+      disabled: !a.findReplace,
+      onSelect: () => he(!0)
+    },
+    {
+      id: Uc,
+      label: Pc,
+      disabled: !a.signature,
+      onSelect: () => Xe(!0)
+    },
+    {
+      id: wc,
+      label: vc,
       disabled: !a.comments,
-      onSelect: () => sn()
+      onSelect: () => dn()
     },
-    ...qt ? [
+    ...Jt ? [
       {
-        id: Xl,
-        label: xl,
-        onSelect: () => et(!1)
+        id: Yl,
+        label: Vl,
+        onSelect: () => nt(!1)
       }
     ] : []
-  ], an = (e) => {
+  ], Tn = (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)
+    const t = jc(o.current.innerHTML, e);
+    K(t), ue(
+      w.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
     );
-  }, un = (e) => {
+  }, fn = (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)
+    const t = qc(o.current.innerHTML, e);
+    K(t), ue(
+      w.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
     );
-  }, _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));
+  }, 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
-      ft(t);
-    _();
-  }, jr = async (e) => {
+      pt(t);
+    d();
+  }, el = async (e) => {
     if (i || s) return;
     const t = e.clipboardData;
     if (!t) return;
-    if (Ho) {
-      const l = os(t);
+    if (vo) {
+      const l = cs(t);
       if (l) {
         e.preventDefault();
-        const T = rs(l);
-        T && (A(T), _());
+        const T = ss(l);
+        T && (A(T), d());
         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);
+        if (Ct && L)
+          for (const _ of Array.from(L)) {
+            if (!_.type.startsWith("image/")) continue;
+            const C = _.getAsFile();
+            C && await En(C);
           }
         return;
       }
-      const u = ls(t);
+      const u = as(t);
       if (u) {
-        e.preventDefault(), A(u.replace(/\n/g, "<br />")), _();
+        e.preventDefault(), A(u.replace(/\n/g, "<br />")), d();
         return;
       }
     }
-    if (!Lt) return;
+    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 u = l.getAsFile();
-        u && await _n(u);
+        u && await En(u);
       }
-  }, Zr = (e) => {
-    R(e);
-  }, Qr = (e) => {
-    if (e.key === ql && U.visible && U.suggestion) {
-      e.preventDefault(), Zt();
+  }, tl = (e) => {
+    b(e);
+  }, nl = (e) => {
+    if (e.key === Jl && v.visible && v.suggestion) {
+      e.preventDefault(), tn();
       return;
     }
-    if (e.key === jl) {
-      P();
+    if (e.key === ei) {
+      U();
       return;
     }
-    if (Ms(e.nativeEvent)) {
-      _();
+    if (Us(e.nativeEvent)) {
+      d();
       return;
     }
-    if (e.key === Zl) {
-      if (U.visible) {
-        e.preventDefault(), P();
+    if (e.key === ti) {
+      if (v.visible) {
+        e.preventDefault(), U();
         return;
       }
-      Ie([]), j((t) => t.open ? { ...t, open: !1 } : t);
+      Ae([]), Z((t) => t.open ? { ...t, open: !1 } : t);
     }
-    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === Ql) {
-      e.preventDefault(), a.ai && (E != null && E.enabled) && re(!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 === Jl && (e.preventDefault(), e.shiftKey ? on() : nn());
-  }, Jr = (e) => {
+    (e.metaKey || e.ctrlKey) && e.key === oi && (e.preventDefault(), e.shiftKey ? sn() : cn());
+  }, ol = (e) => {
     var n;
     I(o.current);
     const t = window.getSelection();
@@ -781,18 +786,18 @@ const mt = () => {
       const u = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
       t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = u);
     }
-    switch (Fe(D), Ie([]), e.insert) {
+    switch (xe(M), Ae([]), e.insert) {
       case "heading1":
-        h("formatBlock", zi);
+        h("formatBlock", Zi);
         break;
       case "heading2":
-        h("formatBlock", Yi);
+        h("formatBlock", ji);
         break;
       case "heading3":
-        h("formatBlock", Vi);
+        h("formatBlock", qi);
         break;
       case "paragraph":
-        h("formatBlock", Wi);
+        h("formatBlock", $i);
         break;
       case "bulletList":
         h("insertUnorderedList");
@@ -801,130 +806,130 @@ const mt = () => {
         h("insertOrderedList");
         break;
       case "checklist":
-        A(yn);
+        A(Wn);
         break;
       case "quote":
-        h("formatBlock", Gi);
+        h("formatBlock", zi);
         break;
       case "code":
-        h("formatBlock", Xi);
+        h("formatBlock", Yi);
         break;
       case "callout":
-        A(xi);
+        A(Vi);
         break;
       case "table":
-        tn();
+        ln();
         return;
       case "image":
-        en();
+        rn();
         return;
       case "ai":
-        re(!0);
+        le(!0);
         break;
       case "titles":
-        A(Jn(ps, Ce.current || On));
+        A(oo(Ns, Ne.current || An));
         break;
       case "excel":
-        A(Ls(Os()));
+        A(Is(As()));
         break;
       case "graph":
-        A(Ns(eo, be));
+        A(gs(ro, Se));
         break;
     }
-    _();
-  }, dn = (e) => {
+    d();
+  }, mn = (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) => {
+    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 = Te((t == null ? void 0 : t.anchorNode) ?? null, o.current), l = o.current.querySelector(`.${Fi}`), u = n ?? (l instanceof HTMLElement ? l : null);
+    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;
     }
-    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);
+    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 n = qn(e.clientY, t);
-    jn(o.current, t, n);
-  }, nl = (e) => {
-    if (!o.current || !K.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, 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) => {
+    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__ */ r("span", { className: Pi }, `divider-${t}`);
+      return /* @__PURE__ */ r("span", { className: Ki }, `divider-${t}`);
     if (e === "headingDropdown")
       return /* @__PURE__ */ r(
-        Se,
+        Be,
         {
           title: "Heading",
-          options: Ui,
-          value: Po || "p",
+          options: Fi,
+          value: Ko || "p",
           disabled: i || s,
-          onChange: Kr
+          onChange: Xr
         },
         "heading"
       );
-    if (e === Cn)
+    if (e === hn)
       return /* @__PURE__ */ r(
-        Se,
+        Be,
         {
-          title: ni,
-          options: ti,
-          value: cr,
+          title: ii,
+          options: li,
+          value: _r,
           disabled: i || s,
-          onChange: Fr
+          onChange: Gr
         },
-        Cn
+        hn
       );
-    if (e === Nn)
+    if (e === gn)
       return /* @__PURE__ */ r(
-        Se,
+        Be,
         {
-          title: li,
-          options: ri,
-          value: ar,
+          title: ai,
+          options: si,
+          value: Tr,
           disabled: i || s,
-          onChange: yr
+          onChange: Wr
         },
-        Nn
+        gn
       );
     if (e === "textColor")
       return /* @__PURE__ */ r(
-        io,
+        uo,
         {
           title: "Text color",
           type: "text",
-          value: Vo,
+          value: qo,
           disabled: i || s,
-          onChange: (d) => {
-            I(o.current), Rs(d), Yo(d), _();
+          onChange: (_) => {
+            I(o.current), Ds(_), jo(_), d();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
       return /* @__PURE__ */ r(
-        io,
+        uo,
         {
           title: "Highlight color",
           type: "highlight",
-          value: zo,
+          value: Zo,
           disabled: i || s,
-          onChange: (d) => {
-            I(o.current), bs(d), $o(d), _();
+          onChange: (_) => {
+            I(o.current), Ms(_), Qo(_), d();
           }
         },
         "highlightColor"
@@ -933,12 +938,12 @@ const mt = () => {
       return /* @__PURE__ */ r(
         N,
         {
-          icon: f.link,
+          icon: E.link,
           title: "Insert link",
           hint: O.link,
           onHint: m,
           disabled: i || s,
-          onClick: ot
+          onClick: lt
         },
         "link"
       );
@@ -948,210 +953,210 @@ const mt = () => {
         {
           hint: O.image,
           onHint: m,
-          icon: f.image,
+          icon: E.image,
           title: "Insert image",
           disabled: i || s,
           onClick: () => {
-            en();
+            rn();
           }
         },
         "image"
       );
-    if (e === ge)
+    if (e === Re)
       return /* @__PURE__ */ r(
         N,
         {
-          icon: f.checklist,
+          icon: E.checklist,
           title: "Checklist",
           hint: O.checklist,
           onHint: m,
           disabled: i || s,
-          onClick: () => R(ge)
+          onClick: () => b(Re)
         },
-        ge
+        Re
       );
     if (e === "table")
       return a.table ? /* @__PURE__ */ r(
-        ca,
+        _a,
         {
-          icon: f.table,
+          icon: E.table,
           disabled: i || s,
-          onSelect: tn
+          onSelect: ln
         },
         "table"
       ) : null;
-    if (e === In)
+    if (e === Rn)
       return a.titles ? /* @__PURE__ */ r(
-        sa,
+        da,
         {
-          icon: f.titles,
+          icon: E.titles,
           disabled: i || s,
-          pluginColor: (l = fe.get("titles")) == null ? void 0 : l.color,
+          pluginColor: (l = me.get("titles")) == null ? void 0 : l.color,
           hint: O.titles,
           onHint: m,
-          onSelect: Xr
+          onSelect: Yr
         },
-        In
+        Rn
       ) : null;
-    if (e === An)
+    if (e === bn)
       return a.excel ? /* @__PURE__ */ r(
-        aa,
+        Ta,
         {
-          icon: f.excel,
+          icon: E.excel,
           disabled: i || s,
-          pluginColor: (u = fe.get("excel")) == null ? void 0 : u.color,
+          pluginColor: (u = me.get("excel")) == null ? void 0 : u.color,
           hint: O.excel,
           onHint: m,
-          onInsert: rt
+          onInsert: it
         },
-        An
+        bn
       ) : null;
-    if (e === hn)
+    if (e === Sn)
       return a.graph ? /* @__PURE__ */ r(
-        ua,
+        fa,
         {
-          icon: f.graph,
+          icon: E.graph,
           disabled: i || s,
-          pluginColor: (T = fe.get("graph")) == null ? void 0 : T.color,
+          pluginColor: (T = me.get("graph")) == null ? void 0 : T.color,
           hint: O.graph,
           onHint: m,
-          onInsert: rt
+          onInsert: it
         },
-        hn
+        Sn
       ) : null;
-    if (e === gn)
+    if (e === Bn)
       return a.theme ? /* @__PURE__ */ r(
-        da,
+        ma,
         {
-          icon: f.theme,
+          icon: E.theme,
           disabled: i,
-          pluginColor: (L = fe.get("theme")) == null ? void 0 : L.color,
+          pluginColor: (L = me.get("theme")) == null ? void 0 : L.color,
           hint: O.theme,
           onHint: m,
-          value: Rr,
-          onChange: (d) => {
-            br(d), As(Oe.current, d);
+          value: Zt,
+          onChange: (_) => {
+            Mr(_), ve == null || ve(_), bs(Ce.current, _);
           }
         },
-        gn
+        Bn
       ) : null;
-    if (e === Rn)
+    if (e === Dn)
       return a.fullscreen ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.fullscreen,
-          title: $t ? Dl : Ml,
+          icon: E.fullscreen,
+          title: Qt ? Pl : Ul,
           hint: O.fullscreen,
           onHint: m,
-          active: $t,
+          active: Qt,
           disabled: i,
-          onClick: ln
+          onClick: un
         },
-        Rn
+        Dn
       ) : null;
-    if (e === bn)
+    if (e === Mn)
       return a.outline ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.outline,
-          title: Hl,
+          icon: E.outline,
+          title: vl,
           hint: O.outline,
           onHint: m,
-          active: $e,
+          active: je,
           disabled: i,
-          onClick: cn
+          onClick: _n
         },
-        bn
+        Mn
       ) : null;
-    if (e === Sn)
+    if (e === Hn)
       return a.htmlSource ? /* @__PURE__ */ r(
         N,
         {
-          className: vn,
-          icon: /* @__PURE__ */ r("span", { className: wn, children: Pl }),
-          title: kl,
+          className: yn,
+          icon: /* @__PURE__ */ r("span", { className: xn, children: Kl }),
+          title: wl,
           hint: O.htmlSource,
           onHint: m,
-          active: ce,
+          active: se,
           disabled: i,
           onClick: () => {
-            var d;
-            if (ce) {
-              s || w(Kt), wt(!1);
+            var _;
+            if (se) {
+              s || K(xt), yt(!1);
               return;
             }
-            Ft(((d = o.current) == null ? void 0 : d.innerHTML) ?? g ?? D), wt(!0);
+            Xt(((_ = o.current) == null ? void 0 : _.innerHTML) ?? g ?? M), yt(!0);
           }
         },
-        Sn
+        Hn
       ) : null;
-    if (e === Bn)
+    if (e === kn)
       return a.signature ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.signature,
+          icon: E.signature,
           title: "Sign pad",
           hint: O.signature,
           onHint: m,
-          active: vt,
+          active: Ft,
           disabled: i || s,
-          onClick: () => ye(!0)
+          onClick: () => Xe(!0)
         },
-        Bn
+        kn
       ) : null;
-    if (e === Dn)
+    if (e === Pn)
       return a.findReplace ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.findReplace,
+          icon: E.findReplace,
           title: "Find and replace",
           hint: O.findReplace,
           onHint: m,
-          active: xe,
+          active: Ge,
           disabled: i || s,
           onClick: () => {
-            xe ? Ae(!1) : Qt(Re);
+            Ge ? he(!1) : nn(be);
           }
         },
-        Dn
+        Pn
       ) : null;
-    if (e === Mn)
+    if (e === Un)
       return a.findReplace ? /* @__PURE__ */ r(
-        Se,
+        Be,
         {
-          title: ci,
-          options: ii,
-          value: ur,
+          title: _i,
+          options: ui,
+          value: fr,
           disabled: i || s,
-          onChange: xr
+          onChange: Vr
         },
-        Mn
+        Un
       ) : null;
-    if (e === Hn)
+    if (e === vn)
       return a.horizontalRule ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.horizontalRule,
+          icon: E.horizontalRule,
           title: "Horizontal rule",
           hint: O.horizontalRule,
           onHint: m,
           disabled: i || s,
           onClick: () => {
-            I(o.current), A("<hr />"), _();
+            I(o.current), A("<hr />"), d();
           }
         },
-        Hn
+        vn
       ) : null;
     if (e === "undo")
       return /* @__PURE__ */ r(
         N,
         {
-          icon: f.undo,
+          icon: E.undo,
           title: "Undo",
           hint: O.undo,
           onHint: m,
           disabled: i || s,
-          onClick: nn
+          onClick: cn
         },
         "undo"
       );
@@ -1159,12 +1164,12 @@ const mt = () => {
       return /* @__PURE__ */ r(
         N,
         {
-          icon: f.redo,
+          icon: E.redo,
           title: "Redo",
           hint: O.redo,
           onHint: m,
           disabled: i || s,
-          onClick: on
+          onClick: sn
         },
         "redo"
       );
@@ -1172,13 +1177,13 @@ const mt = () => {
       return a.trackChanges ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.trackChanges,
+          icon: E.trackChanges,
           title: "Track changes",
           hint: O.trackChanges,
           onHint: m,
-          active: $,
+          active: q,
           disabled: i || s,
-          onClick: () => Pr(!$)
+          onClick: () => Kr(!q)
         },
         "trackChanges"
       ) : null;
@@ -1186,343 +1191,353 @@ const mt = () => {
       return a.comments ? /* @__PURE__ */ r(
         N,
         {
-          icon: f.comments,
+          icon: E.comments,
           title: "Comments",
           hint: O.comments,
           onHint: m,
-          active: ze,
+          active: qe,
           disabled: i || s,
           onClick: () => {
-            ze ? nt(!1) : sn();
+            qe ? rt(!1) : dn();
           }
         },
         "comments"
       ) : null;
     if (e === "code") {
-      const d = at.code;
+      const _ = _t.code;
       return /* @__PURE__ */ r(
         N,
         {
-          className: vn,
-          icon: /* @__PURE__ */ S(sl, { children: [
-            f.code,
-            /* @__PURE__ */ r("span", { className: wn, children: Ul })
+          className: yn,
+          icon: /* @__PURE__ */ B(dl, { children: [
+            E.code,
+            /* @__PURE__ */ r("span", { className: xn, children: Fl })
           ] }),
-          title: d.title,
+          title: _.title,
           hint: O.code,
           onHint: m,
-          active: Ke.has(e),
+          active: ye.has(e),
           disabled: i || s,
-          onClick: () => R(e)
+          onClick: () => b(e)
         },
         "code"
       );
     }
     if (e === "ai") {
-      if (!a.ai || !(E != null && E.enabled)) return null;
-      const d = fe.get("ai");
-      return /* @__PURE__ */ S(
+      if (!a.ai || !(f != null && f.enabled)) return null;
+      const _ = me.get("ai");
+      return /* @__PURE__ */ B(
         "button",
         {
           type: "button",
-          className: d ? `${Kn} ${vi}` : Kn,
-          title: st,
-          style: d ? { "--ink-plugin-color": d.color } : void 0,
-          "aria-label": st,
-          "aria-pressed": Mt,
+          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(D),
+          onMouseLeave: () => m(M),
           onMouseDown: (C) => {
             C.preventDefault();
           },
-          onClick: () => re((C) => !C),
+          onClick: () => le((C) => !C),
           children: [
-            /* @__PURE__ */ r("span", { className: wi, "aria-hidden": "true" }),
-            st
+            /* @__PURE__ */ r("span", { className: xi, "aria-hidden": "true" }),
+            ut
           ]
         },
         "ai"
       );
     }
-    const n = at[e];
+    const n = _t[e];
     return n ? /* @__PURE__ */ r(
       N,
       {
-        icon: f[e] ?? e.slice(0, 1).toUpperCase(),
+        icon: E[e] ?? e.slice(0, 1).toUpperCase(),
         title: n.title,
         hint: O[e],
         onHint: m,
-        active: Ke.has(e),
+        active: ye.has(e),
         disabled: i || s,
-        onClick: () => R(e)
+        onClick: () => b(e)
       },
       e
     ) : null;
-  }, 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(
+  }, 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",
     {
-      ref: Oe,
-      className: Pc($i, uo),
-      "data-testid": _o,
+      ref: Ce,
+      className: Kc(Qi, Eo),
+      "data-testid": mo,
       "data-disabled": i || void 0,
-      "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,
+      "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: [
-        qt ? /* @__PURE__ */ r("div", { className: Ii, children: /* @__PURE__ */ r(
-          gs,
+        Jt ? /* @__PURE__ */ r("div", { className: Ri, children: /* @__PURE__ */ r(
+          Bs,
           {
             type: "button",
-            "aria-label": Fl,
-            onClick: () => et(!1),
-            children: Kl
+            "aria-label": Gl,
+            onClick: () => nt(!1),
+            children: Xl
           }
-        ) }) : /* @__PURE__ */ S(
+        ) }) : /* @__PURE__ */ B(
           "div",
           {
-            className: Ai,
+            className: bi,
             role: "toolbar",
             "aria-label": "Ink formatting toolbar",
-            onContextMenu: Yr,
-            onDoubleClick: ln,
+            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") || D;
+              const n = t.getAttribute("title") || t.getAttribute("aria-label") || M;
               n && m(n);
             },
-            onMouseLeave: () => m(D),
+            onMouseLeave: () => m(M),
             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(
+              /* @__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: Ln,
-                    hint: Ln,
+                    title: In,
+                    hint: In,
                     onHint: m,
-                    active: F.overflowOpen,
+                    active: y.overflowOpen,
                     disabled: i,
-                    onClick: () => F.setOverflowOpen((e) => !e)
+                    onClick: () => y.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
+              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__ */ r(
-          la,
+          aa,
           {
-            open: Er,
-            options: Dr,
-            visibleItems: Z,
-            onToggle: kr,
-            onClose: () => Wt(!1)
+            open: Lr,
+            options: Pr,
+            visibleItems: Q,
+            onToggle: wr,
+            onClose: () => zt(!1)
           }
         ),
         /* @__PURE__ */ r(
-          _a,
+          Ea,
           {
-            open: Or,
-            mode: Cr,
-            points: Ir,
-            colors: hr,
-            onClose: () => qe(!1),
-            onApply: Wr
+            open: Ar,
+            mode: hr,
+            points: Rr,
+            colors: Sr,
+            onClose: () => Ze(!1),
+            onApply: $r
           }
         ),
         /* @__PURE__ */ r(
-          oa,
+          ca,
           {
-            open: vt,
-            onClose: () => ye(!1),
+            open: Ft,
+            onClose: () => Xe(!1),
             onConfirm: (e) => {
-              I(o.current), ft(e), _();
+              I(o.current), pt(e), d();
             }
           }
         ),
         /* @__PURE__ */ r(
-          ra,
+          sa,
           {
-            open: xe,
-            focusField: lr,
-            onClose: () => Ae(!1),
+            open: Ge,
+            focusField: ar,
+            onClose: () => he(!1),
             onReplace: (e, t, n) => {
               if (!o.current) return;
-              const l = ss(o.current.innerHTML, e, t, n);
-              w(l);
+              const l = ds(o.current.innerHTML, e, t, n);
+              K(l);
             }
           }
         ),
-        $ && a.trackChanges ? /* @__PURE__ */ r(
-          na,
+        q && a.trackChanges ? /* @__PURE__ */ r(
+          ia,
           {
-            changes: v,
-            onAccept: an,
-            onReject: un,
-            onAcceptAll: () => v.forEach((e) => an(e.id)),
-            onRejectAll: () => v.forEach((e) => un(e.id))
+            changes: w,
+            onAccept: Tn,
+            onReject: fn,
+            onAcceptAll: () => w.forEach((e) => Tn(e.id)),
+            onRejectAll: () => w.forEach((e) => fn(e.id))
           }
         ) : null,
-        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,
+        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: xo,
-              activeIndex: Xo,
-              onHide: cn,
+              items: Vo,
+              activeIndex: Yo,
+              onHide: _n,
               onSelect: (e) => {
-                o.current && (es(o.current, e), Go(e));
+                o.current && (rs(o.current, e), zo(e));
               }
             }
           ) : null,
-          /* @__PURE__ */ S("div", { className: Di, children: [
+          /* @__PURE__ */ B("div", { className: Pi, children: [
             a.blocks ? /* @__PURE__ */ r(
-              Ws,
+              $s,
               {
-                visible: nr && !i && !s,
-                top: er,
-                onMoveUp: () => dn("up"),
-                onMoveDown: () => dn("down"),
-                onDragStart: el
+                visible: ir && !i && !s,
+                top: rr,
+                onMoveUp: () => mn("up"),
+                onMoveDown: () => mn("down"),
+                onDragStart: rl
               }
             ) : null,
+            R != null && R.collaborators && R.showRemoteCursors !== !1 ? /* @__PURE__ */ r(La, { collaborators: R.collaborators }) : null,
             /* @__PURE__ */ r(
               "div",
               {
                 ref: o,
-                className: ce ? `${Un} ${Mi}` : Un,
-                contentEditable: !i && !s && !ce,
+                className: se ? `${Fn} ${Ui}` : Fn,
+                contentEditable: !i && !s && !se,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": pt,
-                "data-placeholder": pt,
+                "aria-placeholder": Ot,
+                "data-placeholder": Ot,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: Tn, maxHeight: rl },
-                onInput: _,
-                onBlur: wr,
-                onKeyUp: ue,
-                onKeyDown: Qr,
-                onMouseUp: ue,
-                onContextMenu: Gr,
-                onDragOver: tl,
-                onDrop: nl,
-                onDragEnd: ol,
+                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) => {
-                  jr(e);
+                  el(e);
                 }
               }
             ),
-            ce ? /* @__PURE__ */ r(
-              ia,
+            se ? /* @__PURE__ */ r(
+              ua,
               {
-                value: Kt,
-                onChange: Ft,
+                value: xt,
+                onChange: Xt,
                 disabled: i || s,
-                minHeight: Tn
+                minHeight: pn
               }
             ) : null,
-            Yt ? /* @__PURE__ */ r(
-              ea,
+            qt ? /* @__PURE__ */ r(
+              ra,
               {
-                items: or,
-                top: Ut.top,
-                left: Ut.left,
-                query: Wo,
-                onSelect: Jr
+                items: cr,
+                top: Kt.top,
+                left: Kt.left,
+                query: $o,
+                onSelect: ol
               }
             ) : null,
-            Ze ? /* @__PURE__ */ r(
-              ys,
+            Je ? /* @__PURE__ */ r(
+              Ws,
               {
-                suggestion: U.suggestion,
-                position: { top: U.top, left: U.left },
-                visible: U.visible,
-                onAccept: Zt,
-                onDismiss: P
+                suggestion: v.suggestion,
+                position: { top: v.top, left: v.left },
+                visible: v.visible,
+                onAccept: tn,
+                onDismiss: U
               }
             ) : null,
             /* @__PURE__ */ r(
-              zs,
+              Zs,
               {
-                open: Ye.open,
-                top: Ye.top,
-                left: Ye.left,
+                open: $e.open,
+                top: $e.top,
+                left: $e.left,
                 icons: {
-                  bold: f.bold,
-                  italic: f.italic,
-                  underline: f.underline,
-                  code: f.code,
-                  link: f.link,
-                  clearFormat: f.clearFormat
+                  bold: E.bold,
+                  italic: E.italic,
+                  underline: E.underline,
+                  code: E.code,
+                  link: E.link,
+                  clearFormat: E.clearFormat
                 },
-                activeFormats: Ke,
+                activeFormats: ye,
                 disabled: i || s,
-                onFormat: Zr,
-                onLink: ot,
-                onClose: () => j((e) => ({ ...e, open: !1 }))
+                onFormat: tl,
+                onLink: lt,
+                onClose: () => Z((e) => ({ ...e, open: !1 }))
               }
             ),
             /* @__PURE__ */ r(
-              ro,
+              so,
               {
-                open: Xe.open,
-                x: Xe.x,
-                y: Xe.y,
-                items: qr,
-                colorMode: je,
+                open: We.open,
+                x: We.x,
+                y: We.y,
+                items: Jr,
+                colorMode: Qe,
                 onClose: () => {
-                  xt(!1), Ge((e) => ({ ...e, open: !1 }));
+                  Wt(!1), Ve((e) => ({ ...e, open: !1 }));
                 }
               }
             ),
             /* @__PURE__ */ r(
-              ro,
+              so,
               {
-                open: We.open,
-                x: We.x,
-                y: We.y,
-                items: zr,
-                colorMode: je,
-                onClose: () => Ve((e) => ({ ...e, open: !1 }))
+                open: Ye.open,
+                x: Ye.x,
+                y: Ye.y,
+                items: Zr,
+                colorMode: Qe,
+                onClose: () => ze((e) => ({ ...e, open: !1 }))
               }
             )
           ] }),
-          ze && a.comments ? /* @__PURE__ */ r(
-            Ks,
+          qe && a.comments ? /* @__PURE__ */ r(
+            Xs,
             {
-              comments: se,
-              author: x,
-              onClose: () => nt(!1),
+              comments: ae,
+              author: X,
+              onClose: () => rt(!1),
               onResolve: (e) => {
-                const t = se.find((n) => n.id === e);
-                tt(
-                  se.map(
+                const t = ae.find((n) => n.id === e);
+                ot(
+                  ae.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && w($c(o.current.innerHTML, t.highlightId));
+                ), t && o.current && K(Qc(o.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
-                tt(
-                  se.map(
+                ot(
+                  ae.map(
                     (n) => n.id === e ? {
                       ...n,
                       replies: [
                         ...n.replies,
                         {
-                          id: Gn("reply"),
-                          author: x,
+                          id: zn("reply"),
+                          author: X,
                           body: t,
                           timestamp: Date.now()
                         }
@@ -1533,50 +1548,50 @@ const mt = () => {
               }
             }
           ) : null,
-          ll && E ? /* @__PURE__ */ r(
-            Fs,
+          al && f ? /* @__PURE__ */ r(
+            Gs,
             {
-              config: E,
-              documentHtml: ((En = o.current) == null ? void 0 : En.innerHTML) ?? g ?? "",
-              selectionHtml: kt,
-              onBusyChange: Qo,
-              onClose: () => re(!1),
+              config: f,
+              documentHtml: ((Ln = o.current) == null ? void 0 : Ln.innerHTML) ?? g ?? "",
+              selectionHtml: vt,
+              onBusyChange: nr,
+              onClose: () => le(!1),
               onApplyHtml: (e) => {
-                if (I(o.current), kt)
+                if (I(o.current), vt)
                   A(e);
                 else {
-                  w(e);
+                  K(e);
                   return;
                 }
-                _();
+                d();
               }
             }
           ) : null
         ] }),
-        Ot ? /* @__PURE__ */ S("div", { className: Hi, children: [
-          /* @__PURE__ */ S("span", { children: [
-            wo,
+        Nt ? /* @__PURE__ */ B("div", { className: vi, children: [
+          /* @__PURE__ */ B("span", { children: [
+            xo,
             " ",
-            hl,
+            Sl,
             " ",
-            gl,
+            Bl,
             " ",
-            Uo,
-            Ct ? ` / ${Ct}` : "",
+            Fo,
+            It ? ` / ${It}` : "",
             " ",
-            Rl
+            Dl
           ] }),
-          /* @__PURE__ */ S("span", { className: ki, children: [
-            /* @__PURE__ */ S("span", { children: [
-              bl,
+          /* @__PURE__ */ B("span", { className: wi, children: [
+            /* @__PURE__ */ B("span", { children: [
+              Ml,
               " ",
-              Fo,
+              Go,
               ", ",
-              Sl,
+              Hl,
               " ",
-              yo
+              Wo
             ] }),
-            /* @__PURE__ */ r("span", { className: "Ink-Editor__footer-sync", children: Bl })
+            /* @__PURE__ */ r("span", { className: "Ink-Editor__footer-sync", children: kl })
           ] })
         ] }) : null
       ]
@@ -1584,5 +1599,5 @@ const mt = () => {
   );
 };
 export {
-  Pu as InkEditor
+  Xu as InkEditor
 };