@kodaeditor/core 1.0.1 → 1.0.3

package/dist/styles.d.ts

@@ -1,8 +0,0 @@
-/**
- * Стили KodaEditor как строка (инлайнятся в компонент — без внешних запросов,
- * что удобно для строгой CSP и self-hosted поставки).
- *
- * Дизайн-токены через CSS-переменные, чтобы клиент мог переопределить тему
- * одной строкой, не трогая внутренности.
- */
-export declare const editorStyles = "\n:host {\n  display: block;\n}\n.euz {\n  --koda-bg: #ffffff;\n  --koda-fg: #1a1a1f;\n  --koda-muted: #6b7280;\n  --koda-border: #e4e4e7;\n  --koda-accent: #2f5bff;\n  --koda-accent-soft: #eef2ff;\n  --koda-toolbar-bg: #fafafa;\n  --koda-radius: 10px;\n  --koda-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border: 1px solid var(--koda-border);\n  border-radius: var(--koda-radius);\n  background: var(--koda-bg);\n  color: var(--koda-fg);\n  font-family: var(--koda-font);\n  /* \u042F\u0432\u043D\u044B\u0435 font-size/line-height \u043D\u0430 \u043A\u043E\u0440\u043D\u0435: \u044D\u0442\u043E \u041D\u0410\u0421\u041B\u0415\u0414\u0423\u0415\u041C\u042B\u0415 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430, \u043E\u043D\u0438 \u043F\u0440\u043E\u0445\u043E\u0434\u044F\u0442\n     \u0441\u043A\u0432\u043E\u0437\u044C \u0433\u0440\u0430\u043D\u0438\u0446\u0443 Shadow DOM \u043E\u0442 \u0445\u043E\u0441\u0442\u0430. \u0411\u0435\u0437 \u043D\u0438\u0445 \u0447\u0443\u0436\u043E\u0439 body{font-size:Npx!important}\n     \u0441\u0434\u0432\u0438\u0433\u0430\u043B \u0431\u044B \u0431\u0430\u0437\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u043C\u0435\u0440 \u0442\u0443\u043B\u0431\u0430\u0440\u0430/\u043C\u0435\u043D\u044E. .koda-content \u043F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0435\u0442 \u043D\u0430 15px. */\n  font-size: 14px;\n  line-height: 1.45;\n  overflow: hidden;\n}\n\n.koda-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 2px;\n  padding: 6px 8px;\n  background: var(--koda-toolbar-bg);\n  border-bottom: 1px solid var(--koda-border);\n  flex-shrink: 0;\n}\n\n.koda-btn {\n  appearance: none;\n  border: 1px solid transparent;\n  background: transparent;\n  color: var(--koda-fg);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 34px;\n  height: 34px;\n  padding: 0 8px;\n  border-radius: 7px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  cursor: pointer;\n  transition: background 120ms ease, color 120ms ease, border-color 120ms ease;\n}\n.koda-btn svg { width: 18px; height: 18px; display: block; }\n/* \u0421\u0430\u043C\u043E\u043E\u0447\u0435\u0432\u0438\u0434\u043D\u044B\u0435 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0435 \u043A\u043D\u043E\u043F\u043A\u0438: B \u0436\u0438\u0440\u043D\u0430\u044F, I \u043A\u0443\u0440\u0441\u0438\u0432, U \u043F\u043E\u0434\u0447\u0451\u0440\u043A\u043D\u0443\u0442\u0430, S \u0437\u0430\u0447\u0451\u0440\u043A\u043D\u0443\u0442\u0430. */\n.koda-btn[data-tb=\"bold\"] { font-weight: 800; }\n.koda-btn[data-tb=\"italic\"] { font-style: italic; font-family: Georgia, \"Times New Roman\", serif; }\n.koda-btn[data-tb=\"underline\"] { text-decoration: underline; text-underline-offset: 2px; }\n.koda-btn[data-tb=\"strike\"] { text-decoration: line-through; }\n/* \u0412\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438 \u043F\u0430\u043D\u0435\u043B\u0438 (\u0441\u0442\u0438\u043B\u044C/\u0448\u0440\u0438\u0444\u0442/\u0440\u0430\u0437\u043C\u0435\u0440) */\n.koda-select {\n  appearance: none;\n  -webkit-appearance: none;\n  border: 1px solid transparent;\n  background-color: transparent;\n  color: var(--koda-fg);\n  height: 34px;\n  min-width: 62px;\n  max-width: 170px;\n  padding: 0 26px 0 9px;\n  border-radius: 7px;\n  font: 600 13px var(--koda-font);\n  cursor: pointer;\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: right 7px center;\n  background-size: 12px;\n  transition: background-color 120ms ease, border-color 120ms ease;\n}\n.koda-select:hover { background-color: #efefef; }\n.koda-select:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: 1px; }\n.koda-btn:hover { background: #efefef; }\n.koda-btn:active { transform: translateY(0.5px); }\n.koda-btn:focus-visible {\n  outline: 2px solid var(--koda-accent);\n  outline-offset: 1px;\n}\n.koda-btn[aria-pressed=\"true\"] {\n  /* \u041A\u043E\u043D\u0442\u0440\u0430\u0441\u0442 \u22654.5:1 (#1a3bbf \u043D\u0430 #e4e9ff \u2248 5.4:1) \u2014 WCAG 1.4.3 */\n  background: #e4e9ff;\n  color: #1a3bbf;\n  border-color: #c4ceff;\n}\n.koda-sep {\n  width: 1px;\n  height: 18px;\n  margin: 0 4px;\n  background: var(--koda-border);\n}\n\n.koda-content {\n  position: relative;\n  font-size: 15px;\n  line-height: 1.6;\n  /* \u0410\u0434\u0430\u043F\u0442\u0438\u0432\u043D\u0430\u044F \u0432\u044B\u0441\u043E\u0442\u0430 (\u0434\u0435\u0444\u043E\u043B\u0442): \u0440\u0430\u0441\u0442\u0451\u0442 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C \u0434\u043E \u0434\u043E\u043B\u0438 \u044D\u043A\u0440\u0430\u043D\u0430, \u0434\u0430\u043B\u044C\u0448\u0435 \u2014\n     \u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0439 \u0441\u043A\u0440\u043E\u043B\u043B. min(A4, 80vh): \u043D\u0430 \u0432\u044B\u0441\u043E\u043A\u043E\u043C \u044D\u043A\u0440\u0430\u043D\u0435 \u0443\u043F\u0438\u0440\u0430\u0435\u0442\u0441\u044F \u0432 \u043B\u0438\u0441\u0442 A4\n     (1123px), \u043D\u0430 \u043D\u0438\u0437\u043A\u043E\u043C \u2014 \u0432 80% \u0432\u044B\u0441\u043E\u0442\u044B \u043E\u043A\u043D\u0430, \u043F\u043E\u044D\u0442\u043E\u043C\u0443 \u0440\u0435\u0434\u0430\u043A\u0442\u043E\u0440 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u043D\u0430 \u043B\u044E\u0431\u043E\u043C\n     \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435 \u0438 \u0442\u0443\u043B\u0431\u0430\u0440 \u0432\u0441\u0435\u0433\u0434\u0430 \u0432\u0438\u0434\u0435\u043D. \u041F\u0435\u0440\u0435\u043E\u043F\u0440\u0435\u0434\u0435\u043B\u044F\u0435\u0442\u0441\u044F \u0447\u0435\u0440\u0435\u0437 --koda-max-height\n     (\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 none = autogrow; \u043A\u043E\u043D\u043A\u0440\u0435\u0442\u043D\u0430\u044F \u0432\u044B\u0441\u043E\u0442\u0430 = \u0444\u0438\u043A\u0441\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0440\u0435\u0436\u0438\u043C). */\n  overflow-y: auto;\n  max-height: var(--koda-max-height, min(1123px, 80vh));\n  /* \u00AB\u0421\u0442\u043E\u043B\u00BB \u043F\u043E\u0434 \u043B\u0438\u0441\u0442\u043E\u043C */\n  background: #eceef1;\n  padding: 18px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n/* \u041B\u0438\u0441\u0442 A4: \u0448\u0438\u0440\u0438\u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B, \u043F\u043E\u043B\u044F, \u0442\u0435\u043D\u044C; \u0441\u0442\u0430\u0440\u0442\u0443\u0435\u0442 \u043D\u0435\u0431\u043E\u043B\u044C\u0448\u0438\u043C, \u0440\u0430\u0441\u0442\u0451\u0442 \u043F\u043E \u0442\u0435\u043A\u0441\u0442\u0443. */\n.koda-content .ProseMirror {\n  width: min(794px, 100%);\n  box-sizing: border-box;\n  /* \u0425\u043E\u043B\u0441\u0442-\u00AB\u043B\u0438\u0441\u0442\u00BB \u0437\u0430\u043C\u0435\u0442\u043D\u043E \u043A\u0440\u0443\u043F\u043D\u0435\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0438 \u0430\u0434\u0430\u043F\u0442\u0438\u0432\u0435\u043D: \u0440\u0430\u0441\u0442\u0451\u0442 \u0441 \u0432\u044B\u0441\u043E\u0442\u043E\u0439\n     \u043E\u043A\u043D\u0430 (52vh), \u043D\u043E \u0432 \u0440\u0430\u0437\u0443\u043C\u043D\u044B\u0445 \u0433\u0440\u0430\u043D\u0438\u0446\u0430\u0445 320\u2013640px. \u0411\u043E\u043B\u044C\u0448\u0435 \u043C\u0435\u0441\u0442\u0430 \u0434\u043B\u044F \u0442\u0435\u043A\u0441\u0442\u0430 \u0438\n     \u0447\u0442\u043E\u0431\u044B \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438/\u0434\u0438\u0430\u043B\u043E\u0433\u0438 \u043E\u0449\u0443\u0449\u0430\u043B\u0438\u0441\u044C \u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043D\u043D\u043E. */\n  min-height: clamp(320px, 52vh, 640px);\n  /* \u0412 flex-\u043A\u043E\u043B\u043E\u043D\u043A\u0435 \u043B\u0438\u0441\u0442 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E (flex-shrink:1) \u0443\u0436\u0438\u043C\u0430\u043B\u0441\u044F \u043F\u043E\u0434 \u0432\u044B\u0441\u043E\u0442\u0443\n     \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430, \u0438 \u043A\u043E\u043D\u0442\u0435\u043D\u0442 \u0432\u044B\u043B\u0435\u0437\u0430\u043B \u0437\u0430 \u0431\u0435\u043B\u043E\u0435 \u043F\u043E\u043B\u0435. flex-shrink:0 \u2014 \u043B\u0438\u0441\u0442 \u0440\u0430\u0441\u0442\u0451\u0442\n     \u043F\u043E \u0441\u043E\u0434\u0435\u0440\u0436\u0438\u043C\u043E\u043C\u0443, \u0430 \u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0439 \u0441\u043A\u0440\u043E\u043B\u043B \u0431\u0435\u0440\u0451\u0442 \u043D\u0430 \u0441\u0435\u0431\u044F \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 (.koda-content). */\n  flex-shrink: 0;\n  background: #fff;\n  padding: 48px 56px;\n  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);\n  border-radius: 2px;\n}\n/* \u041A\u0430\u0440\u0442\u0438\u043D\u043A\u0438 \u043D\u0435 \u0432\u044B\u043B\u0435\u0437\u0430\u044E\u0442 \u0437\u0430 \u043B\u0438\u0441\u0442 */\n.koda-content .ProseMirror img {\n  max-width: 100%;\n  height: auto;\n}\n\n/* \u0413\u0430\u0441\u0438\u043C \u0434\u0435\u0444\u043E\u043B\u0442\u043D\u044B\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043D\u044B\u0439 outline \u043D\u0430 \u0441\u0430\u043C\u043E\u043C ProseMirror, \u043D\u043E \u0440\u0438\u0441\u0443\u0435\u043C\n   \u0432\u0438\u0434\u0438\u043C\u043E\u0435 \u0444\u043E\u043A\u0443\u0441-\u043A\u043E\u043B\u044C\u0446\u043E \u043D\u0430 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0435 \u2014 WCAG 2.4.7 / 2.4.11 */\n.koda-content .ProseMirror { outline: none; }\n.koda-content .ProseMirror:focus { outline: none; }\n.koda-content:focus-within {\n  outline: 2px solid var(--koda-accent);\n  outline-offset: -2px;\n  border-radius: 4px;\n}\n\n/* \u0412\u0438\u0437\u0443\u0430\u043B\u044C\u043D\u043E \u0441\u043A\u0440\u044B\u0442\u044B\u0439 \u0442\u0435\u043A\u0441\u0442 \u0434\u043B\u044F \u0441\u043A\u0440\u0438\u043D\u0440\u0438\u0434\u0435\u0440\u043E\u0432 */\n.koda-sr-only {\n  position: absolute;\n  width: 1px; height: 1px;\n  padding: 0; margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n.koda-content .ProseMirror p { margin: 0 0 0.7em; }\n.koda-content .ProseMirror h1 { font-size: 1.8em; line-height: 1.2; margin: 0.4em 0 0.3em; }\n.koda-content .ProseMirror h2 { font-size: 1.45em; line-height: 1.25; margin: 0.4em 0 0.3em; }\n.koda-content .ProseMirror h3 { font-size: 1.2em; margin: 0.4em 0 0.3em; }\n.koda-content .ProseMirror blockquote {\n  margin: 0.6em 0;\n  padding: 0.2em 0 0.2em 1em;\n  border-left: 3px solid var(--koda-accent);\n  color: var(--koda-muted);\n}\n.koda-content .ProseMirror pre {\n  background: #0f172a;\n  color: #e2e8f0;\n  padding: 12px 14px;\n  border-radius: 8px;\n  overflow-x: auto;\n  font-size: 13px;\n}\n.koda-content .ProseMirror code {\n  background: #f1f5f9;\n  padding: 1px 5px;\n  border-radius: 4px;\n  font-size: 0.9em;\n}\n.koda-content .ProseMirror pre code { background: transparent; padding: 0; }\n.koda-content .ProseMirror ul,\n.koda-content .ProseMirror ol { padding-left: 1.4em; margin: 0.4em 0; }\n.koda-content .ProseMirror a { color: var(--koda-accent); }\n.koda-content .ProseMirror img { max-width: 100%; height: auto; border-radius: 4px; }\n.koda-content .ProseMirror img.ProseMirror-selectednode { outline: 2px solid var(--koda-accent); }\n\n/* \u0422\u0430\u0431\u043B\u0438\u0446\u044B */\n.koda-content .tableWrapper { overflow-x: auto; margin: 0.6em 0; }\n.koda-content .ProseMirror table {\n  border-collapse: collapse;\n  table-layout: fixed;\n  /* \u0428\u0438\u0440\u0438\u043D\u0443 \u0434\u0435\u0440\u0436\u0438\u0442 ResponsiveTableView (width:100% + colgroup \u0432 %) \u2014 \u0442\u0430\u0431\u043B\u0438\u0446\u0430\n     \u0440\u0435\u0437\u0438\u043D\u043E\u0432\u0430\u044F \u043D\u0430 \u0448\u0438\u0440\u0438\u043D\u0443 \u043B\u0438\u0441\u0442\u0430, \u043F\u0440\u043E\u043F\u043E\u0440\u0446\u0438\u0438 \u043A\u043E\u043B\u043E\u043D\u043E\u043A \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u044B. */\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n}\n.koda-content .ProseMirror td,\n.koda-content .ProseMirror th {\n  border: 1px solid var(--koda-border);\n  padding: 6px 9px;\n  vertical-align: top;\n  position: relative;\n  min-width: 2em;\n}\n.koda-content .ProseMirror th {\n  background: #f4f4f5;\n  font-weight: 600;\n  text-align: left;\n}\n.koda-content .ProseMirror td > *,\n.koda-content .ProseMirror th > * { margin-bottom: 0; }\n.koda-content .ProseMirror .selectedCell::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(47, 91, 255, 0.12);\n  pointer-events: none;\n}\n.koda-content .ProseMirror .column-resize-handle {\n  position: absolute;\n  right: -3px;\n  top: 0;\n  bottom: 0;\n  width: 6px;\n  background: var(--koda-accent);\n  opacity: 0.7;\n  border-radius: 3px;\n  pointer-events: none;\n  z-index: 15;\n}\n.koda-content .ProseMirror.resize-cursor { cursor: col-resize; }\n/* \u041F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430: \u043F\u0440\u0438 \u043D\u0430\u0432\u0435\u0434\u0435\u043D\u0438\u0438 \u043D\u0430 \u0442\u0430\u0431\u043B\u0438\u0446\u0443 \u043F\u0440\u0430\u0432\u044B\u0435 \u0433\u0440\u0430\u043D\u0438\u0446\u044B \u044F\u0447\u0435\u0435\u043A \u0447\u0443\u0442\u044C \u043F\u043E\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u044E\u0442\u0441\u044F */\n.koda-content .ProseMirror table:hover td,\n.koda-content .ProseMirror table:hover th { transition: border-color 120ms ease; }\n\n/* \u041F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440: \u043A\u043B\u0430\u0441\u0441 is-empty + data-placeholder \u0432\u0435\u0448\u0430\u0435\u0442 \u043F\u043B\u0430\u0433\u0438\u043D \u0434\u0435\u043A\u043E\u0440\u0430\u0446\u0438\u0439\n   \u043D\u0430 \u043F\u0443\u0441\u0442\u043E\u0439 \u043F\u0435\u0440\u0432\u044B\u0439 \u0431\u043B\u043E\u043A (\u0441\u043C. placeholderPlugin \u0432 editor.ts) */\n.koda-content .ProseMirror .is-empty::before {\n  content: attr(data-placeholder);\n  color: var(--koda-muted);\n  pointer-events: none;\n  height: 0;\n  float: left;\n}\n\n/* \u0412\u043E\u0434\u044F\u043D\u043E\u0439 \u0437\u043D\u0430\u043A \u0434\u0435\u043C\u043E/\u043D\u0435\u0432\u0430\u043B\u0438\u0434\u043D\u043E\u0439 \u043B\u0438\u0446\u0435\u043D\u0437\u0438\u0438.\n   \u0410\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043D\u044B\u0439 \u0440\u0435\u0436\u0438\u043C: \u0434\u0438\u0430\u0433\u043E\u043D\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u0430\u043C\u043E\u0449\u0435\u043D\u0438\u0435 \u043F\u043E \u0432\u0441\u0435\u0439 \u043A\u0430\u043D\u0432\u0435 (\u0444\u043E\u043D \u0440\u0430\u0441\u0442\u0451\u0442 \u0441\n   \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u043E\u043C \u0438 \u043F\u043E\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u0432\u0441\u0435 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u043F\u0440\u0438 \u0441\u043A\u0440\u043E\u043B\u043B\u0435) + sticky-\u043F\u0438\u043B\u044E\u043B\u044F \u0441\u0432\u0435\u0440\u0445\u0443 \u0434\u043B\u044F\n   \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438 (role=status). pointer-events:none \u2014 \u043F\u0435\u0447\u0430\u0442\u0430\u0442\u044C \u043C\u043E\u0436\u043D\u043E. */\n.koda-content.koda-demo .ProseMirror {\n  background-image: var(--koda-wm);\n  background-repeat: repeat;\n  /* \u0427\u0442\u043E\u0431\u044B \u0437\u0430\u043C\u043E\u0449\u0435\u043D\u0438\u0435 \u043F\u0435\u0447\u0430\u0442\u0430\u043B\u043E\u0441\u044C (\u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044B \u0433\u0430\u0441\u044F\u0442 \u0444\u043E\u043D \u043F\u0440\u0438 \u043F\u0435\u0447\u0430\u0442\u0438). */\n  -webkit-print-color-adjust: exact;\n  print-color-adjust: exact;\n}\n.koda-watermark {\n  position: sticky;\n  top: 8px;\n  z-index: 30;\n  width: fit-content;\n  max-width: 92%;\n  margin: 0 auto 6px;\n  padding: 5px 14px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.03em;\n  color: #b91c1c;\n  background: #fff1f2;\n  border: 1px solid #fecaca;\n  border-radius: 999px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  text-align: center;\n  pointer-events: none;\n}\n\n/* Slash-\u043C\u0435\u043D\u044E (Notion-UX) */\n.koda-slash {\n  position: absolute;\n  z-index: 20;\n  min-width: 210px;\n  max-height: 280px;\n  overflow-y: auto;\n  background: #fff;\n  border: 1px solid var(--koda-border);\n  border-radius: 10px;\n  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12);\n  padding: 4px;\n}\n.koda-slash-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 7px 9px;\n  border: none;\n  background: transparent;\n  border-radius: 7px;\n  font-size: 14px;\n  text-align: left;\n  cursor: pointer;\n  color: var(--koda-fg);\n}\n.koda-slash-item:hover,\n.koda-slash-item.is-active { background: var(--koda-accent-soft); }\n.koda-slash-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  border: 1px solid var(--koda-border);\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--koda-muted);\n  flex: none;\n}\n\n/* Floating toolbar (Notion-UX) */\n.koda-floating {\n  position: absolute;\n  z-index: 20;\n  display: flex;\n  gap: 2px;\n  background: #1a1a1f;\n  border-radius: 8px;\n  padding: 4px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n}\n.koda-floating .koda-btn { color: #fff; height: 28px; min-width: 28px; }\n.koda-floating .koda-btn:hover { background: rgba(255, 255, 255, 0.14); }\n.koda-floating .koda-btn[aria-pressed=\"true\"] {\n  background: var(--koda-accent);\n  color: #fff;\n  border-color: var(--koda-accent);\n}\n\n/* \u041A\u043E\u043D\u0442\u0435\u043A\u0441\u0442\u043D\u0430\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u0442\u0430\u0431\u043B\u0438\u0446\u044B \u2014 \u0432\u0441\u043F\u043B\u044B\u0432\u0430\u0435\u0442 \u043D\u0430\u0434 \u0442\u0430\u0431\u043B\u0438\u0446\u0435\u0439, \u043A\u043E\u0433\u0434\u0430 \u043A\u0443\u0440\u0441\u043E\u0440 \u0432\u043D\u0443\u0442\u0440\u0438 */\n.koda-table-toolbar {\n  position: absolute;\n  z-index: 19;\n  display: flex;\n  gap: 2px;\n  background: #1a1a1f;\n  border-radius: 8px;\n  padding: 4px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n}\n.koda-table-toolbar .koda-btn { color: #fff; height: 28px; min-width: 28px; }\n.koda-table-toolbar .koda-btn:hover { background: rgba(255, 255, 255, 0.14); }\n\n/* \u0414\u0438\u0430\u043B\u043E\u0433 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0430\u043D\u0435\u043B\u0438 (\u00AB\u043A\u0430\u0440\u0430\u043D\u0434\u0430\u0448\u00BB) */\n.koda-customizer-list {\n  max-height: 320px; overflow-y: auto;\n  display: flex; flex-direction: column; gap: 4px; margin: 10px 0;\n}\n.koda-customizer-row {\n  display: flex; align-items: center; gap: 6px;\n  padding: 4px 6px; border: 1px solid #e2e2e6; border-radius: 6px; background: #fff;\n}\n.koda-customizer-ctl {\n  width: 26px; height: 26px; flex: 0 0 auto;\n  border: 1px solid #e2e2e6; border-radius: 4px; background: #fff; cursor: pointer;\n  font-size: 12px; line-height: 1;\n}\n.koda-customizer-ctl:hover:not(:disabled) { background: #f2f2f5; }\n.koda-customizer-ctl:disabled { opacity: 0.3; cursor: default; }\n.koda-customizer-label { margin-left: 6px; }\n.koda-customizer-add { min-width: 160px; height: 34px; }\n\n/* \u0414\u0438\u0430\u043B\u043E\u0433 (\u0432\u0441\u0442\u0430\u0432\u043A\u0430 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0438) */\n.koda-loading {\n  position: absolute; inset: 0; z-index: 40;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(255,255,255,0.6);\n}\n.koda-loading-box {\n  display: flex; align-items: center; gap: 10px;\n  background: #111827; color: #fff; padding: 12px 18px;\n  border-radius: 10px; font-size: 14px; box-shadow: 0 8px 30px rgba(0,0,0,0.25);\n}\n.koda-spinner {\n  width: 16px; height: 16px; border-radius: 50%;\n  border: 2px solid rgba(255,255,255,0.35); border-top-color: #fff;\n  animation: koda-spin 0.7s linear infinite;\n}\n@keyframes koda-spin { to { transform: rotate(360deg); } }\n/* \u0422\u0440\u0430\u043D\u0437\u0438\u0435\u043D\u0442\u043D\u0430\u044F \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0430 (toast) \u2014 \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u00AB\u0432\u044B\u0434\u0435\u043B\u0438\u0442\u0435 2+ \u044F\u0447\u0435\u0439\u043A\u0438\u00BB. */\n.koda-toast {\n  position: absolute;\n  left: 50%;\n  bottom: 16px;\n  transform: translateX(-50%);\n  z-index: 80;\n  max-width: 90%;\n  padding: 9px 14px;\n  background: #1f2937;\n  color: #fff;\n  font: 500 13px var(--koda-font);\n  border-radius: 8px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n  opacity: 0;\n  animation: koda-toast-in 180ms ease-out forwards;\n  pointer-events: none;\n}\n@keyframes koda-toast-in {\n  from { opacity: 0; transform: translate(-50%, 8px); }\n  to { opacity: 1; transform: translate(-50%, 0); }\n}\n.koda-dialog-backdrop {\n  /* fixed (\u043D\u0435 absolute): \u0434\u0438\u0430\u043B\u043E\u0433 \u0446\u0435\u043D\u0442\u0440\u0438\u0440\u0443\u0435\u0442\u0441\u044F \u0432\u043E \u0412\u042C\u042E\u041F\u041E\u0420\u0422\u0415 \u0438 \u043D\u0435 \u043E\u0431\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044F\n     \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u043C .euz{overflow:hidden} \u043F\u0440\u0438 \u043A\u043E\u0440\u043E\u0442\u043A\u043E\u043C \u0445\u043E\u043B\u0441\u0442\u0435. z-index \u0432\u044B\u0448\u0435 \u0432\u0441\u0435\u0445\n     \u0432\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0445 \u043E\u0432\u0435\u0440\u043B\u0435\u0435\u0432 (\u043C\u0435\u043D\u044E/\u0442\u0443\u043B\u0431\u0430\u0440), \u0447\u0442\u043E\u0431\u044B \u0431\u044B\u0442\u044C \u043F\u043E\u0432\u0435\u0440\u0445. */\n  position: fixed;\n  inset: 0;\n  z-index: 2147483001;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.18);\n}\n.koda-dialog {\n  width: min(460px, 92%);\n  background: #fff;\n  border: 1px solid var(--koda-border);\n  border-radius: 14px;\n  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.22);\n  padding: 22px;\n  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;\n}\n.koda-dialog-title {\n  font-weight: 700;\n  font-size: 16px;\n  line-height: 1.3;\n  color: #0f172a;\n  letter-spacing: -0.01em;\n  margin: 0 0 16px;\n}\n.koda-dialog-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 10px 12px;\n  border: 1px solid var(--koda-border);\n  border-radius: 9px;\n  font-size: 14px;\n  color: #0f172a;\n  outline: none;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n.koda-dialog-input::placeholder { color: #94a3b8; }\n.koda-dialog-input:focus {\n  border-color: var(--koda-accent);\n  box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.18);\n}\n.koda-dialog-row {\n  display: flex;\n  flex-wrap: wrap; /* \u043C\u043D\u043E\u0433\u043E \u043A\u043D\u043E\u043F\u043E\u043A (\u044D\u043A\u0441\u043F\u043E\u0440\u0442: 7) \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u044F\u0442\u0441\u044F, \u0430 \u043D\u0435 \u0432\u044B\u043B\u0435\u0437\u0430\u044E\u0442 \u0437\u0430 \u043F\u043E\u043F\u0430\u043F */\n  gap: 8px;\n  justify-content: center;\n  margin-top: 18px;\n}\n.koda-dialog-btn {\n  min-width: 96px;\n  padding: 10px 16px;\n  border: 1px solid var(--koda-border);\n  background: #fff;\n  color: #1f2937;\n  border-radius: 10px;\n  font-size: 13px;\n  font-weight: 600;\n  white-space: nowrap;\n  text-align: center;\n  cursor: pointer;\n  transition: background 0.15s, border-color 0.15s, transform 0.08s, box-shadow 0.15s;\n}\n.koda-dialog-btn:hover { background: #f8fafc; border-color: #cbd5e1; }\n.koda-dialog-btn:active { transform: translateY(1px); }\n.koda-dialog-btn:focus-visible {\n  outline: 2px solid var(--koda-accent);\n  outline-offset: 2px;\n}\n.koda-dialog-btn.primary {\n  background: var(--koda-accent);\n  color: #fff;\n  border-color: var(--koda-accent);\n  box-shadow: 0 2px 10px rgba(47, 107, 255, 0.3);\n}\n.koda-dialog-btn.primary:hover { background: var(--koda-accent); filter: brightness(1.06); }\n\n/* \u0420\u0435\u0441\u0430\u0439\u0437 \u043A\u0430\u0440\u0442\u0438\u043D\u043E\u043A: \u043E\u0431\u0451\u0440\u0442\u043A\u0430 + \u0440\u0443\u0447\u043A\u0430 \u0432 \u043F\u0440\u0430\u0432\u043E\u043C-\u043D\u0438\u0436\u043D\u0435\u043C \u0443\u0433\u043B\u0443 */\n.koda-content .ProseMirror .koda-img-wrap { display: inline-block; position: relative; line-height: 0; max-width: 100%; }\n.koda-content .ProseMirror .koda-img-wrap img { display: inline-block; max-width: 100%; height: auto; vertical-align: bottom; }\n.koda-content .ProseMirror .koda-img-resize {\n  position: absolute; right: 2px; bottom: 2px; width: 12px; height: 12px;\n  background: var(--koda-accent); border: 2px solid #fff; border-radius: 2px;\n  box-sizing: border-box; cursor: nwse-resize; display: none; z-index: 2;\n}\n.koda-content .ProseMirror .koda-img-wrap:hover .koda-img-resize,\n.koda-content .ProseMirror .koda-img-wrap.ProseMirror-selectednode .koda-img-resize { display: block; }\n.koda-content .ProseMirror .koda-img-crop {\n  position: absolute; left: 2px; top: 2px; width: 20px; height: 20px;\n  background: rgba(0,0,0,0.55); color: #fff; border-radius: 3px;\n  font-size: 13px; line-height: 20px; text-align: center; cursor: pointer;\n  display: none; z-index: 2; user-select: none;\n}\n.koda-content .ProseMirror .koda-img-wrap:hover .koda-img-crop,\n.koda-content .ProseMirror .koda-img-wrap.ProseMirror-selectednode .koda-img-crop { display: block; }\n.koda-content .ProseMirror .koda-crop-overlay {\n  position: absolute; inset: 0; z-index: 5; cursor: crosshair;\n  background: rgba(0,0,0,0.30);\n}\n.koda-content .ProseMirror .koda-crop-sel {\n  position: absolute; display: none; border: 1px dashed #fff;\n  box-shadow: 0 0 0 9999px rgba(0,0,0,0.45); pointer-events: none;\n}\n.koda-content .ProseMirror .koda-crop-bar {\n  position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%);\n  display: flex; gap: 6px; z-index: 6;\n}\n\n/* \u041D\u0430\u0439\u0442\u0438/\u0437\u0430\u043C\u0435\u043D\u0438\u0442\u044C */\n.koda-search { display: flex; flex-direction: column; gap: 6px; padding: 8px; background: var(--koda-toolbar-bg); border-bottom: 1px solid var(--koda-border); flex-shrink: 0; }\n.koda-search[hidden] { display: none; }\n.koda-search-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.koda-search-input { flex: 1 1 160px; min-width: 110px; height: 30px; box-sizing: border-box; padding: 0 9px; border: 1px solid var(--koda-border); border-radius: 7px; font: 400 14px var(--koda-font); color: var(--koda-fg); background: #fff; }\n.koda-search-input:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: 1px; }\n.koda-search-count { font: 600 12px var(--koda-font); color: var(--koda-muted); min-width: 42px; text-align: center; }\n.koda-search-btn { height: 30px; min-width: 30px; box-sizing: border-box; padding: 0 10px; border: 1px solid var(--koda-border); background: #fff; border-radius: 7px; font: 600 13px var(--koda-font); color: var(--koda-fg); cursor: pointer; transition: background 120ms ease; }\n.koda-search-btn:hover { background: #efefef; }\n.koda-search-btn:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: 1px; }\n.koda-content .ProseMirror .koda-search-match { background: rgba(255, 213, 0, 0.45); border-radius: 2px; }\n.koda-content .ProseMirror .koda-search-active { background: #ff9632; border-radius: 2px; }\n\n/* \u041F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u044B\u0439 \u0440\u0435\u0436\u0438\u043C (maximize \u0431\u0435\u0437 Fullscreen API \u2014 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442 \u0432\u0441\u0442\u0440\u043E\u0435\u043D\u043D\u044B\u043C) */\n:host([data-fullscreen]) { position: fixed; inset: 0; z-index: 2147483000; background: var(--koda-bg); }\n:host([data-fullscreen]) .euz { height: 100%; border-radius: 0; border: none; }\n:host([data-fullscreen]) .koda-content { max-height: none; flex: 1 1 auto; }\n\n/* === \u041A\u043D\u043E\u043F\u043A\u0430-\u0433\u0440\u0443\u043F\u043F\u0430 \u043D\u0430 \u043F\u0430\u043D\u0435\u043B\u0438 (\u0440\u0430\u0441\u043A\u0440\u044B\u0432\u0430\u0435\u0442 \u043C\u0435\u043D\u044E) === */\n.koda-grp-btn { display: inline-flex; align-items: center; gap: 5px; width: auto; padding: 0 8px; }\n.koda-grp-btn .koda-grp-label { font: 600 13px var(--koda-font); white-space: nowrap; }\n.koda-grp-btn .koda-grp-caret { font-size: 10px; opacity: 0.7; }\n.koda-grp-logo { width: 18px; height: 18px; object-fit: contain; display: block; }\n.koda-grp-emoji { font-size: 16px; line-height: 1; }\n.koda-grp-menu { position: fixed; z-index: 2147483000; min-width: 180px; max-height: 92vh; overflow-y: auto; padding: 5px; background: var(--koda-bg); border: 1px solid var(--koda-border); border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.14); display: flex; flex-direction: column; gap: 2px; }\n.koda-grp-menu-item { display: flex; align-items: center; gap: 8px; padding: 3px 6px; border-radius: 7px; cursor: pointer; }\n.koda-grp-menu-item:hover { background: var(--koda-accent-soft); }\n.koda-grp-menu-item .koda-btn { pointer-events: none; }\n.koda-grp-menu-label { font: 500 13px var(--koda-font); color: var(--koda-fg); }\n\n/* === \u0420\u0435\u0436\u0438\u043C \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u043F\u0430\u043D\u0435\u043B\u0438 (\u043A\u0430\u0440\u0430\u043D\u0434\u0430\u0448) === */\n.koda-edit { display: flex; flex-direction: column; gap: 8px; padding: 10px; background: var(--koda-toolbar-bg); border-bottom: 1px solid var(--koda-border); }\n.koda-edit-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.koda-edit-title { font: 700 14px var(--koda-font); color: var(--koda-fg); }\n.koda-edit-spacer { flex: 1 1 auto; }\n.koda-edit-action { height: 32px; padding: 0 12px; border: 1px solid var(--koda-border); background: #fff; border-radius: 8px; font: 600 13px var(--koda-font); color: var(--koda-fg); cursor: pointer; transition: background 120ms ease, border-color 120ms ease; }\n.koda-edit-action:hover { background: #f1f5ff; border-color: var(--koda-accent); }\n.koda-edit-action--primary { background: var(--koda-accent); border-color: var(--koda-accent); color: #fff; }\n.koda-edit-action--primary:hover { background: #2347d8; }\n.koda-edit-action--ghost { color: var(--koda-muted); }\n.koda-edit-hint { font: 400 12px var(--koda-font); color: var(--koda-muted); }\n.koda-edit-row, .koda-palette { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 6px; padding: 8px; border: 1px dashed var(--koda-border); border-radius: 10px; background: var(--koda-bg); min-height: 46px; }\n.koda-palette { background: #f6f7fb; border-style: solid; }\n.koda-palette-title { font: 600 12px var(--koda-font); color: var(--koda-muted); margin-top: 2px; }\n\n/* \u0424\u0438\u0448\u043A\u0430 \u043A\u043D\u043E\u043F\u043A\u0438 \u0432 \u0440\u0435\u0434\u0430\u043A\u0442\u043E\u0440\u0435 */\n.koda-chip { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border: 1px solid var(--koda-border); border-radius: 8px; background: #fff; font: 500 13px var(--koda-font); color: var(--koda-fg); cursor: grab; user-select: none; touch-action: none; transition: box-shadow 120ms ease, border-color 120ms ease; }\n.koda-chip:hover { border-color: var(--koda-accent); box-shadow: 0 1px 4px rgba(47,91,255,0.12); }\n.koda-chip:active { cursor: grabbing; }\n.koda-chip .koda-chip-ic { display: inline-flex; width: 18px; height: 18px; }\n.koda-chip .koda-chip-ic svg { width: 18px; height: 18px; }\n.koda-chip-lb { white-space: nowrap; }\n.koda-chip--sep { padding: 0 12px; }\n.koda-chip-bar { display: inline-block; width: 2px; height: 18px; background: var(--koda-border); border-radius: 1px; }\n.koda-chip-x { position: absolute; top: -7px; right: -7px; width: 18px; height: 18px; padding: 0; border: none; border-radius: 50%; background: #ef4444; color: #fff; font: 700 13px/16px var(--koda-font); cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0,0,0,0.25); }\n.koda-chip:hover > .koda-chip-x { display: inline-flex; }\n.koda-chip--pal { background: #fff; cursor: grab; }\n.koda-chip--ghost { position: fixed; z-index: 9999; pointer-events: none; opacity: 0.92; box-shadow: 0 8px 24px rgba(0,0,0,0.22); border-color: var(--koda-accent); margin: 0; }\n.koda-chip--placeholder { opacity: 0.35; border-style: dashed; }\n\n/* \u041A\u0430\u043F\u0441\u0443\u043B\u0430 \u0433\u0440\u0443\u043F\u043F\u044B \u0432 \u0440\u0435\u0434\u0430\u043A\u0442\u043E\u0440\u0435 */\n.koda-grp-chip { flex-direction: column; align-items: stretch; gap: 6px; padding: 8px; height: auto; background: var(--koda-accent-soft); border-color: #c7d2fe; cursor: default; }\n.koda-grp-head { display: flex; align-items: center; gap: 6px; cursor: grab; }\n.koda-grp-head .koda-grp-ic { width: 18px; height: 18px; }\n.koda-grp-head .koda-grp-ic svg, .koda-grp-head .koda-grp-ic img { width: 18px; height: 18px; }\n.koda-grp-lb { font: 600 13px var(--koda-font); flex: 1 1 auto; white-space: nowrap; }\n.koda-grp-ctl { width: 22px; height: 22px; padding: 0; border: 1px solid transparent; border-radius: 6px; background: rgba(255,255,255,0.6); color: var(--koda-fg); cursor: pointer; font-size: 13px; line-height: 1; }\n.koda-grp-ctl:hover { border-color: var(--koda-accent); background: #fff; }\n.koda-grp-items { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; min-width: 60px; min-height: 40px; padding: 5px; border: 1px dashed #c7d2fe; border-radius: 7px; background: rgba(255,255,255,0.55); }\n\n/* \u041B\u043E\u0433\u043E-\u043F\u0438\u043A\u0435\u0440 \u0433\u0440\u0443\u043F\u043F\u044B */\n.koda-iconpick { max-width: 460px; }\n.koda-iconpick-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }\n.koda-iconpick-preview { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--koda-border); border-radius: 9px; background: var(--koda-toolbar-bg); flex-shrink: 0; }\n.koda-iconpick-preview svg, .koda-iconpick-preview img { width: 24px; height: 24px; }\n.koda-iconpick-preview .koda-grp-emoji { font-size: 22px; }\n.koda-iconpick-top .koda-dialog-input { flex: 1 1 auto; }\n.koda-iconpick-tabs { display: flex; gap: 4px; margin-bottom: 8px; }\n.koda-iconpick-tab { height: 30px; padding: 0 12px; border: 1px solid var(--koda-border); background: #fff; border-radius: 7px; font: 600 12px var(--koda-font); color: var(--koda-muted); cursor: pointer; }\n.koda-iconpick-tab.is-active { background: var(--koda-accent); border-color: var(--koda-accent); color: #fff; }\n.koda-iconpick-grid { display: flex; flex-wrap: wrap; gap: 6px; max-height: 220px; overflow-y: auto; padding: 4px; }\n.koda-iconpick-cell { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--koda-border); border-radius: 8px; background: #fff; cursor: pointer; }\n.koda-iconpick-cell:hover { border-color: var(--koda-accent); background: var(--koda-accent-soft); }\n.koda-iconpick-cell.is-sel { border-color: var(--koda-accent); box-shadow: 0 0 0 2px var(--koda-accent-soft); }\n.koda-iconpick-cell svg { width: 22px; height: 22px; }\n.koda-iconpick-cell .koda-grp-emoji { font-size: 20px; }\n.koda-iconpick-file { font: 400 13px var(--koda-font); }\n\n/* === \u0412\u0435\u0440\u0445\u043D\u0435\u0435 \u043C\u0435\u043D\u044E (menubar) === */\n.koda-menubar { display: flex; align-items: stretch; gap: 1px; padding: 2px 6px; background: var(--koda-bg); border-bottom: 1px solid var(--koda-border); flex-wrap: wrap; }\n.koda-menu-top { height: 30px; padding: 0 11px; border: none; background: transparent; border-radius: 6px; font: 500 13.5px var(--koda-font); color: var(--koda-fg); cursor: pointer; }\n.koda-menu-top:hover { background: var(--koda-toolbar-bg); }\n.koda-menu-top.is-active { background: var(--koda-accent-soft); color: var(--koda-accent); }\n.koda-menu-top:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: -2px; }\n\n/* \u0412\u044B\u043F\u0430\u0434\u0430\u044E\u0449\u0430\u044F \u043F\u0430\u043D\u0435\u043B\u044C \u043C\u0435\u043D\u044E (\u0438 \u043F\u043E\u0434\u043C\u0435\u043D\u044E, \u0438 \u043A\u043E\u043D\u0442\u0435\u043A\u0441\u0442\u043D\u043E\u0435 \u043C\u0435\u043D\u044E) */\n/* fixed: \u043C\u0435\u043D\u044E \u043F\u043E\u0437\u0438\u0446\u0438\u043E\u043D\u0438\u0440\u0443\u0435\u0442\u0441\u044F \u043F\u043E \u0432\u044C\u044E\u043F\u043E\u0440\u0442\u0443 (menubar.ts) \u0438 \u043D\u0435 \u0440\u0435\u0436\u0435\u0442\u0441\u044F \u043A\u043E\u0440\u043E\u0442\u043A\u0438\u043C\n   \u0445\u043E\u043B\u0441\u0442\u043E\u043C. max-height/overflow \u2014 \u0435\u0441\u043B\u0438 \u043C\u0435\u043D\u044E \u0432\u044B\u0448\u0435 \u043E\u043A\u043D\u0430, \u043E\u043D\u043E \u0441\u043A\u0440\u043E\u043B\u043B\u0438\u0442\u0441\u044F. */\n.koda-menu { position: fixed; z-index: 2147483000; min-width: 190px; max-width: 320px; max-height: 92vh; overflow-y: auto; padding: 5px; background: var(--koda-bg); border: 1px solid var(--koda-border); border-radius: 10px; box-shadow: 0 12px 34px rgba(0,0,0,0.16); display: flex; flex-direction: column; gap: 1px; }\n.koda-menu-item { display: flex; align-items: center; gap: 9px; width: 100%; height: 32px; padding: 0 9px; border: none; background: transparent; border-radius: 7px; font: 500 13px var(--koda-font); color: var(--koda-fg); cursor: pointer; text-align: left; }\n.koda-menu-item:hover:not(:disabled) { background: var(--koda-accent-soft); }\n.koda-menu-item:disabled { opacity: 0.4; cursor: default; }\n.koda-menu-item:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: -2px; }\n.koda-menu-ic { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; flex-shrink: 0; color: var(--koda-muted); }\n.koda-menu-ic svg { width: 17px; height: 17px; }\n.koda-menu-lb { flex: 1 1 auto; white-space: nowrap; }\n.koda-menu-arrow { margin-left: auto; font-size: 11px; color: var(--koda-muted); }\n.koda-menu-sep { height: 1px; margin: 4px 6px; background: var(--koda-border); }\n\n/* === \u0412\u0441\u0442\u0430\u0432\u043A\u0430 \u0442\u0430\u0431\u043B\u0438\u0446\u044B: grid-picker (\u043A\u0430\u043A \u0432 Word) === */\n/* Picker \u041D\u0415 \u043D\u0430\u0441\u043B\u0435\u0434\u0443\u0435\u0442 \u0448\u0438\u0440\u0438\u043D\u0443 \u043E\u0431\u044B\u0447\u043D\u043E\u0433\u043E \u0434\u0438\u0430\u043B\u043E\u0433\u0430 (460px) \u2014 \u0443\u0436\u0438\u043C\u0430\u0435\u0442\u0441\u044F \u043F\u043E\u0434 \u0433\u0440\u0438\u0434. */\n.koda-tablepicker { display: inline-block; width: auto; max-width: 92vw; }\n/* \u0411\u0415\u0417 overflow/max-width: \u0438\u043D\u0430\u0447\u0435 \u0441\u0435\u0442\u043A\u0430-\u0432\u044B\u0431\u043E\u0440 \u0440\u0435\u0437\u0430\u043B\u0430\u0441\u044C \u0441\u043F\u0440\u0430\u0432\u0430 (scroll-\u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u043D\u0430\n   2px \u0443\u0436\u0435 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430). \u0414\u0438\u0430\u043B\u043E\u0433 .koda-tablepicker \u0438\u043C\u0435\u0435\u0442 width:auto \u0438 \u0441\u0430\u043C \u0440\u0430\u0441\u0442\u0451\u0442 \u043F\u043E\u0434\n   \u0441\u0435\u0442\u043A\u0443 \u2014 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0430\u0434\u0430\u043F\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044F, \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043E\u0431\u0440\u0435\u0437\u0430\u0435\u0442\u0441\u044F. */\n.koda-tp-grid { display: grid; gap: 2px; margin: 6px 0 4px; user-select: none; justify-content: start; }\n/* box-sizing:border-box \u2014 \u0431\u043E\u0440\u0434\u044E\u0440 \u0432\u0445\u043E\u0434\u0438\u0442 \u0432 18px, \u0438\u043D\u0430\u0447\u0435 \u044F\u0447\u0435\u0439\u043A\u0430 \u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442\u0441\u044F 20px,\n   \u043D\u0435 \u0432\u043B\u0435\u0437\u0430\u0435\u0442 \u0432 18px-\u0442\u0440\u0435\u043A \u0433\u0440\u0438\u0434\u0430, \u0438 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0441\u0442\u043E\u043B\u0431\u0435\u0446 \u0440\u0435\u0436\u0435\u0442\u0441\u044F \u0441\u043F\u0440\u0430\u0432\u0430 \u043D\u0430 2px. */\n.koda-tp-cell { box-sizing: border-box; width: 18px; height: 18px; border: 1px solid var(--koda-border); border-radius: 2px; background: #fff; cursor: pointer; transition: background 60ms; }\n.koda-tp-cell.on { background: var(--koda-accent-soft); border-color: var(--koda-accent); }\n.koda-tp-label { text-align: center; font: 600 13px var(--koda-font); color: var(--koda-fg); margin-bottom: 6px; min-height: 18px; }\n.koda-tp-manual { display: flex; align-items: flex-end; gap: 10px; margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--koda-border); }\n.koda-tp-field { display: flex; flex-direction: column; gap: 3px; font: 500 12px var(--koda-font); color: var(--koda-muted); }\n.koda-tp-field input { width: 64px; height: 30px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--koda-border); border-radius: 7px; font: 400 13px var(--koda-font); color: var(--koda-fg); background: #fff; }\n.koda-tp-manual .koda-dialog-btn { margin-left: auto; }\n\n/* === \u0414\u0438\u0430\u043B\u043E\u0433\u0438 \u0441\u0432\u043E\u0439\u0441\u0442\u0432 \u0442\u0430\u0431\u043B\u0438\u0446\u044B / \u044F\u0447\u0435\u0439\u043A\u0438 (A3) === */\n.koda-props { min-width: 320px; max-width: 380px; }\n.koda-props-row { display: flex; align-items: center; gap: 12px; margin: 8px 0; }\n.koda-props-label { flex: 0 0 130px; font: 500 13px var(--koda-font); color: var(--koda-fg); }\n.koda-props-field { flex: 1 1 auto; height: 32px; box-sizing: border-box; padding: 0 8px; border: 1px solid var(--koda-border); border-radius: 7px; font: 400 13px var(--koda-font); color: var(--koda-fg); background: #fff; }\ninput.koda-props-field[type=color] { padding: 2px; height: 32px; cursor: pointer; }\ninput.koda-props-field[type=number] { max-width: 90px; }\n.koda-props-bg { display: flex; align-items: center; gap: 10px; border: none; padding: 0; height: auto; }\n.koda-props-bg input[type=color] { flex: 0 0 48px; }\n.koda-props-bgoff { display: inline-flex; align-items: center; gap: 4px; font: 400 12.5px var(--koda-font); color: var(--koda-muted); white-space: nowrap; }\n.koda-props-check { width: 15px; height: 15px; }\n\n/* === \u041F\u043E\u043B\u044F \u0448\u0430\u0431\u043B\u043E\u043D\u0430 (merge fields) \u0434\u043B\u044F \u042D\u0414\u041E (B1) === */\n.koda-content .ProseMirror .koda-merge-field {\n  display: inline-block; padding: 1px 8px; margin: 0 1px; border-radius: 5px;\n  background: var(--koda-accent-soft); color: var(--koda-accent);\n  border: 1px solid color-mix(in oklab, var(--koda-accent) 35%, transparent);\n  font: 600 0.92em var(--koda-font); white-space: nowrap; cursor: default;\n  user-select: all; vertical-align: baseline;\n}\n.koda-content .ProseMirror .koda-merge-field::before { content: '\u2B21 '; opacity: 0.6; font-size: 0.85em; }\n.koda-merge-picker { min-width: 300px; max-width: 420px; }\n.koda-merge-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 6px 0 12px; }\n.koda-merge-pick {\n  display: flex; flex-direction: column; align-items: flex-start; gap: 2px;\n  padding: 8px 10px; border: 1px solid var(--koda-border); border-radius: 8px;\n  background: #fff; cursor: pointer; text-align: left; transition: border-color 120ms ease, background 120ms ease;\n}\n.koda-merge-pick:hover { border-color: var(--koda-accent); background: var(--koda-accent-soft); }\n.koda-merge-pick-lb { font: 600 13px var(--koda-font); color: var(--koda-fg); }\n.koda-merge-pick-key { font: 400 11px ui-monospace, monospace; color: var(--koda-muted); }\n\n/* === \u0421\u043D\u043E\u0441\u043A\u0438 (B2): \u0430\u0432\u0442\u043E-\u043D\u0443\u043C\u0435\u0440\u0430\u0446\u0438\u044F CSS-\u0441\u0447\u0451\u0442\u0447\u0438\u043A\u043E\u043C === */\n.koda-content .ProseMirror { counter-reset: koda-fn; }\n.koda-content .ProseMirror .koda-footnote {\n  counter-increment: koda-fn; cursor: help; color: var(--koda-accent);\n  font-weight: 700; vertical-align: super; font-size: 0.72em; padding: 0 1px; user-select: all;\n}\n.koda-content .ProseMirror .koda-footnote::after { content: counter(koda-fn); }\n\n/* === \u041E\u0433\u043B\u0430\u0432\u043B\u0435\u043D\u0438\u0435 (B2) === */\n.koda-content .ProseMirror .koda-toc {\n  border: 1px solid var(--koda-border); border-left: 3px solid var(--koda-accent);\n  border-radius: 8px; padding: 12px 16px; margin: 14px 0; background: var(--koda-toolbar-bg);\n  user-select: none;\n}\n.koda-toc-title { font: 700 14px var(--koda-font); color: var(--koda-fg); margin-bottom: 8px; }\n.koda-toc-item { font: 400 13px var(--koda-font); padding: 2px 0; cursor: pointer; color: var(--koda-fg); line-height: 1.5; }\n.koda-toc-item:hover { color: var(--koda-accent); }\n.koda-toc-num { color: var(--koda-muted); font-weight: 600; }\n.koda-toc-empty { color: var(--koda-muted); font-size: 13px; }\n\n/* === \u0413\u0430\u043B\u0435\u0440\u0435\u044F \u0441\u0442\u0438\u043B\u0435\u0439 (\u0441\u0438\u0441\u0442\u0435\u043C\u0430 \u0441\u0442\u0438\u043B\u0435\u0439) === */\n.koda-style-gallery {\n  position: absolute; z-index: 60; min-width: 220px; max-height: 380px; overflow-y: auto;\n  padding: 5px; background: var(--koda-bg); border: 1px solid var(--koda-border);\n  border-radius: 10px; box-shadow: 0 12px 34px rgba(0,0,0,0.16);\n  display: flex; flex-direction: column; gap: 2px;\n}\n.koda-style-item { display: block; width: 100%; padding: 7px 11px; border: none; background: transparent; border-radius: 7px; cursor: pointer; text-align: left; }\n.koda-style-item:hover { background: var(--koda-accent-soft); }\n.koda-style-item:focus-visible { outline: 2px solid var(--koda-accent); outline-offset: -2px; }\n.koda-style-prev { display: block; color: var(--koda-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n\n/* === \u041A\u043E\u043C\u043C\u0435\u043D\u0442\u0430\u0440\u0438\u0438 \u0440\u0435\u0446\u0435\u043D\u0437\u0435\u043D\u0442\u0430 (C1) === */\n.koda-content .ProseMirror .koda-comment {\n  background: rgba(255, 200, 0, 0.28); border-bottom: 2px solid rgba(230, 160, 0, 0.65);\n  cursor: pointer; border-radius: 2px;\n}\n.koda-content .ProseMirror .koda-comment:hover { background: rgba(255, 200, 0, 0.45); }\n.koda-comment-popup {\n  position: absolute; z-index: 65; max-width: 280px; min-width: 160px; padding: 10px 12px;\n  background: var(--koda-bg); border: 1px solid var(--koda-border); border-radius: 10px;\n  box-shadow: 0 10px 30px rgba(0,0,0,0.16);\n}\n.koda-comment-text { font: 400 13px var(--koda-font); color: var(--koda-fg); margin-bottom: 8px; white-space: pre-wrap; }\n.koda-comment-resolve {\n  height: 28px; padding: 0 12px; border: 1px solid var(--koda-border); background: var(--koda-accent-soft);\n  color: var(--koda-accent); border-radius: 7px; font: 600 12px var(--koda-font); cursor: pointer;\n}\n.koda-comment-resolve:hover { background: var(--koda-accent); color: #fff; }\n.koda-dialog-hint { font: 400 12px var(--koda-font); color: #ef4444; margin: 4px 0 0; min-height: 14px; }\n\n/* === Track changes (C2): \u043F\u0440\u0435\u0434\u043B\u0430\u0433\u0430\u0435\u043C\u044B\u0435 \u043F\u0440\u0430\u0432\u043A\u0438 === */\n.koda-content .ProseMirror .koda-ins {\n  color: #15803d; text-decoration: underline; text-decoration-color: rgba(21,128,61,0.5);\n  background: rgba(21,128,61,0.08);\n}\n.koda-content .ProseMirror .koda-del {\n  color: #b91c1c; text-decoration: line-through; text-decoration-color: rgba(185,28,28,0.75);\n  background: rgba(185,28,28,0.08);\n}\n/* \u0418\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440 \u0432\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430 \u0440\u0435\u0446\u0435\u043D\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u2014 \u0442\u043E\u043D\u043A\u0430\u044F \u043F\u043E\u043B\u043E\u0441\u0430 \u0441\u0432\u0435\u0440\u0445\u0443 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 */\n.koda-content .ProseMirror[data-track=\"1\"] { box-shadow: inset 0 3px 0 -1px var(--koda-accent); }\n\n/* \u041A\u0438\u0441\u0442\u044C \u0444\u043E\u0440\u043C\u0430\u0442\u0430 \u0430\u043A\u0442\u0438\u0432\u043D\u0430 (D1): \u044F\u0432\u043D\u0430\u044F \u0441\u043F\u043B\u043E\u0448\u043D\u0430\u044F \u0437\u0430\u043B\u0438\u0432\u043A\u0430 + \u0431\u0435\u043B\u0430\u044F \u0438\u043A\u043E\u043D\u043A\u0430 + \u043C\u044F\u0433\u043A\u043E\u0435\n   \u043A\u043E\u043B\u044C\u0446\u043E \u2014 \u043D\u0435\u0434\u0432\u0443\u0441\u043C\u044B\u0441\u043B\u0435\u043D\u043D\u044B\u0439 \u00AB\u0438\u043D\u0441\u0442\u0440\u0443\u043C\u0435\u043D\u0442 \u0432\u043A\u043B\u044E\u0447\u0451\u043D\u00BB, \u043F\u043E\u043A\u0430 \u043A\u043E\u043F\u0438\u0440\u0443\u0435\u0442\u0441\u044F \u0444\u043E\u0440\u043C\u0430\u0442.\n   \u0426\u0432\u0435\u0442 \u0444\u043E\u043D\u0430/\u043A\u043E\u043B\u044C\u0446\u0430 \u043D\u0430 var(--koda-accent) (\u043D\u0430\u0434\u0451\u0436\u043D\u043E \u0440\u0435\u0437\u043E\u043B\u0432\u0438\u0442\u0441\u044F). \u041F\u0443\u043B\u044C\u0441\u0430\u0446\u0438\u044F \u2014\n   \u043D\u0435\u043D\u0430\u0432\u044F\u0437\u0447\u0438\u0432\u044B\u0439 \u0441\u0438\u0433\u043D\u0430\u043B, \u0447\u0442\u043E \u043A\u0438\u0441\u0442\u044C \u00AB\u0436\u0434\u0451\u0442\u00BB \u043A\u043B\u0438\u043A; \u0433\u0430\u0441\u0438\u0442\u0441\u044F prefers-reduced-motion. */\n.koda-btn.is-armed,\n.koda-btn.is-armed:hover {\n  background: var(--koda-accent);\n  color: #fff;\n  border-color: var(--koda-accent);\n  box-shadow: 0 0 0 2px var(--koda-accent-soft), 0 0 0 3px var(--koda-accent);\n  animation: koda-armed-pulse 1.4s ease-in-out infinite;\n}\n.koda-btn.is-armed svg { color: #fff; stroke: #fff; }\n@keyframes koda-armed-pulse {\n  0%, 100% { box-shadow: 0 0 0 2px var(--koda-accent-soft), 0 0 0 3px var(--koda-accent); }\n  50% { box-shadow: 0 0 0 4px var(--koda-accent-soft), 0 0 0 3px var(--koda-accent); }\n}\n@media (prefers-reduced-motion: reduce) {\n  .koda-btn.is-armed { animation: none; }\n}\n\n/* === \u0421\u0442\u0440\u0430\u043D\u0438\u0447\u043D\u044B\u0439 \u0432\u0438\u0434 (D5) === */\n.koda-content.koda-paged { position: relative; background: #ececed; overflow: visible; max-height: none; padding: 16px 0; }\n.koda-content.koda-paged .ProseMirror {\n  max-width: 794px; min-height: 1000px; margin: 0 auto; background: #fff;\n  padding: 56px 64px; box-shadow: 0 2px 16px rgba(0,0,0,0.12); box-sizing: border-box;\n}\n.koda-page-overlay { position: absolute; inset: 16px 0; pointer-events: none; z-index: 3; max-width: 794px; margin: 0 auto; left: 0; right: 0; }\n.koda-page-divider { position: absolute; left: 0; right: 0; border-top: 2px dashed var(--koda-accent); opacity: 0.55; }\n.koda-page-num {\n  position: absolute; right: 6px; top: 4px; font: 600 11px var(--koda-font); color: var(--koda-accent);\n  background: var(--koda-bg); padding: 1px 7px; border-radius: 6px; border: 1px solid var(--koda-border);\n}\n\n/* === \u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438 (D2) === */\n.koda-a11y { min-width: 320px; max-width: 420px; }\n.koda-a11y-list { margin: 8px 0; display: flex; flex-direction: column; gap: 6px; }\n.koda-a11y-ok { font: 600 14px var(--koda-font); color: #15803d; padding: 12px; text-align: center; }\n.koda-a11y-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--koda-border); border-radius: 8px; font: 400 13px var(--koda-font); color: var(--koda-fg); }\n.koda-a11y-count { flex-shrink: 0; min-width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; background: #fef3c7; color: #b45309; border-radius: 6px; font-weight: 700; font-size: 12px; }\n\n/* === \u0418\u0441\u0442\u043E\u0440\u0438\u044F \u0432\u0435\u0440\u0441\u0438\u0439 (C3) === */\n.koda-versions { min-width: 360px; max-width: 440px; }\n.koda-versions-list { max-height: 280px; overflow-y: auto; margin: 8px 0; }\n.koda-versions-empty { color: var(--koda-muted); font: 400 13px var(--koda-font); padding: 18px; text-align: center; }\n.koda-version-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--koda-border); border-radius: 8px; margin-bottom: 6px; }\n.koda-version-meta { flex: 1 1 auto; min-width: 0; }\n.koda-version-name { font: 600 13px var(--koda-font); color: var(--koda-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n.koda-version-date { font: 400 11px var(--koda-font); color: var(--koda-muted); }\n.koda-version-del { width: 26px; height: 26px; border: none; background: transparent; color: var(--koda-muted); border-radius: 6px; cursor: pointer; font-size: 13px; flex-shrink: 0; }\n.koda-version-del:hover { background: rgba(239,68,68,0.12); color: #ef4444; }\n";

