@forgedevstack/ink 1.1.5 → 1.1.7

package/dist/components/InkEditor/InkEditor.js

@@ -1,288 +1,300 @@
-import { jsxs as ce, jsx as c } from "react/jsx-runtime";
-import { useRef as S, useState as a, useEffect as I } from "react";
-import { INK_MIN_HEIGHT as bo, INK_DEFAULT_TEXT_COLOR as Ro, INK_DEFAULT_HIGHLIGHT_COLOR as Do, NUMBER_ZERO as _ } from "../../constants/numbers.js";
-import { TOOLBAR_OPTION_FONT_DROPDOWN as Mt, TOOLBAR_OPTION_LIST_DROPDOWN as kt, TOOLBAR_OPTION_SIGNATURE as Ut, TOOLBAR_OPTION_FIND_REPLACE as Ht, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as wt, TOOLBAR_OPTION_HORIZONTAL_RULE as Pt } from "../../constants/toolbar.const.js";
-import { TOOLBAR_SHOW_CONTROL_LABEL as Bo, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as So, AGENT_BAR_PLACEHOLDER as Mo, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as ko, CONTEXT_MENU_ID_SHOW_TOOLBAR as Uo, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as Ho, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as wo, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as Po, TOOLBAR_CONTEXT_MENU_ID_HIDE as yo, TOOLBAR_OPTION_DIVIDER as yt } from "../../constants/toolbarMenu.const.js";
-import { INK_DEFAULT_COLOR_MODE as Fo, COLOR_MODE_SYSTEM as vo } from "../../constants/colorMode.const.js";
-import { KEY_TAB as xo, KEY_ENTER as Xo, KEY_ESCAPE as Ko, KEY_Z as Wo } from "../../constants/keyboard.const.js";
-import { FONT_VALUE_SYSTEM as Vo, INK_FONT_OPTIONS as Go, FONT_DROPDOWN_TITLE as Yo } from "../../constants/fonts.const.js";
-import { LIST_VALUE_BULLET as zo, INK_LIST_OPTIONS as jo, LIST_DROPDOWN_TITLE as $o } from "../../constants/lists.const.js";
-import { FIND_REPLACE_FOCUS_FIND as se, INK_FIND_REPLACE_OPTIONS as qo, FIND_REPLACE_DROPDOWN_TITLE as Zo, FIND_REPLACE_FOCUS_REPLACE as Qo, FIND_REPLACE_VALUE_REPLACE as Jo } from "../../constants/findReplaceMenu.const.js";
-import { BLOCK_DROP_POSITION_BEFORE as er, DIR_LTR as tr, DIR_RTL as nr } from "../../constants/blocks.const.js";
-import { INK_PLACEHOLDER_DEFAULT as or, INK_DEFAULT_TOOLBAR as rr, INK_DEFAULT_VARIANT as lr, INK_DEFAULT_CHROME as ir, INK_DEFAULT_AUTHOR as cr, INK_TABLE_DEFAULT_ROWS as sr, INK_TABLE_DEFAULT_COLS as ar, INK_DEFAULT_FEATURES as ur, INK_CLASS_TOOLBAR_SHOW as dr, INK_CLASS_TOOLBAR as fr, INK_CLASS_SHELL as mr, INK_CLASS_BODY as _r, INK_CLASS_CONTENT as Tr, INK_CLASS_FOOTER as Er, INK_CLASS_DIVIDER as pr, INK_HEADING_OPTIONS as Cr, INK_BUTTON_CONFIG as Ft, INK_CLASS_BLOCK_ACTIVE as Lr, INK_CLASS_ROOT as Or } from "../../constants/defaults.const.js";
-import { INK_AI_DEMO_PROVIDER_ID as Nr } from "../../constants/aiModels.const.js";
+import { jsxs as D, jsx as l, Fragment as qo } from "react/jsx-runtime";
+import { useRef as k, useState as a, useEffect as A } from "react";
+import { INK_MIN_HEIGHT as $o, NUMBER_ZERO as f, NUMBER_ONE as xt, INK_DEFAULT_TEXT_COLOR as Zo, INK_DEFAULT_HIGHLIGHT_COLOR as Qo } from "../../constants/numbers.js";
+import { EMPTY_STRING as ue, INK_FOOTER_WORDS_LABEL as Jo, INK_FOOTER_DOT as er, INK_FOOTER_CHARS_LABEL as tr, INK_FOOTER_LINE_LABEL as nr, INK_FOOTER_COL_LABEL as or, INK_FOOTER_SYNCED_LABEL as rr, INK_CODE_LABEL as lr, INK_AI_PILL_LABEL as Xe } from "../../constants/generals.const.js";
+import { TOOLBAR_OPTION_FONT_DROPDOWN as Xt, TOOLBAR_OPTION_LIST_DROPDOWN as Wt, TOOLBAR_OPTION_CHECKLIST as de, TOOLBAR_OPTION_SIGNATURE as Vt, TOOLBAR_OPTION_FIND_REPLACE as Gt, TOOLBAR_OPTION_FIND_REPLACE_DROPDOWN as Yt, TOOLBAR_OPTION_HORIZONTAL_RULE as zt } from "../../constants/toolbar.const.js";
+import { TOOLBAR_SHOW_CONTROL_LABEL as ir, TOOLBAR_SHOW_CONTROL_ARIA_LABEL as cr, AGENT_BAR_PLACEHOLDER as sr, CONTEXT_MENU_LABEL_SHOW_TOOLBAR as ar, CONTEXT_MENU_ID_SHOW_TOOLBAR as ur, TOOLBAR_CONTEXT_MENU_LABEL_CUSTOMIZE as dr, TOOLBAR_CONTEXT_MENU_ID_CUSTOMIZE as _r, TOOLBAR_CONTEXT_MENU_LABEL_HIDE as fr, TOOLBAR_CONTEXT_MENU_ID_HIDE as mr, TOOLBAR_OPTION_DIVIDER as jt } from "../../constants/toolbarMenu.const.js";
+import { INK_DEFAULT_COLOR_MODE as Tr, COLOR_MODE_SYSTEM as Er } from "../../constants/colorMode.const.js";
+import { KEY_TAB as pr, KEY_ENTER as Or, KEY_ESCAPE as Cr, KEY_K as Lr, KEY_Z as Nr } from "../../constants/keyboard.const.js";
+import { FONT_VALUE_SYSTEM as Ir, INK_FONT_OPTIONS as Ar, FONT_DROPDOWN_TITLE as hr } from "../../constants/fonts.const.js";
+import { LIST_VALUE_BULLET as gr, INK_LIST_OPTIONS as br, LIST_DROPDOWN_TITLE as Rr } from "../../constants/lists.const.js";
+import { FIND_REPLACE_FOCUS_FIND as _e, INK_FIND_REPLACE_OPTIONS as Dr, FIND_REPLACE_DROPDOWN_TITLE as Br, FIND_REPLACE_FOCUS_REPLACE as Sr, FIND_REPLACE_VALUE_REPLACE as Mr } from "../../constants/findReplaceMenu.const.js";
+import { BLOCK_DROP_POSITION_BEFORE as kr, DIR_LTR as Ur, DIR_RTL as Hr } from "../../constants/blocks.const.js";
+import { INK_PLACEHOLDER_DEFAULT as Pr, INK_DEFAULT_VARIANT as wr, INK_DEFAULT_CHROME as yr, INK_DEFAULT_AUTHOR as Fr, INK_TABLE_DEFAULT_ROWS as Kr, INK_TABLE_DEFAULT_COLS as vr, INK_DEFAULT_FEATURES as xr, INK_CHROME_TOOLBAR as Xr, INK_DEFAULT_TOOLBAR as Wr, INK_CLASS_TOOLBAR_SHOW as Vr, INK_CLASS_TOOLBAR as Gr, INK_CLASS_SHELL as Yr, INK_CLASS_BODY as zr, INK_CLASS_CONTENT as jr, INK_CLASS_FOOTER as qr, INK_CLASS_FOOTER_META as $r, INK_VARIANT_DOCUMENT as qt, INK_CLASS_DIVIDER as Zr, INK_HEADING_OPTIONS as Qr, INK_BUTTON_CONFIG as We, INK_CLASS_BUTTON_WIDE as Jr, INK_CLASS_BUTTON_LABEL as el, INK_CLASS_AI_PILL as tl, INK_CLASS_AI_PILL_DOT as nl, INK_CLASS_BLOCK_ACTIVE as ol, INK_CHECKLIST_HTML as $t, INK_CALLOUT_HTML as rl, INK_FORMAT_BLOCK_PRE as ll, INK_FORMAT_BLOCK_QUOTE as il, INK_FORMAT_BLOCK_P as cl, INK_FORMAT_BLOCK_H3 as sl, INK_FORMAT_BLOCK_H2 as al, INK_FORMAT_BLOCK_H1 as ul, INK_CLASS_ROOT as dl } from "../../constants/defaults.const.js";
+import { INK_AI_DEMO_PROVIDER_ID as _l } from "../../constants/aiModels.const.js";
 import "../../constants/openai.const.js";
