@longd/layout-ui 0.1.0 → 0.1.2

package/dist/layout/cat-editor.css

@@ -0,0 +1,504 @@
+/* src/layout/cat-editor/style.css */
+.cat-editor-container {
+  position: relative;
+}
+.cat-editor-inner {
+  position: relative;
+}
+.cat-editor-root {
+  outline: none;
+}
+.cat-editor-editable {
+  min-height: 200px;
+  padding: 1rem 1.25rem;
+  font-size: 0.9375rem;
+  line-height: 1.75;
+  color: var(--foreground);
+  outline: none;
+  caret-color: var(--foreground);
+}
+.cat-editor-editable:focus {
+  outline: none;
+}
+.cat-editor-readonly {
+  cursor: default;
+  user-select: none;
+  caret-color: transparent;
+  opacity: 0.75;
+}
+.cat-editor-readonly-selectable {
+  cursor: text;
+}
+.cat-editor-jp-font .cat-editor-editable {
+  font-family:
+    "Noto Sans JP",
+    "Hiragino Kaku Gothic ProN",
+    "Hiragino Sans",
+    "Yu Gothic",
+    "Meiryo",
+    sans-serif;
+}
+.cat-editor-paragraph {
+  margin: 0;
+}
+.cat-editor-placeholder {
+  position: absolute;
+  top: 1rem;
+  left: 1.25rem;
+  color: var(--muted-foreground);
+  pointer-events: none;
+  user-select: none;
+  font-size: 0.9375rem;
+  opacity: 0.6;
+}
+.cat-editor-container[dir=rtl] .cat-editor-placeholder {
+  left: auto;
+  right: 1.25rem;
+  text-align: right;
+}
+.cat-editor-container[dir=rtl] .cat-editor-editable {
+  text-align: right;
+}
+.cat-highlight {
+  cursor: pointer;
+  border-radius: 2px;
+  transition: background-color 0.15s ease, border-color 0.15s ease;
+  position: relative;
+}
+.cat-highlight-spellcheck {
+  background-color: var(--cat-spellcheck-bg, oklch(0.7 0.2 25 / 0.12));
+  border-bottom: 2px wavy var(--cat-spellcheck-underline, oklch(0.6 0.25 25));
+}
+.cat-highlight-spellcheck:hover {
+  background-color: var(--cat-spellcheck-bg-hover, oklch(0.7 0.2 25 / 0.25));
+}
+.cat-highlight-glossary {
+  background-color: var(--cat-glossary-bg, oklch(0.7 0.15 280 / 0.12));
+  border-bottom: 2px solid var(--cat-glossary-underline, oklch(0.6 0.2 280));
+}
+.cat-highlight-glossary:hover {
+  background-color: var(--cat-glossary-bg-hover, oklch(0.7 0.15 280 / 0.25));
+}
+.cat-highlight-glossary-tb-target {
+  --cat-glossary-bg: oklch(0.7 0.12 175 / 0.12);
+  --cat-glossary-underline: oklch(0.55 0.15 175);
+  --cat-glossary-bg-hover: oklch(0.7 0.12 175 / 0.25);
+  border-bottom-style: dashed;
+}
+.cat-highlight-glossary-search {
+  --cat-glossary-bg: oklch(0.9 0.16 95 / 0.45);
+  --cat-glossary-underline: oklch(0.65 0.18 85);
+  --cat-glossary-bg-hover: oklch(0.9 0.16 95 / 0.65);
+}
+.cat-highlight-special-char {
+  background-color: var(--cat-special-char-bg, oklch(0.75 0.14 70 / 0.14));
+  border-bottom: 2px dotted var(--cat-special-char-underline, oklch(0.6 0.18 70));
+}
+.cat-highlight-special-char:hover {
+  background-color: var( --cat-special-char-bg-hover, oklch(0.75 0.14 70 / 0.28) );
+}
+.cat-highlight-tag {
+  background-color: var(--cat-tag-bg, oklch(0.78 0.1 210 / 0.12));
+  border-bottom: 2px solid var(--cat-tag-underline, oklch(0.55 0.13 210));
+  color: var(--cat-tag-text, inherit);
+}
+.cat-highlight-tag:hover {
+  background-color: var(--cat-tag-bg-hover, oklch(0.78 0.1 210 / 0.25));
+}
+.cat-highlight-link {
+  background-color: var(--cat-link-bg, oklch(0.78 0.1 240 / 0.1));
+  border-bottom: 1px solid var(--cat-link-underline, oklch(0.55 0.18 240));
+  color: var(--cat-link-text, oklch(0.45 0.18 240));
+  cursor: pointer;
+  text-decoration: none;
+}
+.cat-highlight-link:hover {
+  background-color: var(--cat-link-bg-hover, oklch(0.78 0.1 240 / 0.22));
+  border-bottom-width: 2px;
+}
+.cat-highlight-mention {
+  background-color: var(--cat-mention-bg, oklch(0.78 0.12 300 / 0.12));
+  border-bottom: 2px solid var(--cat-mention-underline, oklch(0.55 0.18 300));
+  color: var(--cat-mention-text, oklch(0.4 0.18 300));
+  cursor: pointer;
+}
+.cat-highlight-mention:hover {
+  background-color: var(--cat-mention-bg-hover, oklch(0.78 0.12 300 / 0.25));
+}
+.cat-mention-node {
+  display: inline;
+  padding: 0.0625rem 0.3rem;
+  border-radius: 0.25rem;
+  background-color: var(--cat-mention-bg, oklch(0.78 0.12 300 / 0.15));
+  border-bottom: 2px solid var(--cat-mention-underline, oklch(0.55 0.18 300));
+  color: var(--cat-mention-text, oklch(0.4 0.18 300));
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.cat-mention-node:hover {
+  background-color: var(--cat-mention-bg-hover, oklch(0.78 0.12 300 / 0.3));
+}
+.cat-mention-label {
+}
+.cat-mention-avatar {
+  display: inline-block;
+  border-radius: 9999px;
+  vertical-align: text-bottom;
+  object-fit: cover;
+  margin-right: 0.125rem;
+}
+.cat-mention-initials {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  background: oklch(0.7 0.1 300 / 0.3);
+  color: oklch(0.4 0.18 300);
+  font-weight: 600;
+  vertical-align: text-bottom;
+  margin-right: 0.125rem;
+}
+.cat-mention-popover {
+  background: var(--popover);
+  color: var(--popover-foreground);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: 0 4px 16px oklch(0 0 0 / 0.1), 0 1px 4px oklch(0 0 0 / 0.06);
+  min-width: 200px;
+  max-width: 320px;
+  padding: 0.25rem;
+  animation: cat-popover-in 0.15s ease-out;
+  z-index: 1000;
+}
+.cat-highlight-tag.cat-highlight-glossary-search {
+  background-color: var(--cat-glossary-bg, oklch(0.9 0.16 95 / 0.45));
+  border-bottom-color: var(--cat-glossary-underline, oklch(0.65 0.18 85));
+}
+.cat-highlight-tag.cat-highlight-glossary-search:hover {
+  background-color: var(--cat-glossary-bg-hover, oklch(0.9 0.16 95 / 0.65));
+}
+.cat-tags-collapsed .cat-highlight-tag.cat-highlight-tag-collapsed {
+  border-bottom: none !important;
+  background: none !important;
+  background-image: none !important;
+  vertical-align: baseline;
+  padding: 0 !important;
+}
+.cat-highlight-tag-collapsed {
+  color: transparent !important;
+  caret-color: var(--foreground, #000);
+}
+.cat-highlight-tag-collapsed::before {
+  content: attr(data-display);
+  color: var(--cat-tag-collapsed-text, oklch(0.4 0.15 210));
+  background-color: var(--cat-tag-collapsed-bg, oklch(0.78 0.1 210 / 0.18));
+  border-radius: 3px;
+  padding: 0.0625rem 0.25rem;
+  font-weight: 600;
+  font-family: var(--font-mono, ui-monospace, monospace);
+  font-size: 0.8125rem;
+  line-height: 1.75;
+  cursor: pointer;
+  vertical-align: baseline;
+  pointer-events: none;
+  white-space: nowrap;
+}
+.cat-highlight-tag-collapsed:hover::before {
+  background-color: var( --cat-tag-collapsed-bg-hover, oklch(0.78 0.1 210 / 0.35) );
+}
+.cat-tags-collapsed .cat-highlight-tag-collapsed:hover {
+  background: none !important;
+}
+.cat-highlight-space-char {
+  color: transparent !important;
+  caret-color: var(--foreground, #000);
+}
+.cat-highlight-space-char::before {
+  content: "\b7";
+  color: oklch(0.55 0.1 70);
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  pointer-events: none;
+  left: 0;
+}
+.cat-highlight-quote-char {
+  color: transparent !important;
+  caret-color: var(--foreground, #000);
+}
+.cat-highlight-quote-char::before {
+  content: attr(data-display);
+  color: oklch(0.6 0.15 50);
+  font-size: 0.9375rem;
+  pointer-events: none;
+  white-space: nowrap;
+}
+.cat-highlight-nl-marker {
+  cursor: default;
+  background-color: transparent !important;
+  border-bottom: none !important;
+  background-image: none !important;
+  color: oklch(0.55 0.1 70) !important;
+  opacity: 0.7;
+  font-size: 0.875rem !important;
+  font-family:
+    "Segoe UI Symbol",
+    "Apple Symbols",
+    "Noto Sans Symbols 2",
+    system-ui,
+    sans-serif !important;
+  font-style: normal !important;
+  font-weight: 400 !important;
+  user-select: none;
+}
+.cat-highlight-nl-marker:hover {
+  opacity: 1;
+  background-color: oklch(0.75 0.14 70 / 0.14) !important;
+}
+.cat-highlight-nested {
+  background-image:
+    repeating-linear-gradient(
+      -45deg,
+      transparent,
+      transparent 3px,
+      oklch(0.5 0 0 / 0.06) 3px,
+      oklch(0.5 0 0 / 0.06) 4px);
+  border-bottom-style: double;
+  border-bottom-width: 3px;
+}
+.cat-highlight-flash {
+  background-color: oklch(0.78 0.16 350 / 0.35) !important;
+  border-bottom-color: oklch(0.6 0.22 350) !important;
+  transition: background-color 0.2s ease;
+}
+.cat-highlight-flash.cat-highlight-tag-collapsed::before {
+  background-color: oklch(0.78 0.16 350 / 0.35) !important;
+}
+.cat-highlight-flash.cat-highlight-quote-char::before {
+  color: oklch(0.5 0.22 350) !important;
+}
+.dark .cat-highlight-spellcheck {
+  background-color: var(--cat-spellcheck-bg, oklch(0.5 0.2 25 / 0.25));
+  border-bottom-color: var(--cat-spellcheck-underline, oklch(0.65 0.24 25));
+}
+.dark .cat-highlight-spellcheck:hover {
+  background-color: var(--cat-spellcheck-bg-hover, oklch(0.5 0.2 25 / 0.4));
+}
+.dark .cat-highlight-glossary {
+  background-color: var(--cat-glossary-bg, oklch(0.5 0.17 280 / 0.25));
+  border-bottom-color: var(--cat-glossary-underline, oklch(0.65 0.2 280));
+}
+.dark .cat-highlight-glossary:hover {
+  background-color: var(--cat-glossary-bg-hover, oklch(0.5 0.17 280 / 0.4));
+}
+.dark .cat-highlight-glossary-tb-target {
+  --cat-glossary-bg: oklch(0.45 0.12 175 / 0.25);
+  --cat-glossary-underline: oklch(0.6 0.14 175);
+  --cat-glossary-bg-hover: oklch(0.45 0.12 175 / 0.4);
+}
+.dark .cat-highlight-glossary-search {
+  --cat-glossary-bg: oklch(0.6 0.16 85 / 0.45);
+  --cat-glossary-underline: oklch(0.75 0.18 85);
+  --cat-glossary-bg-hover: oklch(0.6 0.16 85 / 0.65);
+}
+.dark .cat-highlight-special-char {
+  background-color: var(--cat-special-char-bg, oklch(0.5 0.16 70 / 0.25));
+  border-bottom-color: var(--cat-special-char-underline, oklch(0.65 0.18 70));
+}
+.dark .cat-highlight-special-char:hover {
+  background-color: var(--cat-special-char-bg-hover, oklch(0.5 0.16 70 / 0.4));
+}
+.dark .cat-highlight-tag {
+  background-color: var(--cat-tag-bg, oklch(0.45 0.12 210 / 0.25));
+  border-bottom-color: var(--cat-tag-underline, oklch(0.6 0.14 210));
+}
+.dark .cat-highlight-tag:hover {
+  background-color: var(--cat-tag-bg-hover, oklch(0.45 0.12 210 / 0.4));
+}
+.dark .cat-highlight-link {
+  background-color: var(--cat-link-bg, oklch(0.45 0.12 240 / 0.25));
+  border-bottom-color: var(--cat-link-underline, oklch(0.65 0.18 240));
+  color: var(--cat-link-text, oklch(0.75 0.16 240));
+}
+.dark .cat-highlight-link:hover {
+  background-color: var(--cat-link-bg-hover, oklch(0.45 0.12 240 / 0.4));
+}
+.dark .cat-highlight-mention {
+  background-color: var(--cat-mention-bg, oklch(0.45 0.14 300 / 0.25));
+  border-bottom-color: var(--cat-mention-underline, oklch(0.65 0.18 300));
+  color: var(--cat-mention-text, oklch(0.8 0.16 300));
+}
+.dark .cat-highlight-mention:hover {
+  background-color: var(--cat-mention-bg-hover, oklch(0.45 0.14 300 / 0.4));
+}
+.dark .cat-mention-node {
+  background-color: var(--cat-mention-bg, oklch(0.45 0.14 300 / 0.3));
+  border-bottom-color: var(--cat-mention-underline, oklch(0.65 0.18 300));
+  color: var(--cat-mention-text, oklch(0.8 0.16 300));
+}
+.dark .cat-mention-node:hover {
+  background-color: var(--cat-mention-bg-hover, oklch(0.45 0.14 300 / 0.45));
+}
+.dark .cat-mention-initials {
+  background: oklch(0.5 0.12 300 / 0.4);
+  color: oklch(0.8 0.16 300);
+}
+.dark .cat-mention-popover {
+  box-shadow: 0 4px 24px oklch(0 0 0 / 0.4), 0 1px 4px oklch(0 0 0 / 0.2);
+}
+.dark .cat-highlight-tag.cat-highlight-glossary-search {
+  background-color: var(--cat-glossary-bg, oklch(0.6 0.16 85 / 0.45));
+  border-bottom-color: var(--cat-glossary-underline, oklch(0.75 0.18 85));
+}
+.dark .cat-highlight-tag.cat-highlight-glossary-search:hover {
+  background-color: var(--cat-glossary-bg-hover, oklch(0.6 0.16 85 / 0.65));
+}
+.dark .cat-highlight-tag-collapsed::before {
+  color: var(--cat-tag-collapsed-text, oklch(0.8 0.12 210));
+  background-color: var(--cat-tag-collapsed-bg, oklch(0.4 0.1 210 / 0.4));
+}
+.dark .cat-highlight-tag-collapsed:hover::before {
+  background-color: var( --cat-tag-collapsed-bg-hover, oklch(0.4 0.1 210 / 0.55) );
+}
+.dark .cat-highlight-space-char::before {
+  color: oklch(0.65 0.14 70);
+}
+.dark .cat-highlight-quote-char::before {
+  color: oklch(0.75 0.17 50);
+}
+.dark .cat-highlight-nested {
+  background-image:
+    repeating-linear-gradient(
+      -45deg,
+      transparent,
+      transparent 3px,
+      oklch(0.7 0 0 / 0.08) 3px,
+      oklch(0.7 0 0 / 0.08) 4px);
+}
+.cat-popover {
+  background: var(--popover);
+  color: var(--popover-foreground);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  box-shadow: 0 4px 16px oklch(0 0 0 / 0.1), 0 1px 4px oklch(0 0 0 / 0.06);
+  animation: cat-popover-in 0.15s ease-out;
+  max-width: 380px;
+}
+.dark .cat-popover {
+  box-shadow: 0 4px 24px oklch(0 0 0 / 0.4), 0 1px 4px oklch(0 0 0 / 0.2);
+}
+@keyframes cat-popover-in {
+  from {
+    opacity: 0;
+    translate: 0 -4px;
+  }
+  to {
+    opacity: 1;
+    translate: 0 0;
+  }
+}
+.cat-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.125rem 0.5rem;
+  border-radius: 9999px;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  line-height: 1.5;
+}
+.cat-badge-spell {
+  background: oklch(0.7 0.2 25 / 0.15);
+  color: oklch(0.5 0.2 25);
+}
+.dark .cat-badge-spell {
+  background: oklch(0.5 0.2 25 / 0.3);
+  color: oklch(0.75 0.2 25);
+}
+.cat-badge-glossary {
+  background: oklch(0.7 0.15 280 / 0.15);
+  color: oklch(0.5 0.2 280);
+}
+.dark .cat-badge-glossary {
+  background: oklch(0.5 0.17 280 / 0.3);
+  color: oklch(0.75 0.18 280);
+}
+.cat-badge-glossary-tb-target {
+  background: oklch(0.7 0.12 175 / 0.15);
+  color: oklch(0.45 0.15 175);
+}
+.dark .cat-badge-glossary-tb-target {
+  background: oklch(0.45 0.12 175 / 0.3);
+  color: oklch(0.7 0.14 175);
+}
+.cat-badge-glossary-search {
+  background: oklch(0.9 0.16 95 / 0.35);
+  color: oklch(0.4 0.15 85);
+}
+.dark .cat-badge-glossary-search {
+  background: oklch(0.6 0.16 85 / 0.4);
+  color: oklch(0.85 0.16 85);
+}
+.cat-badge-special-char {
+  background: oklch(0.75 0.14 70 / 0.15);
+  color: oklch(0.45 0.18 70);
+}
+.dark .cat-badge-special-char {
+  background: oklch(0.45 0.14 70 / 0.3);
+  color: oklch(0.75 0.16 70);
+}
+.cat-badge-tag {
+  background: oklch(0.78 0.1 210 / 0.15);
+  color: oklch(0.4 0.13 210);
+}
+.dark .cat-badge-tag {
+  background: oklch(0.4 0.1 210 / 0.35);
+  color: oklch(0.75 0.12 210);
+}
+.cat-badge-link {
+  background: oklch(0.78 0.1 240 / 0.15);
+  color: oklch(0.4 0.15 240);
+}
+.dark .cat-badge-link {
+  background: oklch(0.4 0.1 240 / 0.35);
+  color: oklch(0.75 0.14 240);
+}
+.cat-badge-mention {
+  background: oklch(0.78 0.12 300 / 0.15);
+  color: oklch(0.4 0.15 300);
+}
+.dark .cat-badge-mention {
+  background: oklch(0.4 0.12 300 / 0.35);
+  color: oklch(0.75 0.14 300);
+}
+.dark .cat-highlight-flash {
+  background-color: oklch(0.45 0.18 350 / 0.4) !important;
+  border-bottom-color: oklch(0.65 0.22 350) !important;
+}
+.dark .cat-highlight-flash.cat-highlight-tag-collapsed::before {
+  background-color: oklch(0.45 0.18 350 / 0.4) !important;
+}
+.dark .cat-highlight-flash.cat-highlight-quote-char::before {
+  color: oklch(0.7 0.22 350) !important;
+}
+.cat-suggestion-btn {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.25rem 0.625rem;
+  font-size: 0.8125rem;
+  border-radius: var(--radius);
+  background: var(--secondary);
+  color: var(--secondary-foreground);
+  border: 1px solid var(--border);
+  cursor: pointer;
+  transition: all 0.15s ease;
+  font-weight: 500;
+}
+.cat-suggestion-btn:hover {
+  background: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--primary);
+}
+/*# sourceMappingURL=cat-editor.css.map */

package/dist/layout/cat-editor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/layout/cat-editor/style.css"],"sourcesContent":["/* ─── CAT Editor ───────────────────────────────────────────────────────────── */\n\n.cat-editor-container {\n  position: relative;\n}\n\n.cat-editor-inner {\n  position: relative;\n}\n\n.cat-editor-root {\n  outline: none;\n}\n\n.cat-editor-editable {\n  min-height: 200px;\n  padding: 1rem 1.25rem;\n  font-size: 0.9375rem;\n  line-height: 1.75;\n  color: var(--foreground);\n  outline: none;\n  caret-color: var(--foreground);\n}\n\n.cat-editor-editable:focus {\n  outline: none;\n}\n\n/* Read-only: fully non-interactive (no caret, no selection) */\n.cat-editor-readonly {\n  cursor: default;\n  user-select: none;\n  caret-color: transparent;\n  opacity: 0.75;\n}\n\n/* Read-only but selectable: caret visible, text can be selected & copied */\n.cat-editor-readonly-selectable {\n  cursor: text;\n}\n\n/* ─── Japanese font stack ──────────────────────────────────────────────────── */\n\n.cat-editor-jp-font .cat-editor-editable {\n  font-family:\n    'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Yu Gothic',\n    'Meiryo', sans-serif;\n}\n\n.cat-editor-paragraph {\n  margin: 0;\n}\n\n.cat-editor-placeholder {\n  position: absolute;\n  top: 1rem;\n  left: 1.25rem;\n  color: var(--muted-foreground);\n  pointer-events: none;\n  user-select: none;\n  font-size: 0.9375rem;\n  opacity: 0.6;\n}\n\n/* ─── RTL support ──────────────────────────────────────────────────────────── */\n\n.cat-editor-container[dir='rtl'] .cat-editor-placeholder {\n  left: auto;\n  right: 1.25rem;\n  text-align: right;\n}\n\n.cat-editor-container[dir='rtl'] .cat-editor-editable {\n  text-align: right;\n}\n\n/* ─── Highlight base ───────────────────────────────────────────────────────── */\n\n.cat-highlight {\n  cursor: pointer;\n  border-radius: 2px;\n  transition:\n    background-color 0.15s ease,\n    border-color 0.15s ease;\n  position: relative;\n}\n\n/* ── Variant CSS custom properties (override from outside) ─────────────────\n   Usage:\n     .my-editor { --cat-spellcheck-bg: oklch(0.8 0.1 25 / 0.2); }\n   or per-rule:\n     .cat-highlight-spellcheck { --cat-spellcheck-underline: red; }\n────────────────────────────────────────────────────────────────────────── */\n\n/* ─── Spellcheck: red wavy underline + subtle red background ───────────── */\n\n.cat-highlight-spellcheck {\n  background-color: var(--cat-spellcheck-bg, oklch(0.7 0.2 25 / 0.12));\n  border-bottom: 2px wavy var(--cat-spellcheck-underline, oklch(0.6 0.25 25));\n}\n.cat-highlight-spellcheck:hover {\n  background-color: var(--cat-spellcheck-bg-hover, oklch(0.7 0.2 25 / 0.25));\n}\n\n/* ─── Glossary (generic term-match) ────────────────────────────────────── */\n\n.cat-highlight-glossary {\n  background-color: var(--cat-glossary-bg, oklch(0.7 0.15 280 / 0.12));\n  border-bottom: 2px solid var(--cat-glossary-underline, oklch(0.6 0.2 280));\n}\n.cat-highlight-glossary:hover {\n  background-color: var(--cat-glossary-bg-hover, oklch(0.7 0.15 280 / 0.25));\n}\n\n/* Glossary – tb-target: teal dashed underline */\n.cat-highlight-glossary-tb-target {\n  --cat-glossary-bg: oklch(0.7 0.12 175 / 0.12);\n  --cat-glossary-underline: oklch(0.55 0.15 175);\n  --cat-glossary-bg-hover: oklch(0.7 0.12 175 / 0.25);\n  border-bottom-style: dashed;\n}\n\n/* Glossary – search: bold yellow highlight */\n.cat-highlight-glossary-search {\n  --cat-glossary-bg: oklch(0.9 0.16 95 / 0.45);\n  --cat-glossary-underline: oklch(0.65 0.18 85);\n  --cat-glossary-bg-hover: oklch(0.9 0.16 95 / 0.65);\n}\n\n/* ─── Special char: amber/orange dotted underline ──────────────────────── */\n\n.cat-highlight-special-char {\n  background-color: var(--cat-special-char-bg, oklch(0.75 0.14 70 / 0.14));\n  border-bottom: 2px dotted\n    var(--cat-special-char-underline, oklch(0.6 0.18 70));\n}\n.cat-highlight-special-char:hover {\n  background-color: var(\n    --cat-special-char-bg-hover,\n    oklch(0.75 0.14 70 / 0.28)\n  );\n}\n\n/* ─── Tag: cyan/sky highlight ──────────────────────────────────────────── */\n\n.cat-highlight-tag {\n  background-color: var(--cat-tag-bg, oklch(0.78 0.1 210 / 0.12));\n  border-bottom: 2px solid var(--cat-tag-underline, oklch(0.55 0.13 210));\n  color: var(--cat-tag-text, inherit);\n}\n.cat-highlight-tag:hover {\n  background-color: var(--cat-tag-bg-hover, oklch(0.78 0.1 210 / 0.25));\n}\n\n/* ─── Link: blue underline, clickable ──────────────────────────────────── */\n\n.cat-highlight-link {\n  background-color: var(--cat-link-bg, oklch(0.78 0.1 240 / 0.1));\n  border-bottom: 1px solid var(--cat-link-underline, oklch(0.55 0.18 240));\n  color: var(--cat-link-text, oklch(0.45 0.18 240));\n  cursor: pointer;\n  text-decoration: none;\n}\n.cat-highlight-link:hover {\n  background-color: var(--cat-link-bg-hover, oklch(0.78 0.1 240 / 0.22));\n  border-bottom-width: 2px;\n}\n\n/* ─── Mention: purple/violet highlight ─────────────────────────────────── */\n\n.cat-highlight-mention {\n  background-color: var(--cat-mention-bg, oklch(0.78 0.12 300 / 0.12));\n  border-bottom: 2px solid var(--cat-mention-underline, oklch(0.55 0.18 300));\n  color: var(--cat-mention-text, oklch(0.4 0.18 300));\n  cursor: pointer;\n}\n.cat-highlight-mention:hover {\n  background-color: var(--cat-mention-bg-hover, oklch(0.78 0.12 300 / 0.25));\n}\n/* ─── MentionNode (Lexical node, not highlight-based) ──────────────── */\n\n.cat-mention-node {\n  display: inline;\n  padding: 0.0625rem 0.3rem;\n  border-radius: 0.25rem;\n  background-color: var(--cat-mention-bg, oklch(0.78 0.12 300 / 0.15));\n  border-bottom: 2px solid var(--cat-mention-underline, oklch(0.55 0.18 300));\n  color: var(--cat-mention-text, oklch(0.4 0.18 300));\n  font-weight: 500;\n  cursor: pointer;\n  white-space: nowrap;\n}\n.cat-mention-node:hover {\n  background-color: var(--cat-mention-bg-hover, oklch(0.78 0.12 300 / 0.3));\n}\n\n.cat-mention-label {\n  /* inherits color from parent .cat-mention-node */\n}\n\n.cat-mention-avatar {\n  display: inline-block;\n  border-radius: 9999px;\n  vertical-align: text-bottom;\n  object-fit: cover;\n  margin-right: 0.125rem;\n}\n\n.cat-mention-initials {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 9999px;\n  background: oklch(0.7 0.1 300 / 0.3);\n  color: oklch(0.4 0.18 300);\n  font-weight: 600;\n  vertical-align: text-bottom;\n  margin-right: 0.125rem;\n}\n\n/* ─── Mention typeahead popover ────────────────────────────────────── */\n\n.cat-mention-popover {\n  background: var(--popover);\n  color: var(--popover-foreground);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  box-shadow:\n    0 4px 16px oklch(0 0 0 / 0.1),\n    0 1px 4px oklch(0 0 0 / 0.06);\n  min-width: 200px;\n  max-width: 320px;\n  padding: 0.25rem;\n  animation: cat-popover-in 0.15s ease-out;\n  z-index: 1000;\n}\n/* When search overlaps a tag, search bg takes priority */\n.cat-highlight-tag.cat-highlight-glossary-search {\n  background-color: var(--cat-glossary-bg, oklch(0.9 0.16 95 / 0.45));\n  border-bottom-color: var(--cat-glossary-underline, oklch(0.65 0.18 85));\n}\n.cat-highlight-tag.cat-highlight-glossary-search:hover {\n  background-color: var(--cat-glossary-bg-hover, oklch(0.9 0.16 95 / 0.65));\n}\n\n/* ─── Collapsed tag mode ───────────────────────────────────────────────── */\n\n.cat-tags-collapsed .cat-highlight-tag.cat-highlight-tag-collapsed {\n  border-bottom: none !important;\n  background: none !important;\n  background-image: none !important;\n  vertical-align: baseline;\n  padding: 0 !important;\n}\n\n/* Zero-width space in DOM; visual pill rendered by ::before. */\n.cat-highlight-tag-collapsed {\n  color: transparent !important;\n  caret-color: var(--foreground, #000);\n}\n.cat-highlight-tag-collapsed::before {\n  content: attr(data-display);\n  color: var(--cat-tag-collapsed-text, oklch(0.4 0.15 210));\n  background-color: var(--cat-tag-collapsed-bg, oklch(0.78 0.1 210 / 0.18));\n  border-radius: 3px;\n  padding: 0.0625rem 0.25rem;\n  font-weight: 600;\n  font-family: var(--font-mono, ui-monospace, monospace);\n  font-size: 0.8125rem;\n  line-height: 1.75;\n  cursor: pointer;\n  vertical-align: baseline;\n  pointer-events: none;\n  white-space: nowrap;\n}\n.cat-highlight-tag-collapsed:hover::before {\n  background-color: var(\n    --cat-tag-collapsed-bg-hover,\n    oklch(0.78 0.1 210 / 0.35)\n  );\n}\n.cat-tags-collapsed .cat-highlight-tag-collapsed:hover {\n  background: none !important;\n}\n\n/* ─── Space char visual replacement ────────────────────────────────────── */\n\n.cat-highlight-space-char {\n  color: transparent !important;\n  caret-color: var(--foreground, #000);\n}\n.cat-highlight-space-char::before {\n  content: '·';\n  color: oklch(0.55 0.1 70);\n  position: absolute;\n  width: 100%;\n  text-align: center;\n  pointer-events: none;\n  left: 0;\n}\n\n/* ─── Quote-char nodes ─────────────────────────────────────────────────── */\n\n.cat-highlight-quote-char {\n  color: transparent !important;\n  caret-color: var(--foreground, #000);\n}\n.cat-highlight-quote-char::before {\n  content: attr(data-display);\n  color: oklch(0.6 0.15 50);\n  font-size: 0.9375rem;\n  pointer-events: none;\n  white-space: nowrap;\n}\n\n/* ─── NL-marker nodes (↩) ─────────────────────────────────────────────── */\n\n.cat-highlight-nl-marker {\n  cursor: default;\n  background-color: transparent !important;\n  border-bottom: none !important;\n  background-image: none !important;\n  color: oklch(0.55 0.1 70) !important;\n  opacity: 0.7;\n  font-size: 0.875rem !important;\n  font-family:\n    'Segoe UI Symbol', 'Apple Symbols', 'Noto Sans Symbols 2', system-ui,\n    sans-serif !important;\n  font-style: normal !important;\n  font-weight: 400 !important;\n  user-select: none;\n}\n.cat-highlight-nl-marker:hover {\n  opacity: 1;\n  background-color: oklch(0.75 0.14 70 / 0.14) !important;\n}\n\n/* ─── Nested highlights (overlapping rules) ────────────────────────────── */\n\n.cat-highlight-nested {\n  background-image: repeating-linear-gradient(\n    -45deg,\n    transparent,\n    transparent 3px,\n    oklch(0.5 0 0 / 0.06) 3px,\n    oklch(0.5 0 0 / 0.06) 4px\n  );\n  border-bottom-style: double;\n  border-bottom-width: 3px;\n}\n\n/* ─── Flash highlight (temporary pink overlay) ─────────────────────────── */\n\n.cat-highlight-flash {\n  background-color: oklch(0.78 0.16 350 / 0.35) !important;\n  border-bottom-color: oklch(0.6 0.22 350) !important;\n  transition: background-color 0.2s ease;\n}\n.cat-highlight-flash.cat-highlight-tag-collapsed::before {\n  background-color: oklch(0.78 0.16 350 / 0.35) !important;\n}\n.cat-highlight-flash.cat-highlight-quote-char::before {\n  color: oklch(0.5 0.22 350) !important;\n}\n\n/* ═══════════════════════════════════════════════════════════════════════════\n   Dark mode\n   ═══════════════════════════════════════════════════════════════════════ */\n\n.dark .cat-highlight-spellcheck {\n  background-color: var(--cat-spellcheck-bg, oklch(0.5 0.2 25 / 0.25));\n  border-bottom-color: var(--cat-spellcheck-underline, oklch(0.65 0.24 25));\n}\n.dark .cat-highlight-spellcheck:hover {\n  background-color: var(--cat-spellcheck-bg-hover, oklch(0.5 0.2 25 / 0.4));\n}\n\n.dark .cat-highlight-glossary {\n  background-color: var(--cat-glossary-bg, oklch(0.5 0.17 280 / 0.25));\n  border-bottom-color: var(--cat-glossary-underline, oklch(0.65 0.2 280));\n}\n.dark .cat-highlight-glossary:hover {\n  background-color: var(--cat-glossary-bg-hover, oklch(0.5 0.17 280 / 0.4));\n}\n\n.dark .cat-highlight-glossary-tb-target {\n  --cat-glossary-bg: oklch(0.45 0.12 175 / 0.25);\n  --cat-glossary-underline: oklch(0.6 0.14 175);\n  --cat-glossary-bg-hover: oklch(0.45 0.12 175 / 0.4);\n}\n\n.dark .cat-highlight-glossary-search {\n  --cat-glossary-bg: oklch(0.6 0.16 85 / 0.45);\n  --cat-glossary-underline: oklch(0.75 0.18 85);\n  --cat-glossary-bg-hover: oklch(0.6 0.16 85 / 0.65);\n}\n\n.dark .cat-highlight-special-char {\n  background-color: var(--cat-special-char-bg, oklch(0.5 0.16 70 / 0.25));\n  border-bottom-color: var(--cat-special-char-underline, oklch(0.65 0.18 70));\n}\n.dark .cat-highlight-special-char:hover {\n  background-color: var(--cat-special-char-bg-hover, oklch(0.5 0.16 70 / 0.4));\n}\n\n.dark .cat-highlight-tag {\n  background-color: var(--cat-tag-bg, oklch(0.45 0.12 210 / 0.25));\n  border-bottom-color: var(--cat-tag-underline, oklch(0.6 0.14 210));\n}\n.dark .cat-highlight-tag:hover {\n  background-color: var(--cat-tag-bg-hover, oklch(0.45 0.12 210 / 0.4));\n}\n\n.dark .cat-highlight-link {\n  background-color: var(--cat-link-bg, oklch(0.45 0.12 240 / 0.25));\n  border-bottom-color: var(--cat-link-underline, oklch(0.65 0.18 240));\n  color: var(--cat-link-text, oklch(0.75 0.16 240));\n}\n.dark .cat-highlight-link:hover {\n  background-color: var(--cat-link-bg-hover, oklch(0.45 0.12 240 / 0.4));\n}\n\n.dark .cat-highlight-mention {\n  background-color: var(--cat-mention-bg, oklch(0.45 0.14 300 / 0.25));\n  border-bottom-color: var(--cat-mention-underline, oklch(0.65 0.18 300));\n  color: var(--cat-mention-text, oklch(0.8 0.16 300));\n}\n.dark .cat-highlight-mention:hover {\n  background-color: var(--cat-mention-bg-hover, oklch(0.45 0.14 300 / 0.4));\n}\n\n.dark .cat-mention-node {\n  background-color: var(--cat-mention-bg, oklch(0.45 0.14 300 / 0.3));\n  border-bottom-color: var(--cat-mention-underline, oklch(0.65 0.18 300));\n  color: var(--cat-mention-text, oklch(0.8 0.16 300));\n}\n.dark .cat-mention-node:hover {\n  background-color: var(--cat-mention-bg-hover, oklch(0.45 0.14 300 / 0.45));\n}\n\n.dark .cat-mention-initials {\n  background: oklch(0.5 0.12 300 / 0.4);\n  color: oklch(0.8 0.16 300);\n}\n\n.dark .cat-mention-popover {\n  box-shadow:\n    0 4px 24px oklch(0 0 0 / 0.4),\n    0 1px 4px oklch(0 0 0 / 0.2);\n}\n\n.dark .cat-highlight-tag.cat-highlight-glossary-search {\n  background-color: var(--cat-glossary-bg, oklch(0.6 0.16 85 / 0.45));\n  border-bottom-color: var(--cat-glossary-underline, oklch(0.75 0.18 85));\n}\n.dark .cat-highlight-tag.cat-highlight-glossary-search:hover {\n  background-color: var(--cat-glossary-bg-hover, oklch(0.6 0.16 85 / 0.65));\n}\n\n.dark .cat-highlight-tag-collapsed::before {\n  color: var(--cat-tag-collapsed-text, oklch(0.8 0.12 210));\n  background-color: var(--cat-tag-collapsed-bg, oklch(0.4 0.1 210 / 0.4));\n}\n.dark .cat-highlight-tag-collapsed:hover::before {\n  background-color: var(\n    --cat-tag-collapsed-bg-hover,\n    oklch(0.4 0.1 210 / 0.55)\n  );\n}\n\n.dark .cat-highlight-space-char::before {\n  color: oklch(0.65 0.14 70);\n}\n\n.dark .cat-highlight-quote-char::before {\n  color: oklch(0.75 0.17 50);\n}\n\n.dark .cat-highlight-nested {\n  background-image: repeating-linear-gradient(\n    -45deg,\n    transparent,\n    transparent 3px,\n    oklch(0.7 0 0 / 0.08) 3px,\n    oklch(0.7 0 0 / 0.08) 4px\n  );\n}\n\n/* ─── Popover ──────────────────────────────────────────────────────────── */\n\n.cat-popover {\n  background: var(--popover);\n  color: var(--popover-foreground);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  box-shadow:\n    0 4px 16px oklch(0 0 0 / 0.1),\n    0 1px 4px oklch(0 0 0 / 0.06);\n  animation: cat-popover-in 0.15s ease-out;\n  max-width: 380px;\n}\n\n.dark .cat-popover {\n  box-shadow:\n    0 4px 24px oklch(0 0 0 / 0.4),\n    0 1px 4px oklch(0 0 0 / 0.2);\n}\n\n@keyframes cat-popover-in {\n  from {\n    opacity: 0;\n    /* Use `translate` (independent CSS property) instead of `transform`\n       so it does NOT override Popper.js's transform-based positioning. */\n    translate: 0 -4px;\n  }\n  to {\n    opacity: 1;\n    translate: 0 0;\n  }\n}\n\n/* ─── Badges ───────────────────────────────────────────────────────────── */\n\n.cat-badge {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  font-size: 0.6875rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  line-height: 1.5;\n}\n\n.cat-badge-spell {\n  background: oklch(0.7 0.2 25 / 0.15);\n  color: oklch(0.5 0.2 25);\n}\n.dark .cat-badge-spell {\n  background: oklch(0.5 0.2 25 / 0.3);\n  color: oklch(0.75 0.2 25);\n}\n\n.cat-badge-glossary {\n  background: oklch(0.7 0.15 280 / 0.15);\n  color: oklch(0.5 0.2 280);\n}\n.dark .cat-badge-glossary {\n  background: oklch(0.5 0.17 280 / 0.3);\n  color: oklch(0.75 0.18 280);\n}\n\n.cat-badge-glossary-tb-target {\n  background: oklch(0.7 0.12 175 / 0.15);\n  color: oklch(0.45 0.15 175);\n}\n.dark .cat-badge-glossary-tb-target {\n  background: oklch(0.45 0.12 175 / 0.3);\n  color: oklch(0.7 0.14 175);\n}\n\n.cat-badge-glossary-search {\n  background: oklch(0.9 0.16 95 / 0.35);\n  color: oklch(0.4 0.15 85);\n}\n.dark .cat-badge-glossary-search {\n  background: oklch(0.6 0.16 85 / 0.4);\n  color: oklch(0.85 0.16 85);\n}\n\n.cat-badge-special-char {\n  background: oklch(0.75 0.14 70 / 0.15);\n  color: oklch(0.45 0.18 70);\n}\n.dark .cat-badge-special-char {\n  background: oklch(0.45 0.14 70 / 0.3);\n  color: oklch(0.75 0.16 70);\n}\n\n.cat-badge-tag {\n  background: oklch(0.78 0.1 210 / 0.15);\n  color: oklch(0.4 0.13 210);\n}\n.dark .cat-badge-tag {\n  background: oklch(0.4 0.1 210 / 0.35);\n  color: oklch(0.75 0.12 210);\n}\n\n.cat-badge-link {\n  background: oklch(0.78 0.1 240 / 0.15);\n  color: oklch(0.4 0.15 240);\n}\n.dark .cat-badge-link {\n  background: oklch(0.4 0.1 240 / 0.35);\n  color: oklch(0.75 0.14 240);\n}\n\n.cat-badge-mention {\n  background: oklch(0.78 0.12 300 / 0.15);\n  color: oklch(0.4 0.15 300);\n}\n.dark .cat-badge-mention {\n  background: oklch(0.4 0.12 300 / 0.35);\n  color: oklch(0.75 0.14 300);\n}\n\n/* Flash highlight dark mode */\n.dark .cat-highlight-flash {\n  background-color: oklch(0.45 0.18 350 / 0.4) !important;\n  border-bottom-color: oklch(0.65 0.22 350) !important;\n}\n.dark .cat-highlight-flash.cat-highlight-tag-collapsed::before {\n  background-color: oklch(0.45 0.18 350 / 0.4) !important;\n}\n.dark .cat-highlight-flash.cat-highlight-quote-char::before {\n  color: oklch(0.7 0.22 350) !important;\n}\n\n/* ─── Suggestion buttons ───────────────────────────────────────────────── */\n\n.cat-suggestion-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.25rem 0.625rem;\n  font-size: 0.8125rem;\n  border-radius: var(--radius);\n  background: var(--secondary);\n  color: var(--secondary-foreground);\n  border: 1px solid var(--border);\n  cursor: pointer;\n  transition: all 0.15s ease;\n  font-weight: 500;\n}\n\n.cat-suggestion-btn:hover {\n  background: var(--primary);\n  color: var(--primary-foreground);\n  border-color: var(--primary);\n}\n"],"mappings":"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","names":[]}

package/dist/layout/cat-editor.d.cts

@@ -0,0 +1,28 @@
+import { e as IMentionUser } from '../CATEditor-C-b6vybW.cjs';
+export { $ as $createMentionNode, k as $isMentionNode, C as CATEditor, a as CATEditorProps, b as CATEditorRef, G as GlossaryAnnotation, H as HighlightSegment, l as IGlossaryEntry, m as IGlossaryRule, n as IKeywordsEntry, I as IKeywordsRule, c as ILinkRule, d as IMentionRule, f as IQuoteRule, o as IQuoteRuleMapping, p as ISpecialCharEntry, g as ISpecialCharRule, h as ISpellCheckRule, q as ISpellCheckValidation, r as ISuggestion, i as ITagRule, K as KeywordsAnnotation, L as LinkAnnotation, s as MentionDOMRenderer, t as MentionNode, u as MentionNodeConfig, M as MooRule, P as PopoverContentRenderer, j as PopoverContentRendererProps, v as PopoverState, Q as QuoteAnnotation, w as RawRange, R as RuleAnnotation, S as SerializedMentionNode, x as SpecialCharAnnotation, y as SpellCheckAnnotation, T as TagAnnotation, C as default, z as getMentionModelText, A as getMentionPattern, B as setMentionNodeConfig } from '../CATEditor-C-b6vybW.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+import '../utils/detect-quotes.cjs';
+import 'lexical';
+
+/**
+ * Code-point → visible display symbol.
+ * Users can customise this map by importing and mutating it before rendering.
+ * Used by HighlightNode to replace invisible characters with
+ * visible placeholders in the editor DOM.
+ */
+declare const CODEPOINT_DISPLAY_MAP: Record<number, string>;
+/** Resolve the effective display map (built-in + overrides). */
+declare function getEffectiveCodepointMap(): Record<number, string>;
+
+interface MentionPluginProps {
+    /** List of users that can be mentioned. */
+    users: Array<IMentionUser>;
+    /** Trigger character (default `@`). */
+    trigger?: string;
+    /** Called when a mention is inserted. */
+    onMentionInsert?: (user: IMentionUser) => void;
+}
+declare function MentionPlugin({ users, trigger, onMentionInsert, }: MentionPluginProps): react_jsx_runtime.JSX.Element;
+
+export { CODEPOINT_DISPLAY_MAP, IMentionUser, MentionPlugin, type MentionPluginProps, getEffectiveCodepointMap };

package/dist/layout/cat-editor.d.ts

@@ -0,0 +1,28 @@
+import { e as IMentionUser } from '../CATEditor-CLp6jZAf.js';
+export { $ as $createMentionNode, k as $isMentionNode, C as CATEditor, a as CATEditorProps, b as CATEditorRef, G as GlossaryAnnotation, H as HighlightSegment, l as IGlossaryEntry, m as IGlossaryRule, n as IKeywordsEntry, I as IKeywordsRule, c as ILinkRule, d as IMentionRule, f as IQuoteRule, o as IQuoteRuleMapping, p as ISpecialCharEntry, g as ISpecialCharRule, h as ISpellCheckRule, q as ISpellCheckValidation, r as ISuggestion, i as ITagRule, K as KeywordsAnnotation, L as LinkAnnotation, s as MentionDOMRenderer, t as MentionNode, u as MentionNodeConfig, M as MooRule, P as PopoverContentRenderer, j as PopoverContentRendererProps, v as PopoverState, Q as QuoteAnnotation, w as RawRange, R as RuleAnnotation, S as SerializedMentionNode, x as SpecialCharAnnotation, y as SpellCheckAnnotation, T as TagAnnotation, C as default, z as getMentionModelText, A as getMentionPattern, B as setMentionNodeConfig } from '../CATEditor-CLp6jZAf.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import 'react';
+import '../utils/detect-quotes.js';
+import 'lexical';
+
+/**
+ * Code-point → visible display symbol.
+ * Users can customise this map by importing and mutating it before rendering.
+ * Used by HighlightNode to replace invisible characters with
+ * visible placeholders in the editor DOM.
+ */
+declare const CODEPOINT_DISPLAY_MAP: Record<number, string>;
+/** Resolve the effective display map (built-in + overrides). */
+declare function getEffectiveCodepointMap(): Record<number, string>;
+
+interface MentionPluginProps {
+    /** List of users that can be mentioned. */
+    users: Array<IMentionUser>;
+    /** Trigger character (default `@`). */
+    trigger?: string;
+    /** Called when a mention is inserted. */
+    onMentionInsert?: (user: IMentionUser) => void;
+}
+declare function MentionPlugin({ users, trigger, onMentionInsert, }: MentionPluginProps): react_jsx_runtime.JSX.Element;
+
+export { CODEPOINT_DISPLAY_MAP, IMentionUser, MentionPlugin, type MentionPluginProps, getEffectiveCodepointMap };

package/dist/layout/cat-editor.js

@@ -0,0 +1,29 @@
+import {
+  $createMentionNode,
+  $isMentionNode,
+  CATEditor,
+  CATEditor_default,
+  CODEPOINT_DISPLAY_MAP,
+  MentionNode,
+  MentionPlugin,
+  getEffectiveCodepointMap,
+  getMentionModelText,
+  getMentionPattern,
+  setMentionNodeConfig
+} from "../chunk-ZME2TTK5.js";
+import "../chunk-BLJWR4ZV.js";
+import "../chunk-YXQGAND3.js";
+export {
+  $createMentionNode,
+  $isMentionNode,
+  CATEditor,
+  CODEPOINT_DISPLAY_MAP,
+  MentionNode,
+  MentionPlugin,
+  CATEditor_default as default,
+  getEffectiveCodepointMap,
+  getMentionModelText,
+  getMentionPattern,
+  setMentionNodeConfig
+};
+//# sourceMappingURL=cat-editor.js.map

package/dist/layout/cat-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/select.cjs

@@ -350,8 +350,9 @@ function MultipleTriggerContent({
   let maxVisible = collapsed ? value.length : visibleCount;
   const hasExplicitLimit = !collapsed && showItemsLength !== void 0;
   if (hasExplicitLimit) {
-    maxVisible = showItemsLength;
+    maxVisible = Math.min(visibleCount, showItemsLength);
   }
+  maxVisible = Math.max(1, maxVisible);
   const hasOverflow = maxVisible < value.length;
   const displayed = value.slice(0, maxVisible);
   const overflowItems = value.slice(maxVisible);