package/dist/table-split.d.ts

@@ -1,26 +0,0 @@
-/**
- * Word-подобное «Разделить ячейку»: делит ОДНУ ячейку на сетку N столбцов × M
- * строк, не затрагивая остальные ячейки таблицы.
- *
- * prosemirror-tables даёт только `splitCell` (разъединяет ранее объединённую
- * ячейку обратно в 1×1). Для деления обычной ячейки на произвольную сетку — как
- * в Word по «Разделить ячейку → Столбцов/Строк» — мы:
- *   1) вставляем столбцы/строки во ВСЮ таблицу (addColumn/addRow);
- *   2) «сливаем обратно» новые ячейки во всех строках/столбцах ВНЕ области целевой
- *      ячейки, увеличивая colspan/rowspan соседа — так делится только она.
- *
- * Надёжность: каждое структурное изменение — ОТДЕЛЬНАЯ транзакция (view.dispatch).
- * Хелперы prosemirror-tables ожидают координаты «шага 0» и маппят через tr.mapping;
- * накапливать несколько структурных правок в одной транзакции нельзя — позиции
- * разъезжаются. Таблицы малы, серия мелких диспатчей дёшева и предсказуема.
- *
- * Безопасность: только одиночная неслитая ячейка (1×1). Для уже объединённой
- * ячейки и любой нештатной ситуации — return false: вызывающий код применит
- * встроенный splitCell.
- */
-import type { EditorView } from 'prosemirror-view';
-/**
- * Делит текущую ОДИНОЧНУЮ ячейку (1×1) на nCols × nRows.
- * Возвращает false, если ячейка уже объединена или сценарий нештатный.
- */
-export declare function splitCellInto(view: EditorView, nCols: number, nRows: number): boolean;