-import { INK_DEFAULT_ICONS as vt } from "../../constants/defaultIcons.js";
-import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as Ir, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as gr, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as hr, CONTEXT_MENU_ID_TABLE_ROW_BELOW as Ar, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as br, CONTEXT_MENU_ID_TABLE_COL_LEFT as Rr, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as Dr, CONTEXT_MENU_ID_TABLE_COL_RIGHT as Br, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as Sr, CONTEXT_MENU_ID_TABLE_DELETE_ROW as Mr, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as kr, CONTEXT_MENU_ID_TABLE_DELETE_COL as Ur, CONTEXT_MENU_LABEL_BOLD as Hr, CONTEXT_MENU_ID_BOLD as wr, CONTEXT_MENU_LABEL_ITALIC as Pr, CONTEXT_MENU_ID_ITALIC as yr, CONTEXT_MENU_LABEL_UNDERLINE as Fr, CONTEXT_MENU_ID_UNDERLINE as vr, CONTEXT_MENU_LABEL_STRIKE as xr, CONTEXT_MENU_ID_STRIKE as Xr, CONTEXT_MENU_LABEL_HEADING as Kr, CONTEXT_MENU_ID_HEADING as Wr, CONTEXT_MENU_LABEL_BULLET as Vr, CONTEXT_MENU_ID_BULLET as Gr, CONTEXT_MENU_LABEL_ORDERED as Yr, CONTEXT_MENU_ID_ORDERED as zr, CONTEXT_MENU_LABEL_LINK as jr, CONTEXT_MENU_ID_LINK as $r, CONTEXT_MENU_LABEL_CLEAR as qr, CONTEXT_MENU_ID_CLEAR as Zr, CONTEXT_MENU_LABEL_FIND as Qr, CONTEXT_MENU_ID_FIND as Jr, CONTEXT_MENU_LABEL_SIGNATURE as el, CONTEXT_MENU_ID_SIGNATURE as tl, CONTEXT_MENU_LABEL_COMMENT as nl, CONTEXT_MENU_ID_COMMENT as ol } from "../../constants/contextMenu.const.js";
-import { cn as rl } from "../../utils/cn.utils.js";
-import { applyTypoAutoFix as ll } from "../../utils/typo.utils.js";
-import { createInkId as xt } from "../../utils/id.utils.js";
-import { getTableCellFromSelection as Xt, buildTableHtml as il, insertTableRow as Kt, insertTableColumn as Wt, deleteTableRow as cl, deleteTableColumn as sl } from "../../utils/table.utils.js";
-import { getBlockElement as ee, clearBlockDragClasses as Pe, markActiveBlock as Vt, markDraggingBlock as al, moveBlock as ul, resolveDropPosition as Gt, reorderBlockBefore as dl, reorderBlockAfter as fl, markDropTarget as Yt } from "../../utils/blocks.utils.js";
-import { createTrackChange as ye, rejectTrackChangeInHtml as ml, acceptTrackChangeInHtml as _l, wrapInsertHtml as zt, wrapDeleteHtml as Tl } from "../../utils/trackChanges.utils.js";
-import { removeCommentMark as El, wrapSelectionAsComment as pl, createCommentThread as Cl } from "../../utils/comments.utils.js";
-import { InkHistoryStack as Fe } from "../../utils/history.utils.js";
-import { extractSlashQuery as Ll, filterSlashCommands as Ol } from "../../utils/slash.utils.js";
-import { resolveInkPremium as Nl, hasInkPremiumFeature as te, themeTokensToStyle as Il } from "../../utils/premium.utils.js";
-import { extractClipboardHtml as gl, sanitizePastedHtml as hl, extractClipboardText as Al } from "../../utils/paste.utils.js";
-import { readInkMemory as bl, writeInkMemory as Rl } from "../../utils/memory.utils.js";
-import { replaceInHtml as Dl } from "../../utils/findReplace.utils.js";
-import { withPreservedSelection as ve } from "../../utils/selection.utils.js";
-import { readToolbarItems as Bl, readToolbarHidden as Sl, listCustomizableToolbarOptions as Ml, writeToolbarHidden as kl, buildVisibleToolbarItems as Ul, writeToolbarItems as Hl } from "../../utils/toolbarStorage.utils.js";
-import { Button as wl } from "../../common-components/Button/Button.js";
-import { ContextMenu as jt } from "../../common-components/ContextMenu/ContextMenu.js";
-import { insertImage as xe, insertHTML as M, setTextColor as Pl, setHighlightColor as yl, getActiveFormats as Fl, queryCommandValue as vl, detectListType as xl, tryConvertMarkdownListPrefix as Xl, execCommand as L, insertLink as Kl, applyFontFamily as Wl, applyListType as Vl, clearFormatDeep as Gl, setBlockDirection as $t, fileToDataUrl as Yl } from "./helpers/format.utils.js";
-import { inkAi as zl } from "../../plugins/ai/aiPlugin.js";
-import { ToolbarButton as C } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as ae } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as qt } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { CommentsPanel as jl } from "./components/CommentsPanel/CommentsPanel.js";
-import { AiPanel as $l } from "./components/AiPanel/AiPanel.js";
-import { AiAutocomplete as ql } from "./components/AiAutocomplete/AiAutocomplete.js";
-import { AI_AUTOCOMPLETE_DEBOUNCE_MS as Zl, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as Ql } from "./components/AiAutocomplete/AiAutocomplete.const.js";
-import { getTextBeforeCaret as Jl, getCaretPositionInRoot as Zt } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
-import { BlockHandles as ei } from "./components/BlockHandles/BlockHandles.js";
-import { BLOCK_HANDLES_DRAG_MIME as ti, BLOCK_HANDLES_DRAG_PAYLOAD as ni, BLOCK_HANDLES_DRAG_EFFECT_MOVE as Qt } from "./components/BlockHandles/BlockHandles.const.js";
-import { InlineToolbar as oi } from "./components/InlineToolbar/InlineToolbar.js";
-import { INLINE_TOOLBAR_EDGE_PADDING_PX as ri, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as li, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as ii, INLINE_TOOLBAR_GAP_PX as ci } from "./components/InlineToolbar/InlineToolbar.const.js";
-import { selectionIsInsideElement as si, clampInlineToolbarPosition as ai } from "./components/InlineToolbar/InlineToolbar.utils.js";
-import { SlashMenu as ui } from "./components/SlashMenu/SlashMenu.js";
-import { TrackChangesBar as di } from "./components/TrackChangesBar/TrackChangesBar.js";
-import { SignPad as fi } from "./components/SignPad/SignPad.js";
-import { FindReplace as mi } from "./components/FindReplace/FindReplace.js";
-import { ToolbarCustomize as _i } from "./components/ToolbarCustomize/ToolbarCustomize.js";
-const Xe = () => {
-  const g = window.getSelection();
-  if (!g || g.rangeCount === _) return "";
-  const p = g.getRangeAt(_), h = document.createElement("div");
-  return h.appendChild(p.cloneContents()), h.innerHTML;
-}, T = (g) => {
-  g == null || g.focus({ preventScroll: !0 });
-}, Tc = (g) => {
-  var Dt;
+import { INK_DEFAULT_ICONS as Zt } from "../../constants/defaultIcons.js";
+import { CONTEXT_MENU_LABEL_TABLE_ROW_ABOVE as fl, CONTEXT_MENU_ID_TABLE_ROW_ABOVE as ml, CONTEXT_MENU_LABEL_TABLE_ROW_BELOW as Tl, CONTEXT_MENU_ID_TABLE_ROW_BELOW as El, CONTEXT_MENU_LABEL_TABLE_COL_LEFT as pl, CONTEXT_MENU_ID_TABLE_COL_LEFT as Ol, CONTEXT_MENU_LABEL_TABLE_COL_RIGHT as Cl, CONTEXT_MENU_ID_TABLE_COL_RIGHT as Ll, CONTEXT_MENU_LABEL_TABLE_DELETE_ROW as Nl, CONTEXT_MENU_ID_TABLE_DELETE_ROW as Il, CONTEXT_MENU_LABEL_TABLE_DELETE_COL as Al, CONTEXT_MENU_ID_TABLE_DELETE_COL as hl, CONTEXT_MENU_LABEL_BOLD as gl, CONTEXT_MENU_ID_BOLD as bl, CONTEXT_MENU_LABEL_ITALIC as Rl, CONTEXT_MENU_ID_ITALIC as Dl, CONTEXT_MENU_LABEL_UNDERLINE as Bl, CONTEXT_MENU_ID_UNDERLINE as Sl, CONTEXT_MENU_LABEL_STRIKE as Ml, CONTEXT_MENU_ID_STRIKE as kl, CONTEXT_MENU_LABEL_HEADING as Ul, CONTEXT_MENU_ID_HEADING as Hl, CONTEXT_MENU_LABEL_BULLET as Pl, CONTEXT_MENU_ID_BULLET as wl, CONTEXT_MENU_LABEL_ORDERED as yl, CONTEXT_MENU_ID_ORDERED as Fl, CONTEXT_MENU_LABEL_LINK as Kl, CONTEXT_MENU_ID_LINK as vl, CONTEXT_MENU_LABEL_CLEAR as xl, CONTEXT_MENU_ID_CLEAR as Xl, CONTEXT_MENU_LABEL_FIND as Wl, CONTEXT_MENU_ID_FIND as Vl, CONTEXT_MENU_LABEL_SIGNATURE as Gl, CONTEXT_MENU_ID_SIGNATURE as Yl, CONTEXT_MENU_LABEL_COMMENT as zl, CONTEXT_MENU_ID_COMMENT as jl } from "../../constants/contextMenu.const.js";
+import { cn as ql } from "../../utils/cn.utils.js";
+import { applyTypoAutoFix as $l } from "../../utils/typo.utils.js";
+import { createInkId as Qt } from "../../utils/id.utils.js";
+import { getTableCellFromSelection as Jt, buildTableHtml as Zl, insertTableRow as en, insertTableColumn as tn, deleteTableRow as Ql, deleteTableColumn as Jl } from "../../utils/table.utils.js";
+import { getBlockElement as te, clearBlockDragClasses as Ve, markActiveBlock as nn, markDraggingBlock as ei, moveBlock as ti, resolveDropPosition as on, reorderBlockBefore as ni, reorderBlockAfter as oi, markDropTarget as rn } from "../../utils/blocks.utils.js";
+import { createTrackChange as Ge, rejectTrackChangeInHtml as ri, acceptTrackChangeInHtml as li, wrapInsertHtml as ln, wrapDeleteHtml as ii } from "../../utils/trackChanges.utils.js";
+import { removeCommentMark as ci, wrapSelectionAsComment as si, createCommentThread as ai } from "../../utils/comments.utils.js";
+import { InkHistoryStack as Ye } from "../../utils/history.utils.js";
+import { extractSlashQuery as ui, filterSlashCommands as di } from "../../utils/slash.utils.js";
+import { countWords as _i } from "../../utils/words.utils.js";
+import { scrollOutlineHeading as fi, getCaretLineCol as cn, collectOutlineItems as sn } from "../../utils/outline.utils.js";
+import { resolveInkPremium as mi, hasInkPremiumFeature as ne, themeTokensToStyle as Ti } from "../../utils/premium.utils.js";
+import { extractClipboardHtml as Ei, sanitizePastedHtml as pi, extractClipboardText as Oi } from "../../utils/paste.utils.js";
+import { readInkMemory as Ci, writeInkMemory as Li } from "../../utils/memory.utils.js";
+import { replaceInHtml as Ni } from "../../utils/findReplace.utils.js";
+import { withPreservedSelection as ze } from "../../utils/selection.utils.js";
+import { readToolbarItems as Ii, readToolbarHidden as Ai, listCustomizableToolbarOptions as hi, writeToolbarHidden as gi, buildVisibleToolbarItems as bi, writeToolbarItems as Ri } from "../../utils/toolbarStorage.utils.js";
+import { Button as Di } from "../../common-components/Button/Button.js";
+import { ContextMenu as an } from "../../common-components/ContextMenu/ContextMenu.js";
+import { insertImage as je, insertHTML as I, setTextColor as Bi, setHighlightColor as Si, getActiveFormats as Mi, queryCommandValue as ki, detectListType as Ui, tryConvertMarkdownListPrefix as Hi, execCommand as p, insertLink as Pi, applyFontFamily as wi, applyListType as yi, clearFormatDeep as Fi, setBlockDirection as un, fileToDataUrl as Ki } from "./helpers/format.utils.js";
+import { inkAi as vi } from "../../plugins/ai/aiPlugin.js";
+import { ToolbarButton as O } from "./components/ToolbarButton/ToolbarButton.js";
+import { ToolbarDropdown as fe } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as dn } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { CommentsPanel as xi } from "./components/CommentsPanel/CommentsPanel.js";
+import { AiPanel as Xi } from "./components/AiPanel/AiPanel.js";
+import { AiAutocomplete as Wi } from "./components/AiAutocomplete/AiAutocomplete.js";
+import { AI_AUTOCOMPLETE_DEBOUNCE_MS as Vi, AI_AUTOCOMPLETE_COMMAND_INSERT_TEXT as Gi } from "./components/AiAutocomplete/AiAutocomplete.const.js";
+import { getTextBeforeCaret as Yi, getCaretPositionInRoot as _n } from "./components/AiAutocomplete/AiAutocomplete.utils.js";
+import { BlockHandles as zi } from "./components/BlockHandles/BlockHandles.js";
+import { BLOCK_HANDLES_DRAG_MIME as ji, BLOCK_HANDLES_DRAG_PAYLOAD as qi, BLOCK_HANDLES_DRAG_EFFECT_MOVE as fn } from "./components/BlockHandles/BlockHandles.const.js";
+import { InlineToolbar as $i } from "./components/InlineToolbar/InlineToolbar.js";
+import { INLINE_TOOLBAR_EDGE_PADDING_PX as Zi, INLINE_TOOLBAR_ESTIMATED_WIDTH_PX as Qi, INLINE_TOOLBAR_ESTIMATED_HEIGHT_PX as Ji, INLINE_TOOLBAR_GAP_PX as ec } from "./components/InlineToolbar/InlineToolbar.const.js";
+import { selectionIsInsideElement as tc, clampInlineToolbarPosition as nc } from "./components/InlineToolbar/InlineToolbar.utils.js";
+import { SlashMenu as oc } from "./components/SlashMenu/SlashMenu.js";
+import { OutlineRail as rc } from "./components/OutlineRail/OutlineRail.js";
+import { TrackChangesBar as lc } from "./components/TrackChangesBar/TrackChangesBar.js";
+import { SignPad as ic } from "./components/SignPad/SignPad.js";
+import { FindReplace as cc } from "./components/FindReplace/FindReplace.js";
+import { ToolbarCustomize as sc } from "./components/ToolbarCustomize/ToolbarCustomize.js";
+const qe = () => {
+  const h = window.getSelection();
+  if (!h || h.rangeCount === f) return "";
+  const C = h.getRangeAt(f), g = document.createElement("div");
+  return g.appendChild(C.cloneContents()), g.innerHTML;
+}, E = (h) => {
+  h == null || h.focus({ preventScroll: !0 });
+}, fs = (h) => {
+  var Ft;
   const {
-    value: p,
-    defaultValue: h = "",
-    onChange: A,
-    placeholder: Ke = or,
-    disabled: l = !1,
-    readOnly: i = !1,
-    minHeight: ue = bo,
-    maxHeight: de,
-    toolbar: ne = rr,
-    className: Jt = "",
-    testId: en,
-    allowImagePaste: We = !0,
-    showCharCount: Ve = !1,
-    charCountMax: Ge,
-    typoAutoFix: tn = !0,
-    variant: Ye = lr,
-    chrome: nn = ir,
-    colorMode: ze = Fo,
-    features: on,
-    author: w = cr,
-    trackChanges: G,
-    onTrackChangesChange: fe,
-    trackChangesEnabled: oe,
-    onTrackChangesEnabledChange: me,
-    comments: Y,
-    onCommentsChange: _e,
-    showCommentsPanel: z,
-    onShowCommentsPanelChange: Te,
-    ai: f,
-    slashCommands: rn,
-    tableRows: ln = sr,
-    tableCols: cn = ar,
-    premium: sn,
-    theme: an,
-    icons: je,
-    pasteMode: un = "plain",
-    onImageUpload: $e,
-    wysiwyg: dn = !1,
-    keepInMemory: P = !1,
-    memoryKey: y,
-    onToolbarChange: Ee,
-    toolbarHidden: F,
-    onToolbarHiddenChange: pe,
-    style: fn,
-    ...mn
-  } = g, d = { ...ur, ...on }, v = Nl(sn), _n = te(v, "icons"), Tn = te(v, "theme"), En = te(v, "richPaste"), pn = te(v, "imageUpload"), Cn = te(v, "wysiwyg") && dn, m = _n && je ? { ...vt, ...je } : vt, Ln = Tn ? Il(an) : {}, On = En && un === "rich", n = S(null), j = S(new Fe(p ?? h)), x = S(null), k = S(null), [qe, Nn] = a(/* @__PURE__ */ new Set()), [In, Ze] = a("p"), [gn, hn] = a(0), [An, bn] = a(Ro), [Rn, Dn] = a(Do), [X, Qe] = a(oe ?? !1), [Bn, Je] = a(G ?? []), [Sn, et] = a(Y ?? []), [Mn, tt] = a(z ?? !1), [nt, Ce] = a(!!(f != null && f.enabled && f.openOnInit)), [re, kn] = a(!1), ot = S(!1), [R, $] = a({
+    value: C,
+    defaultValue: g = "",
+    onChange: b,
+    placeholder: $e = Pr,
+    disabled: i = !1,
+    readOnly: c = !1,
+    minHeight: me = $o,
+    maxHeight: Te,
+    toolbar: mn,
+    className: Tn = "",
+    testId: En,
+    allowImagePaste: Ze = !0,
+    showCharCount: Qe = !1,
+    charCountMax: Je,
+    typoAutoFix: pn = !0,
+    variant: oe = wr,
+    chrome: On = yr,
+    colorMode: et = Tr,
+    features: Cn,
+    author: w = Fr,
+    trackChanges: Y,
+    onTrackChangesChange: Ee,
+    trackChangesEnabled: re,
+    onTrackChangesEnabledChange: pe,
+    comments: z,
+    onCommentsChange: Oe,
+    showCommentsPanel: j,
+    onShowCommentsPanelChange: Ce,
+    ai: _,
+    slashCommands: Ln,
+    tableRows: Nn = Kr,
+    tableCols: In = vr,
+    premium: An,
+    theme: hn,
+    icons: tt,
+    pasteMode: gn = "plain",
+    onImageUpload: nt,
+    wysiwyg: bn = !1,
+    keepInMemory: y = !1,
+    memoryKey: F,
+    onToolbarChange: Le,
+    toolbarHidden: K,
+    onToolbarHiddenChange: Ne,
+    showOutline: Rn,
+    style: Dn,
+    ...Bn
+  } = h, le = mn ?? (oe === qt ? Xr : Wr), d = { ...xr, ...Cn }, v = mi(An), Sn = ne(v, "icons"), Mn = ne(v, "theme"), kn = ne(v, "richPaste"), Un = ne(v, "imageUpload"), Hn = ne(v, "wysiwyg") && bn, m = Sn && tt ? { ...Zt, ...tt } : Zt, Pn = Mn ? Ti(hn) : {}, wn = kn && gn === "rich", n = k(null), q = k(new Ye(C ?? g)), x = k(null), U = k(null), [Ie, yn] = a(/* @__PURE__ */ new Set()), [Fn, ot] = a("p"), [Kn, vn] = a(f), [xn, Xn] = a(f), [Wn, rt] = a(xt), [Vn, lt] = a(xt), [Gn, it] = a([]), [Yn, zn] = a(f), [jn, Ae] = a(ue), [qn, $n] = a(Zo), [Zn, Qn] = a(Qo), [X, ct] = a(re ?? !1), [Jn, st] = a(Y ?? []), [eo, at] = a(z ?? []), [to, ut] = a(j ?? !1), [dt, ie] = a(!!(_ != null && _.enabled && _.openOnInit)), [ce, no] = a(!1), _t = k(!1), [B, $] = a({
     visible: !1,
     suggestion: "",
-    top: _,
-    left: _
-  }), q = S(null), K = S(_), [rt, Un] = a(""), [Hn, wn] = a(0), [Pn, lt] = a(!1), [yn, le] = a([]), [it, Fn] = a({ top: 0, left: 0 }), [ct, Le] = a(!1), [Oe, ie] = a(!1), [vn, xn] = a(se), [Xn, Kn] = a(Vo), [Wn, st] = a(zo), [Vn, Gn] = a(se), [Ne, Ie] = a({ open: !1, x: _, y: _ }), [Yn, at] = a(!1), [ge, he] = a({
+    top: f,
+    left: f
+  }), Z = k(null), W = k(f), [ft, oo] = a(""), [ro, lo] = a(0), [io, mt] = a(!1), [co, se] = a([]), [Tt, so] = a({ top: 0, left: 0 }), [Et, he] = a(!1), [ge, ae] = a(!1), [ao, uo] = a(_e), [_o, fo] = a(Ir), [mo, pt] = a(gr), [To, Eo] = a(_e), [be, Re] = a({ open: !1, x: f, y: f }), [po, Ot] = a(!1), [De, Be] = a({
     open: !1,
-    x: _,
-    y: _
-  }), [Ae, W] = a({
+    x: f,
+    y: f
+  }), [Se, V] = a({
     open: !1,
-    top: _,
-    left: _
-  }), [be, ut] = a(
-    () => Bl(P, y) ?? ne
-  ), [zn, dt] = a(() => F !== void 0 ? F : Sl(P, y) ?? !1), [jn, ft] = a(!1), mt = S(!0), $n = ne.join(","), D = G ?? Bn, Z = Y ?? Sn, Re = z ?? Mn, _t = rn ?? d.slash, Tt = F ?? zn, Et = ne, qn = Ml(Et), De = ze === vo ? void 0 : ze, Be = !!(d.ai && (f != null && f.enabled) && f.autocomplete !== !1 && !l && !i), Se = () => {
-    q.current !== null && (window.clearTimeout(q.current), q.current = null);
-  }, b = () => {
-    Se(), K.current += 1, $(
-      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: _, left: _ } : e
+    top: f,
+    left: f
+  }), [Me, Ct] = a(
+    () => Ii(y, F) ?? le
+  ), [Oo, Lt] = a(() => K !== void 0 ? K : Ai(y, F) ?? !1), [Co, Nt] = a(!1), It = k(!0), Lo = le.join(","), S = Y ?? Jn, Q = z ?? eo, ke = j ?? to, At = Ln ?? d.slash, Ue = Rn ?? oe === qt, ht = K ?? Oo, gt = le, No = hi(gt), He = et === Er ? void 0 : et, Pe = !!(d.ai && (_ != null && _.enabled) && _.autocomplete !== !1 && !i && !c), we = () => {
+    Z.current !== null && (window.clearTimeout(Z.current), Z.current = null);
+  }, R = () => {
+    we(), W.current += 1, $(
+      (e) => e.visible || e.suggestion ? { visible: !1, suggestion: "", top: f, left: f } : e
     );
-  }, Zn = () => {
-    if (!Be || re || !n.current) {
-      b();
+  }, Io = () => {
+    if (!Pe || ce || !n.current) {
+      R();
       return;
     }
     const e = window.getSelection();
     if (!e || !e.isCollapsed) {
-      b();
+      R();
       return;
     }
-    Se(), $(
+    we(), $(
       (o) => o.visible || o.suggestion ? { ...o, visible: !1, suggestion: "" } : o
     );
-    const t = (f == null ? void 0 : f.providerId) || Nr;
-    q.current = window.setTimeout(() => {
-      if (q.current = null, !n.current || ot.current) return;
+    const t = (_ == null ? void 0 : _.providerId) || _l;
+    Z.current = window.setTimeout(() => {
+      if (Z.current = null, !n.current || _t.current) return;
       const o = window.getSelection();
       if (!o || !o.isCollapsed) return;
-      const r = Jl(n.current), s = Zt(n.current);
+      const r = Yi(n.current), s = _n(n.current);
       if (!r.trim() || !s) return;
-      const E = K.current + 1;
-      K.current = E;
+      const T = W.current + 1;
+      W.current = T;
       const N = n.current.innerHTML;
-      zl.runProvider(t, {
+      vi.runProvider(t, {
         capability: "autocomplete",
         html: N,
         prompt: r,
-        modelId: f == null ? void 0 : f.modelId
-      }).then((H) => {
-        var St;
-        if (E !== K.current) return;
-        const B = ((St = H.text) == null ? void 0 : St.trim()) || "";
-        if (!B) {
+        modelId: _ == null ? void 0 : _.modelId
+      }).then((P) => {
+        var vt;
+        if (T !== W.current) return;
+        const M = ((vt = P.text) == null ? void 0 : vt.trim()) || "";
+        if (!M) {
           $({
             visible: !1,
             suggestion: "",
-            top: _,
-            left: _
+            top: f,
+            left: f
           });
           return;
         }
-        const Bt = n.current && Zt(n.current) || s;
+        const Kt = n.current && _n(n.current) || s;
         $({
           visible: !0,
-          suggestion: B,
-          top: Bt.top,
-          left: Bt.left
+          suggestion: M,
+          top: Kt.top,
+          left: Kt.left
         });
       }).catch(() => {
-        E === K.current && $({
+        T === W.current && $({
           visible: !1,
           suggestion: "",
-          top: _,
-          left: _
+          top: f,
+          left: f
         });
       });
-    }, Zl);
+    }, Vi);
   };
-  I(() => () => {
-    Se(), K.current += 1;
-  }, []), I(() => {
-    ot.current = re, re && b();
-  }, [re]), I(() => {
-    oe !== void 0 && Qe(oe);
-  }, [oe]), I(() => {
-    G && Je(G);
-  }, [G]), I(() => {
-    Y && et(Y);
-  }, [Y]), I(() => {
-    z !== void 0 && tt(z);
-  }, [z]), I(() => {
-    F !== void 0 && dt(F);
-  }, [F]), I(() => {
-    if (mt.current) {
-      mt.current = !1;
+  A(() => () => {
+    we(), W.current += 1;
+  }, []), A(() => {
+    _t.current = ce, ce && R();
+  }, [ce]), A(() => {
+    re !== void 0 && ct(re);
+  }, [re]), A(() => {
+    Y && st(Y);
+  }, [Y]), A(() => {
+    z && at(z);
+  }, [z]), A(() => {
+    j !== void 0 && ut(j);
+  }, [j]), A(() => {
+    K !== void 0 && Lt(K);
+  }, [K]), A(() => {
+    if (It.current) {
+      It.current = !1;
       return;
     }
-    ut(ne);
-  }, [$n]), I(() => {
-    if (!n.current || p === void 0 || p === x.current) return;
-    if (n.current.innerHTML === p) {
-      x.current = p;
+    Ct(le);
+  }, [Lo]), A(() => {
+    if (!n.current || C === void 0 || C === x.current) return;
+    if (n.current.innerHTML === C) {
+      x.current = C;
       return;
     }
     const e = document.activeElement === n.current;
-    ve(e ? n.current : null, () => {
-      n.current && (n.current.innerHTML = p);
-    }), x.current = p;
-  }, [p]), I(() => {
+    ze(e ? n.current : null, () => {
+      n.current && (n.current.innerHTML = C);
+    }), x.current = C;
+  }, [C]), A(() => {
     if (!n.current) return;
-    const e = P ? bl(y) : "";
+    const e = y ? Ci(F) : "";
     if (e) {
-      n.current.innerHTML = e, x.current = e, j.current = new Fe(e), A == null || A(e);
+      n.current.innerHTML = e, x.current = e, q.current = new Ye(e), b == null || b(e);
       return;
     }
-    p === void 0 && h && (n.current.innerHTML = h, x.current = h, j.current = new Fe(h), A == null || A(h));
+    C === void 0 && g && (n.current.innerHTML = g, x.current = g, q.current = new Ye(g), b == null || b(g));
   }, []);
-  const Me = (e) => {
-    var t;
-    j.current.push(e), x.current = e, A == null || A(e), P && Rl(e, y), Ve && n.current && hn(((t = n.current.textContent) == null ? void 0 : t.length) ?? 0);
-  }, U = (e) => {
-    n.current && (ve(n.current, () => {
+  const ye = (e) => {
+    if (q.current.push(e), x.current = e, b == null || b(e), y && Li(e, F), Qe && n.current) {
+      const o = n.current.textContent ?? ue;
+      vn(o.length), Xn(_i(o));
+    }
+    Ue && it(sn(n.current));
+    const t = cn(n.current);
+    rt(t.line), lt(t.col);
+  }, H = (e) => {
+    n.current && (ze(n.current, () => {
       n.current && (n.current.innerHTML = e);
-    }), Me(e));
-  }, ke = (e) => {
-    dt(e), pe == null || pe(e), kl(e, P, y);
-  }, Qn = (e) => {
-    ut(e), Ee == null || Ee(e), Hl(e, P, y);
-  }, Jn = (e, t) => {
-    if (e === yt) return;
+    }), ye(e));
+  }, Fe = (e) => {
+    Lt(e), Ne == null || Ne(e), gi(e, y, F);
+  }, Ao = (e) => {
+    Ct(e), Le == null || Le(e), Ri(e, y, F);
+  }, ho = (e, t) => {
+    if (e === jt) return;
     const o = new Set(
-      be.filter((r) => r !== yt)
+      Me.filter((r) => r !== jt)
     );
-    t ? o.add(e) : o.delete(e), Qn(Ul(Et, o));
-  }, Q = (e) => {
-    Je(e), fe == null || fe(e);
-  }, Ue = (e) => {
-    et(e), _e == null || _e(e);
-  }, He = (e) => {
-    tt(e), Te == null || Te(e);
-  }, eo = (e) => {
-    Qe(e), me == null || me(e);
-  }, to = () => {
-    if (l || i) {
-      W((s) => s.open ? { ...s, open: !1 } : s);
+    t ? o.add(e) : o.delete(e), Ao(bi(gt, o));
+  }, J = (e) => {
+    st(e), Ee == null || Ee(e);
+  }, Ke = (e) => {
+    at(e), Oe == null || Oe(e);
+  }, ve = (e) => {
+    ut(e), Ce == null || Ce(e);
+  }, go = (e) => {
+    ct(e), pe == null || pe(e);
+  }, bo = () => {
+    if (i || c) {
+      V((s) => s.open ? { ...s, open: !1 } : s);
       return;
     }
     const e = window.getSelection();
-    if (!e || e.isCollapsed || e.rangeCount === 0 || !si(e, n.current)) {
-      W((s) => s.open ? { ...s, open: !1 } : s);
+    if (!e || e.isCollapsed || e.rangeCount === 0 || !tc(e, n.current)) {
+      V((s) => s.open ? { ...s, open: !1 } : s);
       return;
     }
     const o = e.getRangeAt(0).getBoundingClientRect();
     if (o.width === 0 && o.height === 0) {
-      W((s) => s.open ? { ...s, open: !1 } : s);
+      V((s) => s.open ? { ...s, open: !1 } : s);
       return;
     }
-    const r = ai({
+    const r = nc({
       selectionRect: o,
-      toolbarWidth: li,
-      toolbarHeight: ii,
+      toolbarWidth: Qi,
+      toolbarHeight: Ji,
       viewport: { width: window.innerWidth, height: window.innerHeight },
-      gap: ci,
-      edgePadding: ri
+      gap: ec,
+      edgePadding: Zi
     });
-    W({ open: !0, top: r.top, left: r.left });
-  }, J = () => {
-    Nn(Fl());
-    const e = vl("formatBlock");
-    if (e && Ze(e.toLowerCase().replace(/[<>]/g, "")), st(xl()), Un(Xe()), to(), !n.current || !d.blocks) return;
-    const t = window.getSelection(), o = (t == null ? void 0 : t.anchorNode) ?? null, r = ee(o, n.current);
-    if (Vt(n.current, r), r) {
-      const s = n.current.getBoundingClientRect(), E = r.getBoundingClientRect();
-      wn(E.top - s.top + n.current.scrollTop), lt(!0);
+    V({ open: !0, top: r.top, left: r.left });
+  }, ee = () => {
+    yn(Mi());
+    const e = ki("formatBlock");
+    e && ot(e.toLowerCase().replace(/[<>]/g, "")), pt(Ui()), oo(qe()), bo();
+    const t = cn(n.current);
+    if (rt(t.line), lt(t.col), Ue && it(sn(n.current)), !n.current || !d.blocks) return;
+    const o = window.getSelection(), r = (o == null ? void 0 : o.anchorNode) ?? null, s = te(r, n.current);
+    if (nn(n.current, s), s) {
+      const T = n.current.getBoundingClientRect(), N = s.getBoundingClientRect();
+      lo(N.top - T.top + n.current.scrollTop), mt(!0);
     } else
-      lt(!1);
+      mt(!1);
   }, u = () => {
     var t, o, r;
     if (!n.current) return;
@@ -290,745 +302,819 @@ const Xe = () => {
     if (X && d.trackChanges) {
       const s = window.getSelection();
       if (s && !s.isCollapsed) {
-        const E = Xe();
-        if (E) {
-          const N = ye("delete", E, w);
-          Q([...D, N]), no(N.id), e = n.current.innerHTML;
+        const T = qe();
+        if (T) {
+          const N = Ge("delete", T, w);
+          J([...S, N]), Ro(N.id), e = n.current.innerHTML;
         }
       }
     }
-    if (Me(e), J(), _t && n.current) {
-      const s = ((o = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : o.textContent) ?? "", E = Ll(s);
-      if (E !== null) {
-        le(Ol(E));
+    if (ye(e), ee(), At && n.current) {
+      const s = ((o = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : o.textContent) ?? "", T = ui(s);
+      if (T !== null) {
+        Ae(T), se(di(T));
         const N = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
         if (N && n.current) {
-          const H = N.getBoundingClientRect(), B = n.current.getBoundingClientRect();
-          Fn({
-            top: H.bottom - B.top + 8,
-            left: H.left - B.left
+          const P = N.getBoundingClientRect(), M = n.current.getBoundingClientRect();
+          so({
+            top: P.bottom - M.top + 8,
+            left: P.left - M.left
           });
         }
       } else
-        le([]);
+        Ae(ue), se([]);
     }
-    Be ? Zn() : b();
-  }, pt = () => {
-    const e = R.suggestion;
+    Pe ? Io() : R();
+  }, bt = () => {
+    const e = B.suggestion;
     if (!e) {
-      b();
+      R();
       return;
     }
-    T(n.current), L(Ql, e), b(), u();
-  }, no = (e) => {
+    E(n.current), p(Gi, e), R(), u();
+  }, Ro = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    const o = Xe();
-    o && M(Tl(o, e));
-  }, oo = () => {
-    if (!n.current || !tn || !d.typoAutoFix || l || i) return;
-    const e = n.current.innerHTML, t = ll(e);
-    t.html !== e && (ve(n.current, () => {
+    const o = qe();
+    o && I(ii(o, e));
+  }, Do = () => {
+    if (!n.current || !pn || !d.typoAutoFix || i || c) return;
+    const e = n.current.innerHTML, t = $l(e);
+    t.html !== e && (ze(n.current, () => {
       n.current && (n.current.innerHTML = t.html);
-    }), Me(t.html));
-  }, O = (e) => {
-    if (l || i) return;
-    if (T(n.current), e === "clearFormat") {
-      Gl(), u();
+    }), ye(t.html));
+  }, L = (e) => {
+    if (i || c) return;
+    if (E(n.current), e === "clearFormat") {
+      Fi(), u();
       return;
     }
     if (e === "directionLtr" && n.current) {
-      $t(n.current, tr), u();
+      un(n.current, Ur), u();
       return;
     }
     if (e === "directionRtl" && n.current) {
-      $t(n.current, nr), u();
+      un(n.current, Hr), u();
       return;
     }
-    if (e === "superscript" || e === "subscript") {
-      L(e), u();
+    if (e === de) {
+      I($t), u();
       return;
     }
-    const t = Ft[e];
-    t && (t.value ? L(t.command, t.value) : L(t.command), u());
-  }, ro = (e) => {
-    l || i || (T(n.current), L("formatBlock", e), Ze(e), u());
-  }, lo = (e) => {
-    l || i || (T(n.current), Wl(e), Kn(e), u());
-  }, io = (e) => {
-    l || i || (T(n.current), Vl(e), st(e), u());
-  }, Ct = (e) => {
-    xn(e), Gn(e), ie(!0);
-  }, co = (e) => {
-    if (l || i) return;
-    Ct(e === Jo ? Qo : se);
-  }, we = () => {
-    if (l || i) return;
+    const t = We[e];
+    t && (t.value ? p(t.command, t.value) : p(t.command), u());
+  }, Bo = (e) => {
+    i || c || (E(n.current), p("formatBlock", e), ot(e), u());
+  }, So = (e) => {
+    i || c || (E(n.current), wi(e), fo(e), u());
+  }, Mo = (e) => {
+    i || c || (E(n.current), yi(e), pt(e), u());
+  }, Rt = (e) => {
+    uo(e), Eo(e), ae(!0);
+  }, ko = (e) => {
+    if (i || c) return;
+    Rt(e === Mr ? Sr : _e);
+  }, xe = () => {
+    if (i || c) return;
     const e = window.prompt("Enter URL:", "https://");
-    e && (T(n.current), Kl(e), u());
-  }, Lt = async (e) => pn && $e ? $e(e) : Yl(e), so = async () => {
-    if (l || i) return;
+    e && (E(n.current), Pi(e), u());
+  }, Dt = async (e) => Un && nt ? nt(e) : Ki(e), Bt = async () => {
+    if (i || c) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async () => {
       var r;
       const t = (r = e.files) == null ? void 0 : r[0];
       if (!t) return;
-      const o = await Lt(t);
-      T(n.current), xe(o, t.name), u();
+      const o = await Dt(t);
+      E(n.current), je(o, t.name), u();
     }, e.click();
-  }, Ot = () => {
-    if (l || i || !d.table) return;
-    T(n.current);
-    const e = il(ln, cn);
+  }, St = () => {
+    if (i || c || !d.table) return;
+    E(n.current);
+    const e = Zl(Nn, In);
     if (X && d.trackChanges) {
-      const t = ye("insert", e, w);
-      Q([...D, t]), M(zt(e, t.id));
+      const t = Ge("insert", e, w);
+      J([...S, t]), I(ln(e, t.id));
     } else
-      M(e);
+      I(e);
     u();
-  }, Nt = () => {
-    const e = j.current.undo();
+  }, Mt = () => {
+    const e = q.current.undo();
     if (e === null || !n.current) {
-      L("undo"), u();
+      p("undo"), u();
       return;
     }
-    U(e);
-  }, It = () => {
-    const e = j.current.redo();
+    H(e);
+  }, kt = () => {
+    const e = q.current.redo();
     if (e === null || !n.current) {
-      L("redo"), u();
+      p("redo"), u();
       return;
     }
-    U(e);
-  }, ao = (e) => {
-    l || i || (e.preventDefault(), he((t) => t.open ? { ...t, open: !1 } : t), at(!!(d.table && Xt())), Ie({ open: !0, x: e.clientX, y: e.clientY }));
-  }, uo = (e) => {
-    l || i || (e.preventDefault(), Ie((t) => t.open ? { ...t, open: !1 } : t), he({ open: !0, x: e.clientX, y: e.clientY }));
-  }, gt = () => {
-    if (l || i || !d.comments) return;
+    H(e);
+  }, Uo = (e) => {
+    i || c || (e.preventDefault(), Be((t) => t.open ? { ...t, open: !1 } : t), Ot(!!(d.table && Jt())), Re({ open: !0, x: e.clientX, y: e.clientY }));
+  }, Ho = (e) => {
+    i || c || (e.preventDefault(), Re((t) => t.open ? { ...t, open: !1 } : t), Be({ open: !0, x: e.clientX, y: e.clientY }));
+  }, Ut = () => {
+    if (i || c || !d.comments) return;
     const e = window.prompt("Comment:");
     if (!(e != null && e.trim())) return;
-    const t = xt("hl");
-    if (T(n.current), !pl(t)) return;
-    const r = Cl(w, e.trim(), t);
-    Ue([r, ...Z]), He(!0), u();
-  }, fo = [
+    const t = Qt("hl");
+    if (E(n.current), !si(t)) return;
+    const r = ai(w, e.trim(), t);
+    Ke([r, ...Q]), ve(!0), u();
+  }, Po = [
     {
-      id: wo,
-      label: Ho,
-      onSelect: () => ft(!0)
+      id: _r,
+      label: dr,
+      onSelect: () => Nt(!0)
     },
     {
-      id: yo,
-      label: Po,
-      onSelect: () => ke(!0)
+      id: mr,
+      label: fr,
+      onSelect: () => Fe(!0)
     }
-  ], V = (e) => {
-    const t = Xt();
+  ], G = (e) => {
+    const t = Jt();
     !t || !d.table || e(t) && u();
-  }, mo = [
-    ...d.table && Yn ? [
+  }, wo = [
+    ...d.table && po ? [
       {
-        id: gr,
-        label: Ir,
-        onSelect: () => V((e) => Kt(e, "before"))
+        id: ml,
+        label: fl,
+        onSelect: () => G((e) => en(e, "before"))
       },
       {
-        id: Ar,
-        label: hr,
-        onSelect: () => V((e) => Kt(e, "after"))
+        id: El,
+        label: Tl,
+        onSelect: () => G((e) => en(e, "after"))
       },
       {
-        id: Rr,
-        label: br,
-        onSelect: () => V((e) => Wt(e, "before"))
+        id: Ol,
+        label: pl,
+        onSelect: () => G((e) => tn(e, "before"))
       },
       {
-        id: Br,
-        label: Dr,
-        onSelect: () => V((e) => Wt(e, "after"))
+        id: Ll,
+        label: Cl,
+        onSelect: () => G((e) => tn(e, "after"))
       },
       {
-        id: Mr,
-        label: Sr,
-        onSelect: () => V((e) => cl(e))
+        id: Il,
+        label: Nl,
+        onSelect: () => G((e) => Ql(e))
       },
       {
-        id: Ur,
-        label: kr,
-        onSelect: () => V((e) => sl(e))
+        id: hl,
+        label: Al,
+        onSelect: () => G((e) => Jl(e))
       }
     ] : [],
     {
-      id: wr,
-      label: Hr,
-      onSelect: () => O("bold")
+      id: bl,
+      label: gl,
+      onSelect: () => L("bold")
     },
     {
-      id: yr,
-      label: Pr,
-      onSelect: () => O("italic")
+      id: Dl,
+      label: Rl,
+      onSelect: () => L("italic")
     },
     {
-      id: vr,
-      label: Fr,
-      onSelect: () => O("underline")
+      id: Sl,
+      label: Bl,
+      onSelect: () => L("underline")
     },
     {
-      id: Xr,
-      label: xr,
-      onSelect: () => O("strikethrough")
+      id: kl,
+      label: Ml,
+      onSelect: () => L("strikethrough")
     },
     {
-      id: Wr,
-      label: Kr,
-      onSelect: () => O("heading2")
+      id: Hl,
+      label: Ul,
+      onSelect: () => L("heading2")
     },
     {
-      id: Gr,
-      label: Vr,
-      onSelect: () => O("bulletList")
+      id: wl,
+      label: Pl,
+      onSelect: () => L("bulletList")
     },
     {
-      id: zr,
-      label: Yr,
-      onSelect: () => O("orderedList")
+      id: Fl,
+      label: yl,
+      onSelect: () => L("orderedList")
     },
     {
-      id: $r,
-      label: jr,
-      onSelect: () => we()
+      id: vl,
+      label: Kl,
+      onSelect: () => xe()
     },
     {
-      id: Zr,
-      label: qr,
-      onSelect: () => O("clearFormat")
+      id: Xl,
+      label: xl,
+      onSelect: () => L("clearFormat")
     },
     {
-      id: Jr,
-      label: Qr,
+      id: Vl,
+      label: Wl,
       disabled: !d.findReplace,
-      onSelect: () => ie(!0)
+      onSelect: () => ae(!0)
     },
     {
-      id: tl,
-      label: el,
+      id: Yl,
+      label: Gl,
       disabled: !d.signature,
-      onSelect: () => Le(!0)
+      onSelect: () => he(!0)
     },
     {
-      id: ol,
-      label: nl,
+      id: jl,
+      label: zl,
       disabled: !d.comments,
-      onSelect: () => gt()
+      onSelect: () => Ut()
     },
-    ...Tt ? [
+    ...ht ? [
       {
-        id: Uo,
-        label: ko,
-        onSelect: () => ke(!1)
+        id: ur,
+        label: ar,
+        onSelect: () => Fe(!1)
       }
     ] : []
-  ], ht = (e) => {
+  ], Ht = (e) => {
     if (!n.current) return;
-    const t = _l(n.current.innerHTML, e);
-    U(t), Q(
-      D.map((o) => o.id === e ? { ...o, accepted: !0 } : o)
+    const t = li(n.current.innerHTML, e);
+    H(t), J(
+      S.map((o) => o.id === e ? { ...o, accepted: !0 } : o)
     );
-  }, At = (e) => {
+  }, Pt = (e) => {
     if (!n.current) return;
-    const t = ml(n.current.innerHTML, e);
-    U(t), Q(
-      D.map((o) => o.id === e ? { ...o, rejected: !0 } : o)
+    const t = ri(n.current.innerHTML, e);
+    H(t), J(
+      S.map((o) => o.id === e ? { ...o, rejected: !0 } : o)
     );
-  }, bt = async (e) => {
-    const t = await Lt(e), o = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
+  }, wt = async (e) => {
+    const t = await Dt(e), o = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
     if (X && d.trackChanges) {
-      const r = ye("insert", o, w);
-      Q([...D, r]), M(zt(o, r.id));
+      const r = Ge("insert", o, w);
+      J([...S, r]), I(ln(o, r.id));
     } else
-      xe(t);
+      je(t);
     u();
-  }, _o = async (e) => {
-    if (l || i) return;
+  }, yo = async (e) => {
+    if (i || c) return;
     const t = e.clipboardData;
     if (!t) return;
-    if (On) {
-      const r = gl(t);
+    if (wn) {
+      const r = Ei(t);
       if (r) {
         e.preventDefault();
-        const E = hl(r);
-        E && (M(E), u());
+        const T = pi(r);
+        T && (I(T), u());
         const N = t.items;
-        if (We && N)
-          for (const H of Array.from(N)) {
-            if (!H.type.startsWith("image/")) continue;
-            const B = H.getAsFile();
-            B && await bt(B);
+        if (Ze && N)
+          for (const P of Array.from(N)) {
+            if (!P.type.startsWith("image/")) continue;
+            const M = P.getAsFile();
+            M && await wt(M);
           }
         return;
       }
-      const s = Al(t);
+      const s = Oi(t);
       if (s) {
-        e.preventDefault(), M(s.replace(/\n/g, "<br />")), u();
+        e.preventDefault(), I(s.replace(/\n/g, "<br />")), u();
         return;
       }
     }
-    if (!We) return;
+    if (!Ze) return;
     const o = t.items;
     if (o)
       for (const r of Array.from(o)) {
         if (!r.type.startsWith("image/")) continue;
         e.preventDefault();
         const s = r.getAsFile();
-        s && await bt(s);
+        s && await wt(s);
       }
-  }, To = (e) => {
-    O(e);
-  }, Eo = (e) => {
-    if (e.key === xo && R.visible && R.suggestion) {
-      e.preventDefault(), pt();
+  }, Fo = (e) => {
+    L(e);
+  }, Ko = (e) => {
+    if (e.key === pr && B.visible && B.suggestion) {
+      e.preventDefault(), bt();
       return;
     }
-    if (e.key === Xo) {
-      b();
+    if (e.key === Or) {
+      R();
       return;
     }
-    if (Xl(e.nativeEvent)) {
+    if (Hi(e.nativeEvent)) {
       u();
       return;
     }
-    if (e.key === Ko) {
-      if (R.visible) {
-        e.preventDefault(), b();
+    if (e.key === Cr) {
+      if (B.visible) {
+        e.preventDefault(), R();
         return;
       }
-      le([]), W((t) => t.open ? { ...t, open: !1 } : t);
+      se([]), V((t) => t.open ? { ...t, open: !1 } : t);
+    }
+    if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === Lr) {
+      e.preventDefault(), d.ai && (_ != null && _.enabled) && ie(!0);
+      return;
     }
-    (e.metaKey || e.ctrlKey) && e.key === Wo && (e.preventDefault(), e.shiftKey ? It() : Nt());
-  }, po = (e) => {
+    (e.metaKey || e.ctrlKey) && e.key === Nr && (e.preventDefault(), e.shiftKey ? kt() : Mt());
+  }, vo = (e) => {
     var o;
-    T(n.current);
+    E(n.current);
     const t = window.getSelection();
     if ((o = t == null ? void 0 : t.anchorNode) != null && o.textContent) {
       const s = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
       t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = s);
     }
-    switch (le([]), e.insert) {
+    switch (Ae(ue), se([]), e.insert) {
       case "heading1":
-        L("formatBlock", "h1");
+        p("formatBlock", ul);
         break;
       case "heading2":
-        L("formatBlock", "h2");
+        p("formatBlock", al);
+        break;
+      case "heading3":
+        p("formatBlock", sl);
+        break;
+      case "paragraph":
+        p("formatBlock", cl);
         break;
       case "bulletList":
-        L("insertUnorderedList");
+        p("insertUnorderedList");
         break;
       case "orderedList":
-        L("insertOrderedList");
+        p("insertOrderedList");
+        break;
+      case "checklist":
+        I($t);
+        break;
+      case "quote":
+        p("formatBlock", il);
+        break;
+      case "code":
+        p("formatBlock", ll);
+        break;
+      case "callout":
+        I(rl);
         break;
       case "table":
-        Ot();
+        St();
+        return;
+      case "image":
+        Bt();
         return;
       case "ai":
-        Ce(!0);
+        ie(!0);
         break;
     }
     u();
-  }, Rt = (e) => {
+  }, yt = (e) => {
     if (!n.current) return;
-    const t = window.getSelection(), o = ee((t == null ? void 0 : t.anchorNode) ?? null, n.current);
-    o && ul(o, e) && (u(), J());
-  }, Co = (e) => {
+    const t = window.getSelection(), o = te((t == null ? void 0 : t.anchorNode) ?? null, n.current);
+    o && ti(o, e) && (u(), ee());
+  }, xo = (e) => {
     if (!n.current) return;
-    const t = window.getSelection(), o = ee((t == null ? void 0 : t.anchorNode) ?? null, n.current), r = n.current.querySelector(`.${Lr}`), s = o ?? (r instanceof HTMLElement ? r : null);
+    const t = window.getSelection(), o = te((t == null ? void 0 : t.anchorNode) ?? null, n.current), r = n.current.querySelector(`.${ol}`), s = o ?? (r instanceof HTMLElement ? r : null);
     if (!s) {
       e.preventDefault();
       return;
     }
-    k.current = s, Pe(n.current), Vt(n.current, s), al(s), e.dataTransfer.setData(ti, ni), e.dataTransfer.effectAllowed = Qt;
-  }, Lo = (e) => {
-    if (!n.current || !k.current) return;
-    e.preventDefault(), e.dataTransfer.dropEffect = Qt;
-    const t = ee(e.target, n.current);
-    if (!t || t === k.current) {
-      Yt(n.current, null, null);
+    U.current = s, Ve(n.current), nn(n.current, s), ei(s), e.dataTransfer.setData(ji, qi), e.dataTransfer.effectAllowed = fn;
+  }, Xo = (e) => {
+    if (!n.current || !U.current) return;
+    e.preventDefault(), e.dataTransfer.dropEffect = fn;
+    const t = te(e.target, n.current);
+    if (!t || t === U.current) {
+      rn(n.current, null, null);
       return;
     }
-    const o = Gt(e.clientY, t);
-    Yt(n.current, t, o);
-  }, Oo = (e) => {
-    if (!n.current || !k.current) return;
+    const o = on(e.clientY, t);
+    rn(n.current, t, o);
+  }, Wo = (e) => {
+    if (!n.current || !U.current) return;
     e.preventDefault();
-    const t = ee(e.target, n.current), o = k.current;
-    t && t !== o && (Gt(e.clientY, t) === er ? dl(o, t) : fl(o, t)) && (u(), J()), Pe(n.current), k.current = null;
-  }, No = () => {
-    n.current && Pe(n.current), k.current = null;
-  }, Io = (e, t) => {
+    const t = te(e.target, n.current), o = U.current;
+    t && t !== o && (on(e.clientY, t) === kr ? ni(o, t) : oi(o, t)) && (u(), ee()), Ve(n.current), U.current = null;
+  }, Vo = () => {
+    n.current && Ve(n.current), U.current = null;
+  }, Go = (e, t) => {
     if (e === "divider")
-      return /* @__PURE__ */ c("span", { className: pr }, `divider-${t}`);
+      return /* @__PURE__ */ l("span", { className: Zr }, `divider-${t}`);
     if (e === "headingDropdown")
-      return /* @__PURE__ */ c(
-        ae,
+      return /* @__PURE__ */ l(
+        fe,
         {
           title: "Heading",
-          options: Cr,
-          value: In || "p",
-          disabled: l || i,
-          onChange: ro
+          options: Qr,
+          value: Fn || "p",
+          disabled: i || c,
+          onChange: Bo
         },
         "heading"
       );
-    if (e === Mt)
-      return /* @__PURE__ */ c(
-        ae,
+    if (e === Xt)
+      return /* @__PURE__ */ l(
+        fe,
         {
-          title: Yo,
-          options: Go,
-          value: Xn,
-          disabled: l || i,
-          onChange: lo
+          title: hr,
+          options: Ar,
+          value: _o,
+          disabled: i || c,
+          onChange: So
         },
-        Mt
+        Xt
       );
-    if (e === kt)
-      return /* @__PURE__ */ c(
-        ae,
+    if (e === Wt)
+      return /* @__PURE__ */ l(
+        fe,
         {
-          title: $o,
-          options: jo,
-          value: Wn,
-          disabled: l || i,
-          onChange: io
+          title: Rr,
+          options: br,
+          value: mo,
+          disabled: i || c,
+          onChange: Mo
         },
-        kt
+        Wt
       );
     if (e === "textColor")
-      return /* @__PURE__ */ c(
-        qt,
+      return /* @__PURE__ */ l(
+        dn,
         {
           title: "Text color",
           type: "text",
-          value: An,
-          disabled: l || i,
+          value: qn,
+          disabled: i || c,
           onChange: (r) => {
-            T(n.current), Pl(r), bn(r), u();
+            E(n.current), Bi(r), $n(r), u();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
-      return /* @__PURE__ */ c(
-        qt,
+      return /* @__PURE__ */ l(
+        dn,
         {
           title: "Highlight color",
           type: "highlight",
-          value: Rn,
-          disabled: l || i,
+          value: Zn,
+          disabled: i || c,
           onChange: (r) => {
-            T(n.current), yl(r), Dn(r), u();
+            E(n.current), Si(r), Qn(r), u();
           }
         },
         "highlightColor"
       );
     if (e === "link")
-      return /* @__PURE__ */ c(
-        C,
+      return /* @__PURE__ */ l(
+        O,
         {
           icon: m.link,
           title: "Insert link",
-          disabled: l || i,
-          onClick: we
+          disabled: i || c,
+          onClick: xe
         },
         "link"
       );
     if (e === "image")
-      return /* @__PURE__ */ c(
-        C,
+      return /* @__PURE__ */ l(
+        O,
         {
           icon: m.image,
           title: "Insert image",
-          disabled: l || i,
+          disabled: i || c,
           onClick: () => {
-            so();
+            Bt();
           }
         },
         "image"
       );
+    if (e === de)
+      return /* @__PURE__ */ l(
+        O,
+        {
+          icon: m.checklist,
+          title: "Checklist",
+          disabled: i || c,
+          onClick: () => L(de)
+        },
+        de
+      );
     if (e === "table")
-      return d.table ? /* @__PURE__ */ c(
-        C,
+      return d.table ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.table,
           title: "Insert table",
-          disabled: l || i,
-          onClick: Ot
+          disabled: i || c,
+          onClick: St
         },
         "table"
       ) : null;
-    if (e === Ut)
-      return d.signature ? /* @__PURE__ */ c(
-        C,
+    if (e === Vt)
+      return d.signature ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.signature,
           title: "Sign pad",
-          active: ct,
-          disabled: l || i,
-          onClick: () => Le(!0)
+          active: Et,
+          disabled: i || c,
+          onClick: () => he(!0)
         },
-        Ut
+        Vt
       ) : null;
-    if (e === Ht)
-      return d.findReplace ? /* @__PURE__ */ c(
-        C,
+    if (e === Gt)
+      return d.findReplace ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.findReplace,
           title: "Find and replace",
-          active: Oe,
-          disabled: l || i,
+          active: ge,
+          disabled: i || c,
           onClick: () => {
-            Oe ? ie(!1) : Ct(se);
+            ge ? ae(!1) : Rt(_e);
           }
         },
-        Ht
+        Gt
       ) : null;
-    if (e === wt)
-      return d.findReplace ? /* @__PURE__ */ c(
-        ae,
+    if (e === Yt)
+      return d.findReplace ? /* @__PURE__ */ l(
+        fe,
         {
-          title: Zo,
-          options: qo,
-          value: Vn,
-          disabled: l || i,
-          onChange: co
+          title: Br,
+          options: Dr,
+          value: To,
+          disabled: i || c,
+          onChange: ko
         },
-        wt
+        Yt
       ) : null;
-    if (e === Pt)
-      return d.horizontalRule ? /* @__PURE__ */ c(
-        C,
+    if (e === zt)
+      return d.horizontalRule ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.horizontalRule,
           title: "Horizontal rule",
-          disabled: l || i,
+          disabled: i || c,
           onClick: () => {
-            T(n.current), M("<hr />"), u();
+            E(n.current), I("<hr />"), u();
           }
         },
-        Pt
+        zt
       ) : null;
     if (e === "undo")
-      return /* @__PURE__ */ c(
-        C,
+      return /* @__PURE__ */ l(
+        O,
         {
           icon: m.undo,
           title: "Undo",
-          disabled: l || i,
-          onClick: Nt
+          disabled: i || c,
+          onClick: Mt
         },
         "undo"
       );
     if (e === "redo")
-      return /* @__PURE__ */ c(
-        C,
+      return /* @__PURE__ */ l(
+        O,
         {
           icon: m.redo,
           title: "Redo",
-          disabled: l || i,
-          onClick: It
+          disabled: i || c,
+          onClick: kt
         },
         "redo"
       );
     if (e === "trackChanges")
-      return d.trackChanges ? /* @__PURE__ */ c(
-        C,
+      return d.trackChanges ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.trackChanges,
           title: "Track changes",
           active: X,
-          disabled: l || i,
-          onClick: () => eo(!X)
+          disabled: i || c,
+          onClick: () => go(!X)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return d.comments ? /* @__PURE__ */ c(
-        C,
+      return d.comments ? /* @__PURE__ */ l(
+        O,
         {
           icon: m.comments,
           title: "Comments",
-          active: Re,
-          disabled: l || i,
+          active: ke,
+          disabled: i || c,
           onClick: () => {
-            Re ? He(!1) : gt();
+            ke ? ve(!1) : Ut();
           }
         },
         "comments"
       ) : null;
+    if (e === "code") {
+      const r = We.code;
+      return /* @__PURE__ */ l(
+        O,
+        {
+          className: Jr,
+          icon: /* @__PURE__ */ D(qo, { children: [
+            m.code,
+            /* @__PURE__ */ l("span", { className: el, children: lr })
+          ] }),
+          title: r.title,
+          active: Ie.has(e),
+          disabled: i || c,
+          onClick: () => L(e)
+        },
+        "code"
+      );
+    }
     if (e === "ai")
-      return !d.ai || !(f != null && f.enabled) ? null : /* @__PURE__ */ c(
-        C,
+      return !d.ai || !(_ != null && _.enabled) ? null : /* @__PURE__ */ D(
+        "button",
         {
-          icon: m.ai,
-          title: "Ink AI",
-          active: nt,
-          disabled: l || i,
-          onClick: () => Ce((r) => !r)
+          type: "button",
+          className: tl,
+          title: Xe,
+          "aria-label": Xe,
+          "aria-pressed": dt,
+          disabled: i || c,
+          onMouseDown: (r) => {
+            r.preventDefault();
+          },
+          onClick: () => ie((r) => !r),
+          children: [
+            /* @__PURE__ */ l("span", { className: nl, "aria-hidden": "true" }),
+            Xe
+          ]
         },
         "ai"
       );
-    const o = Ft[e];
-    return o ? /* @__PURE__ */ c(
-      C,
+    const o = We[e];
+    return o ? /* @__PURE__ */ l(
+      O,
       {
         icon: m[e] ?? e.slice(0, 1).toUpperCase(),
         title: o.title,
-        active: qe.has(e),
-        disabled: l || i,
-        onClick: () => O(e)
+        active: Ie.has(e),
+        disabled: i || c,
+        onClick: () => L(e)
       },
       e
     ) : null;
-  }, go = typeof ue == "number" ? `${ue}px` : ue, ho = typeof de == "number" ? `${de}px` : de, Ao = !!(f != null && f.enabled && nt);
-  return /* @__PURE__ */ ce(
+  }, Yo = typeof me == "number" ? `${me}px` : me, zo = typeof Te == "number" ? `${Te}px` : Te, jo = !!(_ != null && _.enabled && dt);
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: rl(Or, Jt),
-      "data-testid": en,
-      "data-disabled": l || void 0,
-      "data-variant": Ye,
-      "data-chrome": nn,
-      "data-color-mode": De,
+      className: ql(dl, Tn),
+      "data-testid": En,
+      "data-disabled": i || void 0,
+      "data-variant": oe,
+      "data-chrome": On,
+      "data-color-mode": He,
       "data-premium": v.active || void 0,
-      "data-wysiwyg": Cn || void 0,
-      style: { ...Ln, ...fn },
-      ...mn,
+      "data-wysiwyg": Hn || void 0,
+      style: { ...Pn, ...Dn },
+      ...Bn,
       children: [
-        Tt ? /* @__PURE__ */ c("div", { className: dr, children: /* @__PURE__ */ c(
-          wl,
+        ht ? /* @__PURE__ */ l("div", { className: Vr, children: /* @__PURE__ */ l(
+          Di,
           {
             type: "button",
-            "aria-label": So,
-            onClick: () => ke(!1),
-            children: Bo
+            "aria-label": cr,
+            onClick: () => Fe(!1),
+            children: ir
           }
-        ) }) : /* @__PURE__ */ c(
+        ) }) : /* @__PURE__ */ l(
           "div",
           {
-            className: fr,
+            className: Gr,
             role: "toolbar",
             "aria-label": "Ink formatting toolbar",
-            onContextMenu: uo,
-            children: be.map(Io)
+            onContextMenu: Ho,
+            children: Me.map(Go)
           }
         ),
-        /* @__PURE__ */ c(
-          _i,
+        /* @__PURE__ */ l(
+          sc,
           {
-            open: jn,
-            options: qn,
-            visibleItems: be,
-            onToggle: Jn,
-            onClose: () => ft(!1)
+            open: Co,
+            options: No,
+            visibleItems: Me,
+            onToggle: ho,
+            onClose: () => Nt(!1)
           }
         ),
-        /* @__PURE__ */ c(
-          fi,
+        /* @__PURE__ */ l(
+          ic,
           {
-            open: ct,
-            onClose: () => Le(!1),
+            open: Et,
+            onClose: () => he(!1),
             onConfirm: (e) => {
-              T(n.current), xe(e), u();
+              E(n.current), je(e), u();
             }
           }
         ),
-        /* @__PURE__ */ c(
-          mi,
+        /* @__PURE__ */ l(
+          cc,
           {
-            open: Oe,
-            focusField: vn,
-            onClose: () => ie(!1),
+            open: ge,
+            focusField: ao,
+            onClose: () => ae(!1),
             onReplace: (e, t, o) => {
               if (!n.current) return;
-              const r = Dl(n.current.innerHTML, e, t, o);
-              U(r);
+              const r = Ni(n.current.innerHTML, e, t, o);
+              H(r);
             }
           }
         ),
-        X && d.trackChanges ? /* @__PURE__ */ c(
-          di,
+        X && d.trackChanges ? /* @__PURE__ */ l(
+          lc,
           {
-            changes: D,
-            onAccept: ht,
-            onReject: At,
-            onAcceptAll: () => D.forEach((e) => ht(e.id)),
-            onRejectAll: () => D.forEach((e) => At(e.id))
+            changes: S,
+            onAccept: Ht,
+            onReject: Pt,
+            onAcceptAll: () => S.forEach((e) => Ht(e.id)),
+            onRejectAll: () => S.forEach((e) => Pt(e.id))
           }
         ) : null,
-        Ye === "agent" ? /* @__PURE__ */ c("div", { className: "Ink-Editor__agent-bar", role: "status", children: Mo }) : null,
-        /* @__PURE__ */ ce("div", { className: mr, children: [
-          /* @__PURE__ */ ce("div", { className: _r, children: [
-            d.blocks ? /* @__PURE__ */ c(
-              ei,
+        oe === "agent" ? /* @__PURE__ */ l("div", { className: "Ink-Editor__agent-bar", role: "status", children: sr }) : null,
+        /* @__PURE__ */ D("div", { className: Yr, children: [
+          Ue ? /* @__PURE__ */ l(
+            rc,
+            {
+              items: Gn,
+              activeIndex: Yn,
+              onSelect: (e) => {
+                n.current && (fi(n.current, e), zn(e));
+              }
+            }
+          ) : null,
+          /* @__PURE__ */ D("div", { className: zr, children: [
+            d.blocks ? /* @__PURE__ */ l(
+              zi,
               {
-                visible: Pn && !l && !i,
-                top: Hn,
-                onMoveUp: () => Rt("up"),
-                onMoveDown: () => Rt("down"),
-                onDragStart: Co
+                visible: io && !i && !c,
+                top: ro,
+                onMoveUp: () => yt("up"),
+                onMoveDown: () => yt("down"),
+                onDragStart: xo
               }
             ) : null,
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ l(
               "div",
               {
                 ref: n,
-                className: Tr,
-                contentEditable: !l && !i,
+                className: jr,
+                contentEditable: !i && !c,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": Ke,
-                "data-placeholder": Ke,
+                "aria-placeholder": $e,
+                "data-placeholder": $e,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: go, maxHeight: ho },
+                style: { minHeight: Yo, maxHeight: zo },
                 onInput: u,
-                onBlur: oo,
-                onKeyUp: J,
-                onKeyDown: Eo,
-                onMouseUp: J,
-                onContextMenu: ao,
-                onDragOver: Lo,
-                onDrop: Oo,
-                onDragEnd: No,
+                onBlur: Do,
+                onKeyUp: ee,
+                onKeyDown: Ko,
+                onMouseUp: ee,
+                onContextMenu: Uo,
+                onDragOver: Xo,
+                onDrop: Wo,
+                onDragEnd: Vo,
                 onPaste: (e) => {
-                  _o(e);
+                  yo(e);
                 }
               }
             ),
-            _t ? /* @__PURE__ */ c(
-              ui,
+            At ? /* @__PURE__ */ l(
+              oc,
               {
-                items: yn,
-                top: it.top,
-                left: it.left,
-                onSelect: po
+                items: co,
+                top: Tt.top,
+                left: Tt.left,
+                query: jn,
+                onSelect: vo
               }
             ) : null,
-            Be ? /* @__PURE__ */ c(
-              ql,
+            Pe ? /* @__PURE__ */ l(
+              Wi,
               {
-                suggestion: R.suggestion,
-                position: { top: R.top, left: R.left },
-                visible: R.visible,
-                onAccept: pt,
-                onDismiss: b
+                suggestion: B.suggestion,
+                position: { top: B.top, left: B.left },
+                visible: B.visible,
+                onAccept: bt,
+                onDismiss: R
               }
             ) : null,
-            /* @__PURE__ */ c(
-              oi,
+            /* @__PURE__ */ l(
+              $i,
               {
-                open: Ae.open,
-                top: Ae.top,
-                left: Ae.left,
+                open: Se.open,
+                top: Se.top,
+                left: Se.left,
                 icons: {
                   bold: m.bold,
                   italic: m.italic,
@@ -1037,61 +1123,61 @@ const Xe = () => {
                   link: m.link,
                   clearFormat: m.clearFormat
                 },
-                activeFormats: qe,
-                disabled: l || i,
-                onFormat: To,
-                onLink: we,
-                onClose: () => W((e) => ({ ...e, open: !1 }))
+                activeFormats: Ie,
+                disabled: i || c,
+                onFormat: Fo,
+                onLink: xe,
+                onClose: () => V((e) => ({ ...e, open: !1 }))
               }
             ),
-            /* @__PURE__ */ c(
-              jt,
+            /* @__PURE__ */ l(
+              an,
               {
-                open: Ne.open,
-                x: Ne.x,
-                y: Ne.y,
-                items: mo,
-                colorMode: De,
+                open: be.open,
+                x: be.x,
+                y: be.y,
+                items: wo,
+                colorMode: He,
                 onClose: () => {
-                  at(!1), Ie((e) => ({ ...e, open: !1 }));
+                  Ot(!1), Re((e) => ({ ...e, open: !1 }));
                 }
               }
             ),
-            /* @__PURE__ */ c(
-              jt,
+            /* @__PURE__ */ l(
+              an,
               {
-                open: ge.open,
-                x: ge.x,
-                y: ge.y,
-                items: fo,
-                colorMode: De,
-                onClose: () => he((e) => ({ ...e, open: !1 }))
+                open: De.open,
+                x: De.x,
+                y: De.y,
+                items: Po,
+                colorMode: He,
+                onClose: () => Be((e) => ({ ...e, open: !1 }))
               }
             )
           ] }),
-          Re && d.comments ? /* @__PURE__ */ c(
-            jl,
+          ke && d.comments ? /* @__PURE__ */ l(
+            xi,
             {
-              comments: Z,
+              comments: Q,
               author: w,
-              onClose: () => He(!1),
+              onClose: () => ve(!1),
               onResolve: (e) => {
-                const t = Z.find((o) => o.id === e);
-                Ue(
-                  Z.map(
+                const t = Q.find((o) => o.id === e);
+                Ke(
+                  Q.map(
                     (o) => o.id === e ? { ...o, resolved: !0 } : o
                   )
-                ), t && n.current && U(El(n.current.innerHTML, t.highlightId));
+                ), t && n.current && H(ci(n.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
-                Ue(
-                  Z.map(
+                Ke(
+                  Q.map(
                     (o) => o.id === e ? {
                       ...o,
                       replies: [
                         ...o.replies,
                         {
-                          id: xt("reply"),
+                          id: Qt("reply"),
                           author: w,
                           body: t,
                           timestamp: Date.now()
@@ -1103,19 +1189,19 @@ const Xe = () => {
               }
             }
           ) : null,
-          Ao && f ? /* @__PURE__ */ c(
-            $l,
+          jo && _ ? /* @__PURE__ */ l(
+            Xi,
             {
-              config: f,
-              documentHtml: ((Dt = n.current) == null ? void 0 : Dt.innerHTML) ?? p ?? "",
-              selectionHtml: rt,
-              onBusyChange: kn,
-              onClose: () => Ce(!1),
+              config: _,
+              documentHtml: ((Ft = n.current) == null ? void 0 : Ft.innerHTML) ?? C ?? "",
+              selectionHtml: ft,
+              onBusyChange: no,
+              onClose: () => ie(!1),
               onApplyHtml: (e) => {
-                if (T(n.current), rt)
-                  M(e);
+                if (E(n.current), ft)
+                  I(e);
                 else {
-                  U(e);
+                  H(e);
                   return;
                 }
                 u();
@@ -1123,14 +1209,36 @@ const Xe = () => {
             }
           ) : null
         ] }),
-        Ve ? /* @__PURE__ */ ce("div", { className: Er, children: [
-          gn,
-          Ge ? ` / ${Ge}` : ""
+        Qe ? /* @__PURE__ */ D("div", { className: qr, children: [
+          /* @__PURE__ */ D("span", { children: [
+            xn,
+            " ",
+            Jo,
+            " ",
+            er,
+            " ",
+            Kn,
+            Je ? ` / ${Je}` : "",
+            " ",
+            tr
+          ] }),
+          /* @__PURE__ */ D("span", { className: $r, children: [
+            /* @__PURE__ */ D("span", { children: [
+              nr,
+              " ",
+              Wn,
+              ", ",
+              or,
+              " ",
+              Vn
+            ] }),
+            /* @__PURE__ */ l("span", { className: "Ink-Editor__footer-sync", children: rr })
+          ] })
         ] }) : null
       ]
     }
   );
 };
 export {
-  Tc as InkEditor
+  fs as InkEditor
 };