package/dist/table-view.d.ts

@@ -1,34 +0,0 @@
-import type { Node as PMNode } from 'prosemirror-model';
-import type { NodeView, ViewMutationRecord } from 'prosemirror-view';
-/**
- * Резиновый TableView для prosemirror-tables.
- *
- * Штатный TableView при фиксированных ширинах колонок пишет таблице
- * `style.width = <сумма>px` и colgroup в пикселях. Из-за этого таблица,
- * вставленная/импортированная из Word, не растягивалась на ширину листа и
- * обрезалась справа (см. скриншоты сравнения с TinyMCE).
- *
- * Здесь colgroup строится в ПРОЦЕНТАХ (пропорции сохраняются), а таблица
- * получает width:100% — она заполняет текстовую область листа, как в Word и
- * как делает TinyMCE. data-colwidth (px) остаётся в модели для column-resize:
- * во время перетаскивания библиотека временно рисует px, после отпускания
- * update() возвращает проценты.
- */
-export declare class ResponsiveTableView implements NodeView {
-    readonly dom: HTMLElement;
-    readonly table: HTMLTableElement;
-    readonly colgroup: HTMLElement;
-    readonly contentDOM: HTMLElement;
-    private node;
-    constructor(node: PMNode, defaultCellMinWidth: number);
-    update(node: PMNode): boolean;
-    /**
-     * Свойства таблицы (диалог «Свойства таблицы»): выравнивание (margin) и рамка
-     * применяются всегда; пользовательская ширина переопределяет авто-ширину
-     * responsive-логики (updateColumns вызывается ДО — поэтому width из tableStyle
-     * имеет приоритет). Снятие свойства возвращает responsive-поведение.
-     */
-    private applyTableStyle;
-    ignoreMutation(record: ViewMutationRecord): boolean;
-    private updateColumns;
-}

package/dist/tableColumnTrade.d.ts

@@ -1,15 +0,0 @@
-/**
- * «Обмен с соседом» при ресайзе колонки таблицы.
- *
- * Таблицы у нас резиновые (width:100%), ширины колонок — доли от суммы. Штатный
- * ресайз prosemirror-tables меняет ширину ТОЛЬКО перетаскиваемой колонки, из-за
- * чего сумма меняется, и при пересчёте долей «едут» ВСЕ колонки (жалоба заказчика
- * «меняешь одно — другое непредсказуемо»).
- *
- * Здесь после ресайза соседняя колонка компенсируется на ту же дельту — СУММА
- * остаётся постоянной. Тогда резина сохраняется (таблица на 100%), но двигаются
- * только перетаскиваемая колонка и её сосед, как в Word. Работает ТОЛЬКО в момент
- * завершения ресайза (по состоянию columnResizing), поэтому обычный ввод не грузит.
- */
-import { Plugin } from 'prosemirror-state';
-export declare function tableColumnTradePlugin(): Plugin;

package/dist/tableToolbar.d.ts

@@ -1,14 +0,0 @@
-/**
- * Контекстная панель таблицы (Google Docs / Notion UX): когда курсор внутри
- * таблицы — над ней всплывает мини-панель с операциями (строки/колонки,
- * объединение/разделение, удаление таблицы). Действия «на месте», а не теряются
- * в общем тулбаре. Вне таблицы панель скрыта.
- */
-import { Plugin } from 'prosemirror-state';
-import type { Strings } from './i18n';
-/** Колбэки, чтобы split/merge открывали диалог/подсказку вместо «голой» команды. */
-export interface TableToolbarCallbacks {
-    onSplitCell?: () => void;
-    onMergeCells?: () => void;
-}
-export declare function tableToolbarPlugin(strings: Strings, callbacks?: TableToolbarCallbacks): Plugin;

package/dist/toc-view.d.ts

@@ -1,23 +0,0 @@
-/**
- * NodeView оглавления: наполняется динамически из заголовков документа.
- * Сам toc-узел — atom (без редактируемого содержимого); список строится по
- * h1–h6. Перерисовывается при изменении документа (Editor зовёт refresh() из
- * dispatchTransaction). Клик по пункту прокручивает к заголовку.
- */
-import type { NodeView } from 'prosemirror-view';
-import type { EditorView } from 'prosemirror-view';
-import type { Node as PMNode } from 'prosemirror-model';
-export declare class TocView implements NodeView {
-    readonly dom: HTMLElement;
-    private node;
-    private view;
-    private title;
-    private registry;
-    constructor(node: PMNode, view: EditorView, title: string, registry: Set<TocView>);
-    refresh(): void;
-    private render;
-    private scrollTo;
-    update(node: PMNode): boolean;
-    ignoreMutation(): boolean;
-    destroy(): void;
-}

package/dist/toolbar-editor.d.ts

@@ -1,89 +0,0 @@
-/**
- * Редактор панели «карандаш» - настройка тулбара прямо на месте, без диалога:
- *  - drag-and-drop: кнопки перетаскиваются по панели и из палитры снизу;
- *  - × убирает кнопку (она возвращается в палитру доступных);
- *  - группы: кнопка-группа с обложкой+названием и вложенными кнопками, можно
- *    группировать/разгруппировать, перетаскивать кнопки в группу и из неё;
- *  - обложка группы: иконка из пакета панели / emoji / загруженное изображение.
- *
- * Во время редактирования источник правды - DOM (chips в контейнерах). При
- * «Готово» раскладка считывается из DOM и сохраняется хостом.
- */
-import type { Strings } from './i18n';
-import { type GroupIconKind } from './group-icons';
-/** Группа панели: обложка + название + вложенные кнопки (один уровень). */
-export interface GroupSpec {
-    type: 'group';
-    icon: string;
-    iconKind: GroupIconKind;
-    label: string;
-    items: string[];
-}
-/** Запись раскладки: токен кнопки/разделителя ('|') или группа. */
-export type LayoutEntry = string | GroupSpec;
-export declare function isGroupSpec(e: unknown): e is GroupSpec;
-/** Что редактору нужно от хоста (web-component), чтобы не зависеть от него напрямую. */
-export interface ToolbarEditorHost {
-    shell: HTMLElement;
-    toolbar: HTMLElement;
-    strings: Strings;
-    currentEntries(): LayoutEntry[];
-    allTokens(): string[];
-    tokenLabel(token: string): string;
-    tokenIcon(token: string): string;
-    save(entries: LayoutEntry[]): void;
-    reset(): void;
-}
-export declare class ToolbarEditor {
-    private host;
-    private active;
-    private overlay?;
-    private editRow?;
-    private palette?;
-    private drag?;
-    private onMove;
-    private onUp;
-    private onKey;
-    constructor(host: ToolbarEditorHost);
-    isActive(): boolean;
-    open(): void;
-    /** Сброс к дефолтной раскладке: чистим сохранённую + перерисовываем чипы. */
-    private resetLayout;
-    private done;
-    /**
-     * Принудительно закрыть снаружи: вызывается при отключении редактора от
-     * DOM. Без этого открытая палитра оставляла на document слушатель keydown,
-     * который держал в памяти весь отсоединённый редактор.
-     */
-    destroy(): void;
-    private close;
-    private readback;
-    private readGroupChip;
-    private buildEntryChip;
-    /** Перетаскиваемая «фишка» обычной кнопки/разделителя. */
-    private buildTokenChip;
-    /** Капсула группы в режиме редактирования: обложка, название, вложенные chips, controls. */
-    private buildGroupChip;
-    private addRemoveBtn;
-    private createGroup;
-    private ungroup;
-    private editGroup;
-    private refreshPalette;
-    private buildPaletteChip;
-    private addToken;
-    private makeDraggable;
-    private startDrag;
-    private positionGhost;
-    private handleMove;
-    /** Ближайшая фишка-сосед в зоне, перед которой вставлять (по X-середине). */
-    private nearestChip;
-    private handleUp;
-    private endDrag;
-    private cancelDrag;
-    private openIconPicker;
-    private iconCell;
-    /** Файл → нормализованный data-URL (контейн 64×64 PNG), чтобы не раздувать localStorage. */
-    private fileToIcon;
-    private actionBtn;
-    private esc;
-}

package/dist/validate-signature.d.ts

@@ -1,64 +0,0 @@
-/**
- * Проверка подписи ответа license-сервера.
- *
- * Зачем. Ветка «лицензия подтверждена по кэшу» опирается на localStorage, то
- * есть на данные, которые клиент пишет сам. Без подписи обход выглядит так:
- * закрыть наш домен в hosts, положить одну запись в localStorage - и выгрузки
- * чистые навсегда. Существенно, что это ЛЕГЧЕ, чем снять пометку из кода:
- * патчить бандл умеет разработчик, подделать localStorage - любой по
- * инструкции. Подписанный ответ поднимает цену подделки до обладания нашим
- * приватным ключом.
- *
- * Пара для этих подписей ОТДЕЛЬНАЯ, не та, которой подписываются офлайн-
- * лицензии. Причина несимметричности ущерба: приватный ключ офлайн-пары
- * сознательно не лежит на боевом сервере (см. .env.example license-сервера),
- * потому что его кража позволяет печатать бессрочные лицензии на любой домен,
- * а отозвать их нечем - офлайн-лицензии к нам не обращаются никогда. Ключ для
- * подписи ответов, наоборот, обязан лежать на сервере, смотрящем в интернет;
- * его компрометация стоит ровно перевыпуска пары и обновления константы.
- *
- * Формат: ECDSA P-256 / SHA-256, подпись raw IEEE-P1363 (r||s, 64 байта) в
- * base64url - то, что принимает Web Crypto. Node подписывает в DER по
- * умолчанию, поэтому серверу нужен { dsaEncoding: 'ieee-p1363' }.
- */
-/**
- * Публичная половина пары, которой license-сервер подписывает ответы /validate.
- * Не секрет по своей природе: нужна только для проверки подписи, не для её
- * создания. Приватная лежит на сервере лицензий в отдельном каталоге, НЕ рядом
- * с keys.json - скрипт бэкапа архивирует весь каталог данных и отправляет в
- * Telegram, так что ключ по соседству уехал бы в мессенджер первым же ночным
- * бэкапом.
- */
-export declare const VALIDATE_PUBLIC_KEY_SPKI_B64: string;
-/** Ответ /validate в подписанном виде. */
-export interface SignedAnswer {
-    valid: boolean;
-    plugins: string[];
-    /** Момент подписи на сервере, unix-секунды. Подделать нельзя - он под подписью. */
-    at: number;
-    /** base64url, raw IEEE-P1363. */
-    sig: string;
-}
-/**
- * Каноническая строка, над которой считается подпись.
- *
- * Плагины сортируются: порядок приходит из хранилища сервера и может
- * измениться при любой его правке, а несовпадение порядка ломало бы подпись
- * только у клиентов с двумя и более плагинами - дефект плавающий и
- * мучительный в отладке.
- *
- * Разделитель `|` безопасен: его нет ни в ключе (там A-Z, 0-9 и дефис), ни в
- * домене, ни в именах плагинов. Иначе подпись можно было бы переклеить между
- * полями, сдвинув границу.
- */
-export declare function canonicalAnswer(key: string, domain: string, valid: boolean, plugins: string[], at: number): string;
-/**
- * Проверяет подпись ответа сервера. Никогда не бросает: любая проблема -
- * битая base64, чужая подпись, отсутствующее поле - это `false`.
- *
- * Мягкого режима нет намеренно: если принимать ответы без подписи, обход
- * сводится к тому, чтобы отдать ответ без неё, и вся защита исчезает. Из
- * этого следует порядок выката - сервер начинает подписывать РАНЬШЕ, чем
- * выходит ядро с этой проверкой.
- */
-export declare function verifyAnswerSignature(publicKeySpkiB64: string, answer: SignedAnswer, key: string, domain: string): Promise<boolean>;

package/dist/xlsx-import-cdn.d.ts

@@ -1 +0,0 @@
-export declare function xlsxToHtml(data: ArrayBuffer): Promise<string>;

package/dist/xlsx-import.d.ts

@@ -1,2 +0,0 @@
-/** .xlsx/.xls -> HTML (таблица на лист). */
-export declare function xlsxToHtml(data: ArrayBuffer): Promise<string>;