@projectcor/maia-components 2.11.36-4 → 2.11.36-5

package/lib/App.js

@@ -3,27 +3,40 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { DevChatAI } from './dev/DevChatAI';
 import { DevProjectSummary } from './dev/ProjectSummary';
+import { DevContextMentionInput } from './dev/DevContextMentionInput';
+import { DevAbmAgentModal } from './dev/DevAbmAgentModal';
 import { Providers } from './dev/Providers';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var PAGES = {
   'Resumen de proyectos': DevProjectSummary,
-  'Chat Agente PM': DevChatAI
+  'Chat Agente PM': DevChatAI,
+  'Context Mention Input': DevContextMentionInput,
+  'ABM Agent Modal': DevAbmAgentModal
 };
 function App() {
-  var _useState = useState('Chat Agente PM'),
+  var _useState = useState('Context Mention Input'),
     _useState2 = _slicedToArray(_useState, 2),
     page = _useState2[0],
     setPage = _useState2[1];
   var Component = PAGES[page];
+  var pages = Object.keys(PAGES);
   return /*#__PURE__*/_jsxs(Providers, {
     children: [/*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsxs("button", {
-        onClick: function onClick() {
-          return setPage(function (prev) {
-            return prev === 'Chat Agente PM' ? 'Resumen de proyectos' : 'Chat Agente PM';
-          });
-        },
-        children: ["cambiar a ", page === 'Chat Agente PM' ? 'Resumen de proyectos' : 'Chat Agente PM']
+      style: {
+        display: 'flex',
+        gap: 8,
+        padding: 8
+      },
+      children: pages.map(function (p) {
+        return /*#__PURE__*/_jsx("button", {
+          onClick: function onClick() {
+            return setPage(p);
+          },
+          style: {
+            fontWeight: page === p ? 700 : 400
+          },
+          children: p
+        }, p);
       })
     }), /*#__PURE__*/_jsx("div", {
       id: "modals-portal-maia-chat-agent"
@@ -41,4 +54,4 @@ function App() {
   });
 }
 export default App;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VTdGF0ZSIsIkRldkNoYXRBSSIsIkRldlByb2plY3RTdW1tYXJ5IiwiUHJvdmlkZXJzIiwianN4cyIsIl9qc3hzIiwianN4IiwiX2pzeCIsIlBBR0VTIiwiQXBwIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwicGFnZSIsInNldFBhZ2UiLCJDb21wb25lbnQiLCJjaGlsZHJlbiIsIm9uQ2xpY2siLCJwcmV2IiwiaWQiXSwic291cmNlcyI6WyIuLi9zcmMvQXBwLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9idXR0b24taGFzLXR5cGUgKi9cbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IERldkNoYXRBSSB9IGZyb20gJy4vZGV2L0RldkNoYXRBSSdcbmltcG9ydCB7IERldlByb2plY3RTdW1tYXJ5IH0gZnJvbSAnLi9kZXYvUHJvamVjdFN1bW1hcnknXG5cbmltcG9ydCB7IFByb3ZpZGVycyB9IGZyb20gJy4vZGV2L1Byb3ZpZGVycydcblxuY29uc3QgUEFHRVMgPSB7XG4gICdSZXN1bWVuIGRlIHByb3llY3Rvcyc6IERldlByb2plY3RTdW1tYXJ5LFxuICAnQ2hhdCBBZ2VudGUgUE0nOiBEZXZDaGF0QUksXG59XG5cbnR5cGUgUGFnZSA9IGtleW9mIHR5cGVvZiBQQUdFU1xuXG5mdW5jdGlvbiBBcHAoKSB7XG4gIGNvbnN0IFtwYWdlLCBzZXRQYWdlXSA9IHVzZVN0YXRlPFBhZ2U+KCdDaGF0IEFnZW50ZSBQTScpXG4gIGNvbnN0IENvbXBvbmVudCA9IFBBR0VTW3BhZ2VdXG4gIHJldHVybiAoXG4gICAgPFByb3ZpZGVycz5cbiAgICAgIDxkaXY+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRQYWdlKHByZXYgPT4gKHByZXYgPT09ICdDaGF0IEFnZW50ZSBQTScgPyAnUmVzdW1lbiBkZSBwcm95ZWN0b3MnIDogJ0NoYXQgQWdlbnRlIFBNJykpfVxuICAgICAgICA+XG4gICAgICAgICAgY2FtYmlhciBhIHtwYWdlID09PSAnQ2hhdCBBZ2VudGUgUE0nID8gJ1Jlc3VtZW4gZGUgcHJveWVjdG9zJyA6ICdDaGF0IEFnZW50ZSBQTSd9XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGlkPVwibW9kYWxzLXBvcnRhbC1tYWlhLWNoYXQtYWdlbnRcIiAvPlxuICAgICAgPGRpdiBpZD1cImFibS1hZ2VudC1tb2RhbFwiIC8+XG4gICAgICA8ZGl2IGlkPVwic25hY2tiYXItcG9ydGFsLW1haWEtY2hhdC1hZ2VudFwiIC8+XG4gICAgICA8ZGl2IGlkPVwiZW1vamktcGlja2VyLWNvbnRhaW5lclwiIC8+XG4gICAgICA8ZGl2IGlkPVwiZW1vamktcGlja2VyLWNvbnRhaW5lci1tYWlhLWNoYXQtYWdlbnRcIiAvPlxuICAgICAgPGRpdiBpZD1cIm1vZGFsLXBvcnRhbC12aWRlby1vbmJvYXJkaW5nXCIgLz5cbiAgICAgIDxDb21wb25lbnQgLz5cbiAgICA8L1Byb3ZpZGVycz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBcbiJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0EsU0FBU0EsUUFBUSxRQUFRLE9BQU87QUFFaEMsU0FBU0MsU0FBUyxRQUFRLGlCQUFpQjtBQUMzQyxTQUFTQyxpQkFBaUIsUUFBUSxzQkFBc0I7QUFFeEQsU0FBU0MsU0FBUyxRQUFRLGlCQUFpQjtBQUFBLFNBQUFDLElBQUEsSUFBQUMsS0FBQSxFQUFBQyxHQUFBLElBQUFDLElBQUE7QUFFM0MsSUFBTUMsS0FBSyxHQUFHO0VBQ1osc0JBQXNCLEVBQUVOLGlCQUFpQjtFQUN6QyxnQkFBZ0IsRUFBRUQ7QUFDcEIsQ0FBQztBQUlELFNBQVNRLEdBQUdBLENBQUEsRUFBRztFQUNiLElBQUFDLFNBQUEsR0FBd0JWLFFBQVEsQ0FBTyxnQkFBZ0IsQ0FBQztJQUFBVyxVQUFBLEdBQUFDLGNBQUEsQ0FBQUYsU0FBQTtJQUFqREcsSUFBSSxHQUFBRixVQUFBO0lBQUVHLE9BQU8sR0FBQUgsVUFBQTtFQUNwQixJQUFNSSxTQUFTLEdBQUdQLEtBQUssQ0FBQ0ssSUFBSSxDQUFDO0VBQzdCLG9CQUNFUixLQUFBLENBQUNGLFNBQVM7SUFBQWEsUUFBQSxnQkFDUlQsSUFBQTtNQUFBUyxRQUFBLGVBQ0VYLEtBQUE7UUFDRVksT0FBTyxFQUFFLFNBQVRBLE9BQU9BLENBQUE7VUFBQSxPQUFRSCxPQUFPLENBQUMsVUFBQUksSUFBSTtZQUFBLE9BQUtBLElBQUksS0FBSyxnQkFBZ0IsR0FBRyxzQkFBc0IsR0FBRyxnQkFBZ0I7VUFBQSxDQUFDLENBQUM7UUFBQSxDQUFDO1FBQUFGLFFBQUEsR0FDekcsWUFDVyxFQUFDSCxJQUFJLEtBQUssZ0JBQWdCLEdBQUcsc0JBQXNCLEdBQUcsZ0JBQWdCO01BQUEsQ0FDMUU7SUFBQyxDQUNOLENBQUMsZUFDTk4sSUFBQTtNQUFLWSxFQUFFLEVBQUM7SUFBK0IsQ0FBRSxDQUFDLGVBQzFDWixJQUFBO01BQUtZLEVBQUUsRUFBQztJQUFpQixDQUFFLENBQUMsZUFDNUJaLElBQUE7TUFBS1ksRUFBRSxFQUFDO0lBQWlDLENBQUUsQ0FBQyxlQUM1Q1osSUFBQTtNQUFLWSxFQUFFLEVBQUM7SUFBd0IsQ0FBRSxDQUFDLGVBQ25DWixJQUFBO01BQUtZLEVBQUUsRUFBQztJQUF3QyxDQUFFLENBQUMsZUFDbkRaLElBQUE7TUFBS1ksRUFBRSxFQUFDO0lBQStCLENBQUUsQ0FBQyxlQUMxQ1osSUFBQSxDQUFDUSxTQUFTLElBQUUsQ0FBQztFQUFBLENBQ0osQ0FBQztBQUVoQjtBQUVBLGVBQWVOLEdBQUciLCJpZ25vcmVMaXN0IjpbXX0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJ1c2VTdGF0ZSIsIkRldkNoYXRBSSIsIkRldlByb2plY3RTdW1tYXJ5IiwiRGV2Q29udGV4dE1lbnRpb25JbnB1dCIsIkRldkFibUFnZW50TW9kYWwiLCJQcm92aWRlcnMiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiUEFHRVMiLCJBcHAiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJwYWdlIiwic2V0UGFnZSIsIkNvbXBvbmVudCIsInBhZ2VzIiwiT2JqZWN0Iiwia2V5cyIsImNoaWxkcmVuIiwic3R5bGUiLCJkaXNwbGF5IiwiZ2FwIiwicGFkZGluZyIsIm1hcCIsInAiLCJvbkNsaWNrIiwiZm9udFdlaWdodCIsImlkIl0sInNvdXJjZXMiOlsiLi4vc3JjL0FwcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvYnV0dG9uLWhhcy10eXBlICovXG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBEZXZDaGF0QUkgfSBmcm9tICcuL2Rldi9EZXZDaGF0QUknXG5pbXBvcnQgeyBEZXZQcm9qZWN0U3VtbWFyeSB9IGZyb20gJy4vZGV2L1Byb2plY3RTdW1tYXJ5J1xuaW1wb3J0IHsgRGV2Q29udGV4dE1lbnRpb25JbnB1dCB9IGZyb20gJy4vZGV2L0RldkNvbnRleHRNZW50aW9uSW5wdXQnXG5pbXBvcnQgeyBEZXZBYm1BZ2VudE1vZGFsIH0gZnJvbSAnLi9kZXYvRGV2QWJtQWdlbnRNb2RhbCdcblxuaW1wb3J0IHsgUHJvdmlkZXJzIH0gZnJvbSAnLi9kZXYvUHJvdmlkZXJzJ1xuXG5jb25zdCBQQUdFUyA9IHtcbiAgJ1Jlc3VtZW4gZGUgcHJveWVjdG9zJzogRGV2UHJvamVjdFN1bW1hcnksXG4gICdDaGF0IEFnZW50ZSBQTSc6IERldkNoYXRBSSxcbiAgJ0NvbnRleHQgTWVudGlvbiBJbnB1dCc6IERldkNvbnRleHRNZW50aW9uSW5wdXQsXG4gICdBQk0gQWdlbnQgTW9kYWwnOiBEZXZBYm1BZ2VudE1vZGFsLFxufVxuXG50eXBlIFBhZ2UgPSBrZXlvZiB0eXBlb2YgUEFHRVNcblxuZnVuY3Rpb24gQXBwKCkge1xuICBjb25zdCBbcGFnZSwgc2V0UGFnZV0gPSB1c2VTdGF0ZTxQYWdlPignQ29udGV4dCBNZW50aW9uIElucHV0JylcbiAgY29uc3QgQ29tcG9uZW50ID0gUEFHRVNbcGFnZV1cbiAgY29uc3QgcGFnZXMgPSBPYmplY3Qua2V5cyhQQUdFUykgYXMgUGFnZVtdXG5cbiAgcmV0dXJuIChcbiAgICA8UHJvdmlkZXJzPlxuICAgICAgPGRpdiBzdHlsZT17eyBkaXNwbGF5OiAnZmxleCcsIGdhcDogOCwgcGFkZGluZzogOCB9fT5cbiAgICAgICAge3BhZ2VzLm1hcChwID0+IChcbiAgICAgICAgICA8YnV0dG9uIGtleT17cH0gb25DbGljaz17KCkgPT4gc2V0UGFnZShwKX0gc3R5bGU9e3sgZm9udFdlaWdodDogcGFnZSA9PT0gcCA/IDcwMCA6IDQwMCB9fT5cbiAgICAgICAgICAgIHtwfVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBpZD1cIm1vZGFscy1wb3J0YWwtbWFpYS1jaGF0LWFnZW50XCIgLz5cbiAgICAgIDxkaXYgaWQ9XCJhYm0tYWdlbnQtbW9kYWxcIiAvPlxuICAgICAgPGRpdiBpZD1cInNuYWNrYmFyLXBvcnRhbC1tYWlhLWNoYXQtYWdlbnRcIiAvPlxuICAgICAgPGRpdiBpZD1cImVtb2ppLXBpY2tlci1jb250YWluZXJcIiAvPlxuICAgICAgPGRpdiBpZD1cImVtb2ppLXBpY2tlci1jb250YWluZXItbWFpYS1jaGF0LWFnZW50XCIgLz5cbiAgICAgIDxkaXYgaWQ9XCJtb2RhbC1wb3J0YWwtdmlkZW8tb25ib2FyZGluZ1wiIC8+XG4gICAgICA8Q29tcG9uZW50IC8+XG4gICAgPC9Qcm92aWRlcnM+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwXG4iXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBLFNBQVNBLFFBQVEsUUFBUSxPQUFPO0FBRWhDLFNBQVNDLFNBQVMsUUFBUSxpQkFBaUI7QUFDM0MsU0FBU0MsaUJBQWlCLFFBQVEsc0JBQXNCO0FBQ3hELFNBQVNDLHNCQUFzQixRQUFRLDhCQUE4QjtBQUNyRSxTQUFTQyxnQkFBZ0IsUUFBUSx3QkFBd0I7QUFFekQsU0FBU0MsU0FBUyxRQUFRLGlCQUFpQjtBQUFBLFNBQUFDLEdBQUEsSUFBQUMsSUFBQSxFQUFBQyxJQUFBLElBQUFDLEtBQUE7QUFFM0MsSUFBTUMsS0FBSyxHQUFHO0VBQ1osc0JBQXNCLEVBQUVSLGlCQUFpQjtFQUN6QyxnQkFBZ0IsRUFBRUQsU0FBUztFQUMzQix1QkFBdUIsRUFBRUUsc0JBQXNCO0VBQy9DLGlCQUFpQixFQUFFQztBQUNyQixDQUFDO0FBSUQsU0FBU08sR0FBR0EsQ0FBQSxFQUFHO0VBQ2IsSUFBQUMsU0FBQSxHQUF3QlosUUFBUSxDQUFPLHVCQUF1QixDQUFDO0lBQUFhLFVBQUEsR0FBQUMsY0FBQSxDQUFBRixTQUFBO0lBQXhERyxJQUFJLEdBQUFGLFVBQUE7SUFBRUcsT0FBTyxHQUFBSCxVQUFBO0VBQ3BCLElBQU1JLFNBQVMsR0FBR1AsS0FBSyxDQUFDSyxJQUFJLENBQUM7RUFDN0IsSUFBTUcsS0FBSyxHQUFHQyxNQUFNLENBQUNDLElBQUksQ0FBQ1YsS0FBSyxDQUFXO0VBRTFDLG9CQUNFRCxLQUFBLENBQUNKLFNBQVM7SUFBQWdCLFFBQUEsZ0JBQ1JkLElBQUE7TUFBS2UsS0FBSyxFQUFFO1FBQUVDLE9BQU8sRUFBRSxNQUFNO1FBQUVDLEdBQUcsRUFBRSxDQUFDO1FBQUVDLE9BQU8sRUFBRTtNQUFFLENBQUU7TUFBQUosUUFBQSxFQUNqREgsS0FBSyxDQUFDUSxHQUFHLENBQUMsVUFBQUMsQ0FBQztRQUFBLG9CQUNWcEIsSUFBQTtVQUFnQnFCLE9BQU8sRUFBRSxTQUFUQSxPQUFPQSxDQUFBO1lBQUEsT0FBUVosT0FBTyxDQUFDVyxDQUFDLENBQUM7VUFBQSxDQUFDO1VBQUNMLEtBQUssRUFBRTtZQUFFTyxVQUFVLEVBQUVkLElBQUksS0FBS1ksQ0FBQyxHQUFHLEdBQUcsR0FBRztVQUFJLENBQUU7VUFBQU4sUUFBQSxFQUN0Rk07UUFBQyxHQURTQSxDQUVMLENBQUM7TUFBQSxDQUNWO0lBQUMsQ0FDQyxDQUFDLGVBQ05wQixJQUFBO01BQUt1QixFQUFFLEVBQUM7SUFBK0IsQ0FBRSxDQUFDLGVBQzFDdkIsSUFBQTtNQUFLdUIsRUFBRSxFQUFDO0lBQWlCLENBQUUsQ0FBQyxlQUM1QnZCLElBQUE7TUFBS3VCLEVBQUUsRUFBQztJQUFpQyxDQUFFLENBQUMsZUFDNUN2QixJQUFBO01BQUt1QixFQUFFLEVBQUM7SUFBd0IsQ0FBRSxDQUFDLGVBQ25DdkIsSUFBQTtNQUFLdUIsRUFBRSxFQUFDO0lBQXdDLENBQUUsQ0FBQyxlQUNuRHZCLElBQUE7TUFBS3VCLEVBQUUsRUFBQztJQUErQixDQUFFLENBQUMsZUFDMUN2QixJQUFBLENBQUNVLFNBQVMsSUFBRSxDQUFDO0VBQUEsQ0FDSixDQUFDO0FBRWhCO0FBRUEsZUFBZU4sR0FBRyIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/components/atoms/ContextMentionChip/ContextMentionChip.js

@@ -0,0 +1,28 @@
+import { CONTEXT_MENTION_CHIP_CLASS } from '../../../types/contextMention';
+import { getContextMentionIcon } from '../../../utils/contextMentionIcons';
+import { normalizeContextMentionLabel } from '../../../utils/contextMentionLabel';
+import { MENTION_CHIP_COLORS, SCMCChip, SCMCChipIcon } from './ContextMentionChip.styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Representación visual de una mention. Es el chip único usado tanto adentro
+ * del ContextMentionEditor (inline, atomic via contentEditable=false) como
+ * dentro de los mensajes del chat e historial. La className compartida
+ * (`CONTEXT_MENTION_CHIP_CLASS`) permite estilarlo desde cualquier lugar y
+ * funciona como "key de estilos" del feature.
+ */
+export var ContextMentionChip = function ContextMentionChip(_ref) {
+  var type = _ref.type,
+    label = _ref.label,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? true : _ref$inline;
+  return /*#__PURE__*/_jsxs(SCMCChip, {
+    $type: type,
+    className: CONTEXT_MENTION_CHIP_CLASS,
+    contentEditable: inline ? false : undefined,
+    "data-mention-chip": "true",
+    children: [/*#__PURE__*/_jsx(SCMCChipIcon, {
+      children: getContextMentionIcon(type, MENTION_CHIP_COLORS[type].fg)
+    }), normalizeContextMentionLabel(label)]
+  });
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDT05URVhUX01FTlRJT05fQ0hJUF9DTEFTUyIsImdldENvbnRleHRNZW50aW9uSWNvbiIsIm5vcm1hbGl6ZUNvbnRleHRNZW50aW9uTGFiZWwiLCJNRU5USU9OX0NISVBfQ09MT1JTIiwiU0NNQ0NoaXAiLCJTQ01DQ2hpcEljb24iLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiQ29udGV4dE1lbnRpb25DaGlwIiwiX3JlZiIsInR5cGUiLCJsYWJlbCIsIl9yZWYkaW5saW5lIiwiaW5saW5lIiwiJHR5cGUiLCJjbGFzc05hbWUiLCJjb250ZW50RWRpdGFibGUiLCJ1bmRlZmluZWQiLCJjaGlsZHJlbiIsImZnIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXRvbXMvQ29udGV4dE1lbnRpb25DaGlwL0NvbnRleHRNZW50aW9uQ2hpcC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENPTlRFWFRfTUVOVElPTl9DSElQX0NMQVNTLCBDb250ZXh0RW50aXR5VHlwZSB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL2NvbnRleHRNZW50aW9uJ1xuaW1wb3J0IHsgZ2V0Q29udGV4dE1lbnRpb25JY29uIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY29udGV4dE1lbnRpb25JY29ucydcbmltcG9ydCB7IG5vcm1hbGl6ZUNvbnRleHRNZW50aW9uTGFiZWwgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jb250ZXh0TWVudGlvbkxhYmVsJ1xuaW1wb3J0IHsgTUVOVElPTl9DSElQX0NPTE9SUywgU0NNQ0NoaXAsIFNDTUNDaGlwSWNvbiB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25DaGlwLnN0eWxlcydcblxudHlwZSBDb250ZXh0TWVudGlvbkNoaXBQcm9wcyA9IHtcbiAgdHlwZTogQ29udGV4dEVudGl0eVR5cGVcbiAgbGFiZWw6IHN0cmluZ1xuICAvKiogQ3VhbmRvIGVzIHRydWUgZWwgY2hpcCBzZSBtb250YSBkZW50cm8gZGVsIGNvbnRlbnRlZGl0YWJsZSAoZWRpdG9yKSAqL1xuICBpbmxpbmU/OiBib29sZWFuXG59XG5cbi8qKlxuICogUmVwcmVzZW50YWNpw7NuIHZpc3VhbCBkZSB1bmEgbWVudGlvbi4gRXMgZWwgY2hpcCDDum5pY28gdXNhZG8gdGFudG8gYWRlbnRyb1xuICogZGVsIENvbnRleHRNZW50aW9uRWRpdG9yIChpbmxpbmUsIGF0b21pYyB2aWEgY29udGVudEVkaXRhYmxlPWZhbHNlKSBjb21vXG4gKiBkZW50cm8gZGUgbG9zIG1lbnNhamVzIGRlbCBjaGF0IGUgaGlzdG9yaWFsLiBMYSBjbGFzc05hbWUgY29tcGFydGlkYVxuICogKGBDT05URVhUX01FTlRJT05fQ0hJUF9DTEFTU2ApIHBlcm1pdGUgZXN0aWxhcmxvIGRlc2RlIGN1YWxxdWllciBsdWdhciB5XG4gKiBmdW5jaW9uYSBjb21vIFwia2V5IGRlIGVzdGlsb3NcIiBkZWwgZmVhdHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IENvbnRleHRNZW50aW9uQ2hpcDogRkM8Q29udGV4dE1lbnRpb25DaGlwUHJvcHM+ID0gKHsgdHlwZSwgbGFiZWwsIGlubGluZSA9IHRydWUgfSkgPT4gKFxuICA8U0NNQ0NoaXBcbiAgICAkdHlwZT17dHlwZX1cbiAgICBjbGFzc05hbWU9e0NPTlRFWFRfTUVOVElPTl9DSElQX0NMQVNTfVxuICAgIGNvbnRlbnRFZGl0YWJsZT17aW5saW5lID8gZmFsc2UgOiB1bmRlZmluZWR9XG4gICAgZGF0YS1tZW50aW9uLWNoaXA9XCJ0cnVlXCJcbiAgPlxuICAgIDxTQ01DQ2hpcEljb24+e2dldENvbnRleHRNZW50aW9uSWNvbih0eXBlLCBNRU5USU9OX0NISVBfQ09MT1JTW3R5cGVdLmZnKX08L1NDTUNDaGlwSWNvbj5cbiAgICB7bm9ybWFsaXplQ29udGV4dE1lbnRpb25MYWJlbChsYWJlbCl9XG4gIDwvU0NNQ0NoaXA+XG4pXG4iXSwibWFwcGluZ3MiOiJBQUNBLFNBQVNBLDBCQUEwQixRQUEyQiwrQkFBK0I7QUFDN0YsU0FBU0MscUJBQXFCLFFBQVEsb0NBQW9DO0FBQzFFLFNBQVNDLDRCQUE0QixRQUFRLG9DQUFvQztBQUNqRixTQUFTQyxtQkFBbUIsRUFBRUMsUUFBUSxFQUFFQyxZQUFZLFFBQVEsNkJBQTZCO0FBQUEsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQVN6RjtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE9BQU8sSUFBTUMsa0JBQStDLEdBQUcsU0FBbERBLGtCQUErQ0EsQ0FBQUMsSUFBQTtFQUFBLElBQU1DLElBQUksR0FBQUQsSUFBQSxDQUFKQyxJQUFJO0lBQUVDLEtBQUssR0FBQUYsSUFBQSxDQUFMRSxLQUFLO0lBQUFDLFdBQUEsR0FBQUgsSUFBQSxDQUFFSSxNQUFNO0lBQU5BLE1BQU0sR0FBQUQsV0FBQSxjQUFHLElBQUksR0FBQUEsV0FBQTtFQUFBLG9CQUMxRkwsS0FBQSxDQUFDTCxRQUFRO0lBQ1BZLEtBQUssRUFBRUosSUFBSztJQUNaSyxTQUFTLEVBQUVqQiwwQkFBMkI7SUFDdENrQixlQUFlLEVBQUVILE1BQU0sR0FBRyxLQUFLLEdBQUdJLFNBQVU7SUFDNUMscUJBQWtCLE1BQU07SUFBQUMsUUFBQSxnQkFFeEJiLElBQUEsQ0FBQ0YsWUFBWTtNQUFBZSxRQUFBLEVBQUVuQixxQkFBcUIsQ0FBQ1csSUFBSSxFQUFFVCxtQkFBbUIsQ0FBQ1MsSUFBSSxDQUFDLENBQUNTLEVBQUU7SUFBQyxDQUFlLENBQUMsRUFDdkZuQiw0QkFBNEIsQ0FBQ1csS0FBSyxDQUFDO0VBQUEsQ0FDNUIsQ0FBQztBQUFBLENBQ1oiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/atoms/ContextMentionChip/ContextMentionChip.styles.js

@@ -0,0 +1,84 @@
+import styled, { css } from 'styled-components';
+/**
+ * Paleta compartida entre el styled-component (`SCMCChip`) y el builder
+ * imperativo (`buildChipElement`) que inserta el chip dentro del contenteditable.
+ * Cambiar colores acá impacta en ambos caminos.
+ */
+export var MENTION_CHIP_COLORS = {
+  client: {
+    bg: 'rgba(45, 119, 189, 0.08)',
+    fg: '#2d77bd'
+  },
+  project: {
+    bg: 'rgba(45, 119, 189, 0.08)',
+    fg: '#2d77bd'
+  },
+  task: {
+    bg: 'rgba(45, 119, 189, 0.08)',
+    fg: '#2d77bd'
+  },
+  user: {
+    bg: 'rgba(45, 119, 189, 0.08)',
+    fg: '#2d77bd'
+  },
+  mcp: {
+    bg: 'rgba(45, 119, 189, 0.08)',
+    fg: '#2d77bd'
+  }
+};
+
+/**
+ * Estilos base aplicados tanto al span imperativo como al styled component.
+ * Mantenerlos como objeto para poder aplicarlos vía `Object.assign(el.style, ...)`.
+ */
+export var MENTION_CHIP_BASE_STYLE = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  gap: '4px',
+  padding: '0 6px',
+  margin: '0 1px',
+  borderRadius: '4px',
+  fontFamily: "var(--cor-typography-font-family, 'Work Sans')",
+  fontSize: '12px',
+  fontWeight: '500',
+  lineHeight: '12px',
+  whiteSpace: 'nowrap',
+  userSelect: 'none',
+  verticalAlign: 'baseline',
+  cursor: 'default'
+};
+
+/**
+ * CSS shared por el styled-component: usa la misma paleta que el builder.
+ */
+var chipCssByType = function chipCssByType(type) {
+  var _MENTION_CHIP_COLORS$;
+  var c = (_MENTION_CHIP_COLORS$ = MENTION_CHIP_COLORS[type]) !== null && _MENTION_CHIP_COLORS$ !== void 0 ? _MENTION_CHIP_COLORS$ : MENTION_CHIP_COLORS.user;
+  return css(["background:", ";color:", ";"], c.bg, c.fg);
+};
+
+/**
+ * Aplica los estilos del chip a un nodo DOM existente.
+ * Usado por `buildChipElement` para insertar el chip dentro del contenteditable,
+ * donde necesitamos un nodo imperativo (no un componente React).
+ */
+export var applyMentionChipStyles = function applyMentionChipStyles(el, type) {
+  var _MENTION_CHIP_COLORS$2;
+  var c = (_MENTION_CHIP_COLORS$2 = MENTION_CHIP_COLORS[type]) !== null && _MENTION_CHIP_COLORS$2 !== void 0 ? _MENTION_CHIP_COLORS$2 : MENTION_CHIP_COLORS.user;
+  Object.assign(el.style, MENTION_CHIP_BASE_STYLE, {
+    background: c.bg,
+    color: c.fg
+  });
+};
+export var SCMCChip = styled.span.withConfig({
+  displayName: "ContextMentionChipstyles__SCMCChip",
+  componentId: "sc-11ynxow-0"
+})(["display:inline-flex;align-items:center;gap:4px;padding:0 6px;margin:0 1px;border-radius:4px;", " font-family:var(--cor-typography-font-family,'Work Sans');font-size:12px;font-weight:500;line-height:12px;white-space:nowrap;user-select:none;vertical-align:baseline;height:20px;cursor:default;"], function (_ref) {
+  var $type = _ref.$type;
+  return chipCssByType($type !== null && $type !== void 0 ? $type : 'user');
+});
+export var SCMCChipIcon = styled.span.withConfig({
+  displayName: "ContextMentionChipstyles__SCMCChipIcon",
+  componentId: "sc-11ynxow-1"
+})(["display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex:0 0 12px;"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJjc3MiLCJNRU5USU9OX0NISVBfQ09MT1JTIiwiY2xpZW50IiwiYmciLCJmZyIsInByb2plY3QiLCJ0YXNrIiwidXNlciIsIm1jcCIsIk1FTlRJT05fQ0hJUF9CQVNFX1NUWUxFIiwiZGlzcGxheSIsImFsaWduSXRlbXMiLCJnYXAiLCJwYWRkaW5nIiwibWFyZ2luIiwiYm9yZGVyUmFkaXVzIiwiZm9udEZhbWlseSIsImZvbnRTaXplIiwiZm9udFdlaWdodCIsImxpbmVIZWlnaHQiLCJ3aGl0ZVNwYWNlIiwidXNlclNlbGVjdCIsInZlcnRpY2FsQWxpZ24iLCJjdXJzb3IiLCJjaGlwQ3NzQnlUeXBlIiwidHlwZSIsIl9NRU5USU9OX0NISVBfQ09MT1JTJCIsImMiLCJhcHBseU1lbnRpb25DaGlwU3R5bGVzIiwiZWwiLCJfTUVOVElPTl9DSElQX0NPTE9SUyQyIiwiT2JqZWN0IiwiYXNzaWduIiwic3R5bGUiLCJiYWNrZ3JvdW5kIiwiY29sb3IiLCJTQ01DQ2hpcCIsInNwYW4iLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCIsIl9yZWYiLCIkdHlwZSIsIlNDTUNDaGlwSWNvbiJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0NvbnRleHRNZW50aW9uQ2hpcC9Db250ZXh0TWVudGlvbkNoaXAuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkLCB7IGNzcyB9IGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgQ29udGV4dEVudGl0eVR5cGUgfSBmcm9tICcuLi8uLi8uLi90eXBlcy9jb250ZXh0TWVudGlvbidcblxuLyoqXG4gKiBQYWxldGEgY29tcGFydGlkYSBlbnRyZSBlbCBzdHlsZWQtY29tcG9uZW50IChgU0NNQ0NoaXBgKSB5IGVsIGJ1aWxkZXJcbiAqIGltcGVyYXRpdm8gKGBidWlsZENoaXBFbGVtZW50YCkgcXVlIGluc2VydGEgZWwgY2hpcCBkZW50cm8gZGVsIGNvbnRlbnRlZGl0YWJsZS5cbiAqIENhbWJpYXIgY29sb3JlcyBhY8OhIGltcGFjdGEgZW4gYW1ib3MgY2FtaW5vcy5cbiAqL1xuZXhwb3J0IGNvbnN0IE1FTlRJT05fQ0hJUF9DT0xPUlM6IFJlY29yZDxDb250ZXh0RW50aXR5VHlwZSwgeyBiZzogc3RyaW5nOyBmZzogc3RyaW5nIH0+ID0ge1xuICBjbGllbnQ6IHsgYmc6ICdyZ2JhKDQ1LCAxMTksIDE4OSwgMC4wOCknLCBmZzogJyMyZDc3YmQnIH0sXG4gIHByb2plY3Q6IHsgYmc6ICdyZ2JhKDQ1LCAxMTksIDE4OSwgMC4wOCknLCBmZzogJyMyZDc3YmQnIH0sXG4gIHRhc2s6IHsgYmc6ICdyZ2JhKDQ1LCAxMTksIDE4OSwgMC4wOCknLCBmZzogJyMyZDc3YmQnIH0sXG4gIHVzZXI6IHsgYmc6ICdyZ2JhKDQ1LCAxMTksIDE4OSwgMC4wOCknLCBmZzogJyMyZDc3YmQnIH0sXG4gIG1jcDogeyBiZzogJ3JnYmEoNDUsIDExOSwgMTg5LCAwLjA4KScsIGZnOiAnIzJkNzdiZCcgfSxcbn1cblxuLyoqXG4gKiBFc3RpbG9zIGJhc2UgYXBsaWNhZG9zIHRhbnRvIGFsIHNwYW4gaW1wZXJhdGl2byBjb21vIGFsIHN0eWxlZCBjb21wb25lbnQuXG4gKiBNYW50ZW5lcmxvcyBjb21vIG9iamV0byBwYXJhIHBvZGVyIGFwbGljYXJsb3MgdsOtYSBgT2JqZWN0LmFzc2lnbihlbC5zdHlsZSwgLi4uKWAuXG4gKi9cbmV4cG9ydCBjb25zdCBNRU5USU9OX0NISVBfQkFTRV9TVFlMRSA9IHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGdhcDogJzRweCcsXG4gIHBhZGRpbmc6ICcwIDZweCcsXG4gIG1hcmdpbjogJzAgMXB4JyxcbiAgYm9yZGVyUmFkaXVzOiAnNHB4JyxcbiAgZm9udEZhbWlseTogYHZhcigtLWNvci10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5LCAnV29yayBTYW5zJylgLFxuICBmb250U2l6ZTogJzEycHgnLFxuICBmb250V2VpZ2h0OiAnNTAwJyxcbiAgbGluZUhlaWdodDogJzEycHgnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgdXNlclNlbGVjdDogJ25vbmUnLFxuICB2ZXJ0aWNhbEFsaWduOiAnYmFzZWxpbmUnLFxuICBjdXJzb3I6ICdkZWZhdWx0Jyxcbn0gYXMgY29uc3RcblxuLyoqXG4gKiBDU1Mgc2hhcmVkIHBvciBlbCBzdHlsZWQtY29tcG9uZW50OiB1c2EgbGEgbWlzbWEgcGFsZXRhIHF1ZSBlbCBidWlsZGVyLlxuICovXG5jb25zdCBjaGlwQ3NzQnlUeXBlID0gKHR5cGU6IENvbnRleHRFbnRpdHlUeXBlKSA9PiB7XG4gIGNvbnN0IGMgPSBNRU5USU9OX0NISVBfQ09MT1JTW3R5cGVdID8/IE1FTlRJT05fQ0hJUF9DT0xPUlMudXNlclxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7Yy5iZ307XG4gICAgY29sb3I6ICR7Yy5mZ307XG4gIGBcbn1cblxuLyoqXG4gKiBBcGxpY2EgbG9zIGVzdGlsb3MgZGVsIGNoaXAgYSB1biBub2RvIERPTSBleGlzdGVudGUuXG4gKiBVc2FkbyBwb3IgYGJ1aWxkQ2hpcEVsZW1lbnRgIHBhcmEgaW5zZXJ0YXIgZWwgY2hpcCBkZW50cm8gZGVsIGNvbnRlbnRlZGl0YWJsZSxcbiAqIGRvbmRlIG5lY2VzaXRhbW9zIHVuIG5vZG8gaW1wZXJhdGl2byAobm8gdW4gY29tcG9uZW50ZSBSZWFjdCkuXG4gKi9cbmV4cG9ydCBjb25zdCBhcHBseU1lbnRpb25DaGlwU3R5bGVzID0gKGVsOiBIVE1MRWxlbWVudCwgdHlwZTogQ29udGV4dEVudGl0eVR5cGUpID0+IHtcbiAgY29uc3QgYyA9IE1FTlRJT05fQ0hJUF9DT0xPUlNbdHlwZV0gPz8gTUVOVElPTl9DSElQX0NPTE9SUy51c2VyXG4gIE9iamVjdC5hc3NpZ24oZWwuc3R5bGUsIE1FTlRJT05fQ0hJUF9CQVNFX1NUWUxFLCB7XG4gICAgYmFja2dyb3VuZDogYy5iZyxcbiAgICBjb2xvcjogYy5mZyxcbiAgfSlcbn1cblxuZXhwb3J0IGNvbnN0IFNDTUNDaGlwID0gc3R5bGVkLnNwYW48eyAkdHlwZT86IENvbnRleHRFbnRpdHlUeXBlIH0+YFxuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA0cHg7XG4gIHBhZGRpbmc6IDAgNnB4O1xuICBtYXJnaW46IDAgMXB4O1xuICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICR7KHsgJHR5cGUgfSkgPT4gY2hpcENzc0J5VHlwZSgkdHlwZSA/PyAndXNlcicpfVxuICBmb250LWZhbWlseTogdmFyKC0tY29yLXR5cG9ncmFwaHktZm9udC1mYW1pbHksICdXb3JrIFNhbnMnKTtcbiAgZm9udC1zaXplOiAxMnB4O1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogMTJweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTtcbiAgaGVpZ2h0OiAyMHB4O1xuICBjdXJzb3I6IGRlZmF1bHQ7XG5gXG5cbmV4cG9ydCBjb25zdCBTQ01DQ2hpcEljb24gPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogMTJweDtcbiAgaGVpZ2h0OiAxMnB4O1xuICBmbGV4OiAwIDAgMTJweDtcbmBcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBTSxJQUFJQyxHQUFHLFFBQVEsbUJBQW1CO0FBRy9DO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSxPQUFPLElBQU1DLG1CQUEwRSxHQUFHO0VBQ3hGQyxNQUFNLEVBQUU7SUFBRUMsRUFBRSxFQUFFLDBCQUEwQjtJQUFFQyxFQUFFLEVBQUU7RUFBVSxDQUFDO0VBQ3pEQyxPQUFPLEVBQUU7SUFB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

package/lib/components/atoms/ContextMentionChip/buildChipElement.js

@@ -0,0 +1,123 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { createElement, useState } from 'react';
+import { flushSync } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { Cross } from '@projectcor/icons/lib/components/Cross';
+import { Tooltip } from '@projectcor/tooltipv2/lib/components/Tooltip';
+import { CONTEXT_MENTION_CHIP_CLASS } from '../../../types/contextMention';
+import { getContextMentionIcon } from '../../../utils/contextMentionIcons';
+import { normalizeContextMentionLabel } from '../../../utils/contextMentionLabel';
+import { getContextMentionTypeLabel } from '../../../utils/contextMentionTypeLabel';
+import { applyMentionChipStyles, MENTION_CHIP_COLORS } from './ContextMentionChip.styles';
+var EditableMentionChip = function EditableMentionChip(_ref) {
+  var mention = _ref.mention,
+    onRemove = _ref.onRemove;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  var mentionLabel = normalizeContextMentionLabel(mention.label);
+  var mentionTypeLabel = getContextMentionTypeLabel(mention.type);
+  var iconColor = MENTION_CHIP_COLORS[mention.type].fg;
+  return /*#__PURE__*/createElement(Tooltip, {
+    title: mentionTypeLabel
+  }, /*#__PURE__*/createElement('span', {
+    style: {
+      display: 'inline-flex',
+      alignItems: 'baseline',
+      gap: '2px',
+      lineHeight: '20px',
+      boxSizing: 'border-box'
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setHovered(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setHovered(false);
+    }
+  }, /*#__PURE__*/createElement('span', {
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '14px',
+      flex: '0 0 14px',
+      cursor: hovered ? 'pointer' : 'default',
+      alignSelf: 'center',
+      transform: 'translateY(-1px)'
+    },
+    role: hovered ? 'button' : undefined,
+    'aria-label': hovered ? 'Eliminar mention' : undefined,
+    onMouseDown: function onMouseDown(event) {
+      if (!hovered) return;
+      event.preventDefault();
+      event.stopPropagation();
+      onRemove();
+    }
+  }, hovered ? /*#__PURE__*/createElement(Cross, {
+    width: '14px',
+    height: '14px',
+    color: iconColor
+  }) : getContextMentionIcon(mention.type, iconColor, 14, mention.id)), /*#__PURE__*/createElement('span', {
+    style: {
+      display: 'inline-block',
+      lineHeight: '12px',
+      alignSelf: 'baseline'
+    }
+  }, mentionLabel)));
+};
+
+/**
+ * Crea un `<span>` atómico listo para insertarse dentro del contenteditable
+ * del `ContextMentionEditor`. Se marca con los `data-mention*` necesarios para
+ * que `useContextMentions.serialize()` pueda volver a extraer la mention.
+ *
+ * Comparte los estilos con el componente `ContextMentionChip` via
+ * `applyMentionChipStyles`, asegurando una única fuente de verdad visual.
+ */
+export var buildChipElement = function buildChipElement(mention) {
+  var chip = document.createElement('span');
+  chip.setAttribute('contenteditable', 'false');
+  chip.setAttribute('data-mention-chip', 'true');
+  chip.className = CONTEXT_MENTION_CHIP_CLASS;
+  chip.setAttribute('data-mention-type', mention.type);
+  applyMentionChipStyles(chip, mention.type);
+  // Mantener baseline del texto del editor aunque el chip sea inline-flex.
+  Object.assign(chip.style, {
+    height: '20px',
+    minHeight: '20px',
+    maxHeight: '20px',
+    lineHeight: '20px',
+    boxSizing: 'border-box',
+    padding: '0 6px',
+    verticalAlign: 'baseline',
+    overflow: 'hidden'
+  });
+  var mountNode = document.createElement('span');
+  chip.appendChild(mountNode);
+  var root = createRoot(mountNode);
+  var removeMention = function removeMention() {
+    var selection = window.getSelection();
+    var range = document.createRange();
+    range.setStartBefore(chip);
+    range.collapse(true);
+    root.unmount();
+    chip.remove();
+    var editableRoot = chip.closest('[contenteditable="true"]');
+    editableRoot === null || editableRoot === void 0 || editableRoot.dispatchEvent(new Event('input', {
+      bubbles: true
+    }));
+    if (selection) {
+      selection.removeAllRanges();
+      selection.addRange(range);
+    }
+  };
+  flushSync(function () {
+    root.render(/*#__PURE__*/createElement(EditableMentionChip, {
+      mention: mention,
+      onRemove: removeMention
+    }));
+  });
+  return chip;
+};
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVFbGVtZW50IiwidXNlU3RhdGUiLCJmbHVzaFN5bmMiLCJjcmVhdGVSb290IiwiQ3Jvc3MiLCJUb29sdGlwIiwiQ09OVEVYVF9NRU5USU9OX0NISVBfQ0xBU1MiLCJnZXRDb250ZXh0TWVudGlvbkljb24iLCJub3JtYWxpemVDb250ZXh0TWVudGlvbkxhYmVsIiwiZ2V0Q29udGV4dE1lbnRpb25UeXBlTGFiZWwiLCJhcHBseU1lbnRpb25DaGlwU3R5bGVzIiwiTUVOVElPTl9DSElQX0NPTE9SUyIsIkVkaXRhYmxlTWVudGlvbkNoaXAiLCJfcmVmIiwibWVudGlvbiIsIm9uUmVtb3ZlIiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwiaG92ZXJlZCIsInNldEhvdmVyZWQiLCJtZW50aW9uTGFiZWwiLCJsYWJlbCIsIm1lbnRpb25UeXBlTGFiZWwiLCJ0eXBlIiwiaWNvbkNvbG9yIiwiZmciLCJ0aXRsZSIsInN0eWxlIiwiZGlzcGxheSIsImFsaWduSXRlbXMiLCJnYXAiLCJsaW5lSGVpZ2h0IiwiYm94U2l6aW5nIiwib25Nb3VzZUVudGVyIiwib25Nb3VzZUxlYXZlIiwianVzdGlmeUNvbnRlbnQiLCJ3aWR0aCIsImZsZXgiLCJjdXJzb3IiLCJhbGlnblNlbGYiLCJ0cmFuc2Zvcm0iLCJyb2xlIiwidW5kZWZpbmVkIiwib25Nb3VzZURvd24iLCJldmVudCIsInByZXZlbnREZWZhdWx0Iiwic3RvcFByb3BhZ2F0aW9uIiwiaGVpZ2h0IiwiY29sb3IiLCJpZCIsImJ1aWxkQ2hpcEVsZW1lbnQiLCJjaGlwIiwiZG9jdW1lbnQiLCJzZXRBdHRyaWJ1dGUiLCJjbGFzc05hbWUiLCJPYmplY3QiLCJhc3NpZ24iLCJtaW5IZWlnaHQiLCJtYXhIZWlnaHQiLCJwYWRkaW5nIiwidmVydGljYWxBbGlnbiIsIm92ZXJmbG93IiwibW91bnROb2RlIiwiYXBwZW5kQ2hpbGQiLCJyb290IiwicmVtb3ZlTWVudGlvbiIsInNlbGVjdGlvbiIsIndpbmRvdyIsImdldFNlbGVjdGlvbiIsInJhbmdlIiwiY3JlYXRlUmFuZ2UiLCJzZXRTdGFydEJlZm9yZSIsImNvbGxhcHNlIiwidW5tb3VudCIsInJlbW92ZSIsImVkaXRhYmxlUm9vdCIsImNsb3Nlc3QiLCJkaXNwYXRjaEV2ZW50IiwiRXZlbnQiLCJidWJibGVzIiwicmVtb3ZlQWxsUmFuZ2VzIiwiYWRkUmFuZ2UiLCJyZW5kZXIiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9Db250ZXh0TWVudGlvbkNoaXAvYnVpbGRDaGlwRWxlbWVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZmx1c2hTeW5jIH0gZnJvbSAncmVhY3QtZG9tJ1xuaW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnXG5pbXBvcnQgeyBDcm9zcyB9IGZyb20gJ0Bwcm9qZWN0Y29yL2ljb25zL2xpYi9jb21wb25lbnRzL0Nyb3NzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJ0Bwcm9qZWN0Y29yL3Rvb2x0aXB2Mi9saWIvY29tcG9uZW50cy9Ub29sdGlwJ1xuaW1wb3J0IHsgQ09OVEVYVF9NRU5USU9OX0NISVBfQ0xBU1MsIENvbnRleHRNZW50aW9uIH0gZnJvbSAnLi4vLi4vLi4vdHlwZXMvY29udGV4dE1lbnRpb24nXG5pbXBvcnQgeyBnZXRDb250ZXh0TWVudGlvbkljb24gfSBmcm9tICcuLi8uLi8uLi91dGlscy9jb250ZXh0TWVudGlvbkljb25zJ1xuaW1wb3J0IHsgbm9ybWFsaXplQ29udGV4dE1lbnRpb25MYWJlbCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2NvbnRleHRNZW50aW9uTGFiZWwnXG5pbXBvcnQgeyBnZXRDb250ZXh0TWVudGlvblR5cGVMYWJlbCB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2NvbnRleHRNZW50aW9uVHlwZUxhYmVsJ1xuaW1wb3J0IHsgYXBwbHlNZW50aW9uQ2hpcFN0eWxlcywgTUVOVElPTl9DSElQX0NPTE9SUyB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25DaGlwLnN0eWxlcydcblxudHlwZSBFZGl0YWJsZU1lbnRpb25DaGlwUHJvcHMgPSB7XG4gIG1lbnRpb246IENvbnRleHRNZW50aW9uXG4gIG9uUmVtb3ZlOiAoKSA9PiB2b2lkXG59XG5cbmNvbnN0IEVkaXRhYmxlTWVudGlvbkNoaXAgPSAoeyBtZW50aW9uLCBvblJlbW92ZSB9OiBFZGl0YWJsZU1lbnRpb25DaGlwUHJvcHMpID0+IHtcbiAgY29uc3QgW2hvdmVyZWQsIHNldEhvdmVyZWRdID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IG1lbnRpb25MYWJlbCA9IG5vcm1hbGl6ZUNvbnRleHRNZW50aW9uTGFiZWwobWVudGlvbi5sYWJlbClcbiAgY29uc3QgbWVudGlvblR5cGVMYWJlbCA9IGdldENvbnRleHRNZW50aW9uVHlwZUxhYmVsKG1lbnRpb24udHlwZSlcbiAgY29uc3QgaWNvbkNvbG9yID0gTUVOVElPTl9DSElQX0NPTE9SU1ttZW50aW9uLnR5cGVdLmZnXG5cbiAgcmV0dXJuIGNyZWF0ZUVsZW1lbnQoXG4gICAgVG9vbHRpcCxcbiAgICB7IHRpdGxlOiBtZW50aW9uVHlwZUxhYmVsIH0sXG4gICAgY3JlYXRlRWxlbWVudChcbiAgICAgICdzcGFuJyxcbiAgICAgIHtcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdiYXNlbGluZScsXG4gICAgICAgICAgZ2FwOiAnMnB4JyxcbiAgICAgICAgICBsaW5lSGVpZ2h0OiAnMjBweCcsXG4gICAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIH0sXG4gICAgICAgIG9uTW91c2VFbnRlcjogKCkgPT4gc2V0SG92ZXJlZCh0cnVlKSxcbiAgICAgICAgb25Nb3VzZUxlYXZlOiAoKSA9PiBzZXRIb3ZlcmVkKGZhbHNlKSxcbiAgICAgIH0sXG4gICAgICBjcmVhdGVFbGVtZW50KFxuICAgICAgICAnc3BhbicsXG4gICAgICAgIHtcbiAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICAgICAgd2lkdGg6ICcxNHB4JyxcbiAgICAgICAgICAgIGZsZXg6ICcwIDAgMTRweCcsXG4gICAgICAgICAgICBjdXJzb3I6IGhvdmVyZWQgPyAncG9pbnRlcicgOiAnZGVmYXVsdCcsXG4gICAgICAgICAgICBhbGlnblNlbGY6ICdjZW50ZXInLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWSgtMXB4KScsXG4gICAgICAgICAgfSxcbiAgICAgICAgICByb2xlOiBob3ZlcmVkID8gJ2J1dHRvbicgOiB1bmRlZmluZWQsXG4gICAgICAgICAgJ2FyaWEtbGFiZWwnOiBob3ZlcmVkID8gJ0VsaW1pbmFyIG1lbnRpb24nIDogdW5kZWZpbmVkLFxuICAgICAgICAgIG9uTW91c2VEb3duOiAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGlmICghaG92ZXJlZCkgcmV0dXJuXG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgICAgICAgICAgb25SZW1vdmUoKVxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIGhvdmVyZWRcbiAgICAgICAgICA/IGNyZWF0ZUVsZW1lbnQoQ3Jvc3MsIHsgd2lkdGg6ICcxNHB4JywgaGVpZ2h0OiAnMTRweCcsIGNvbG9yOiBpY29uQ29sb3IgfSlcbiAgICAgICAgICA6IGdldENvbnRleHRNZW50aW9uSWNvbihtZW50aW9uLnR5cGUsIGljb25Db2xvciwgMTQsIG1lbnRpb24uaWQpXG4gICAgICApLFxuICAgICAgY3JlYXRlRWxlbWVudChcbiAgICAgICAgJ3NwYW4nLFxuICAgICAgICB7XG4gICAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICAgICAgbGluZUhlaWdodDogJzEycHgnLFxuICAgICAgICAgICAgYWxpZ25TZWxmOiAnYmFzZWxpbmUnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICAgIG1lbnRpb25MYWJlbFxuICAgICAgKVxuICAgIClcbiAgKVxufVxuXG4vKipcbiAqIENyZWEgdW4gYDxzcGFuPmAgYXTDs21pY28gbGlzdG8gcGFyYSBpbnNlcnRhcnNlIGRlbnRybyBkZWwgY29udGVudGVkaXRhYmxlXG4gKiBkZWwgYENvbnRleHRNZW50aW9uRWRpdG9yYC4gU2UgbWFyY2EgY29uIGxvcyBgZGF0YS1tZW50aW9uKmAgbmVjZXNhcmlvcyBwYXJhXG4gKiBxdWUgYHVzZUNvbnRleHRNZW50aW9ucy5zZXJpYWxpemUoKWAgcHVlZGEgdm9sdmVyIGEgZXh0cmFlciBsYSBtZW50aW9uLlxuICpcbiAqIENvbXBhcnRlIGxvcyBlc3RpbG9zIGNvbiBlbCBjb21wb25lbnRlIGBDb250ZXh0TWVudGlvbkNoaXBgIHZpYVxuICogYGFwcGx5TWVudGlvbkNoaXBTdHlsZXNgLCBhc2VndXJhbmRvIHVuYSDDum5pY2EgZnVlbnRlIGRlIHZlcmRhZCB2aXN1YWwuXG4gKi9cbmV4cG9ydCBjb25zdCBidWlsZENoaXBFbGVtZW50ID0gKG1lbnRpb246IENvbnRleHRNZW50aW9uKTogSFRNTFNwYW5FbGVtZW50ID0+IHtcbiAgY29uc3QgY2hpcCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKVxuICBjaGlwLnNldEF0dHJpYnV0ZSgnY29udGVudGVkaXRhYmxlJywgJ2ZhbHNlJylcbiAgY2hpcC5zZXRBdHRyaWJ1dGUoJ2RhdGEtbWVudGlvbi1jaGlwJywgJ3RydWUnKVxuICBjaGlwLmNsYXNzTmFtZSA9IENPTlRFWFRfTUVOVElPTl9DSElQX0NMQVNTXG4gIGNoaXAuc2V0QXR0cmlidXRlKCdkYXRhLW1lbnRpb24tdHlwZScsIG1lbnRpb24udHlwZSlcbiAgYXBwbHlNZW50aW9uQ2hpcFN0eWxlcyhjaGlwLCBtZW50aW9uLnR5cGUpXG4gIC8vIE1hbnRlbmVyIGJhc2VsaW5lIGRlbCB0ZXh0byBkZWwgZWRpdG9yIGF1bnF1ZSBlbCBjaGlwIHNlYSBpbmxpbmUtZmxleC5cbiAgT2JqZWN0LmFzc2lnbihjaGlwLnN0eWxlLCB7XG4gICAgaGVpZ2h0OiAnMjBweCcsXG4gICAgbWluSGVpZ2h0OiAnMjBweCcsXG4gICAgbWF4SGVpZ2h0OiAnMjBweCcsXG4gICAgbGluZUhlaWdodDogJzIwcHgnLFxuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgIHBhZGRpbmc6ICcwIDZweCcsXG4gICAgdmVydGljYWxBbGlnbjogJ2Jhc2VsaW5lJyxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIH0pXG4gIGNvbnN0IG1vdW50Tm9kZSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NwYW4nKVxuICBjaGlwLmFwcGVuZENoaWxkKG1vdW50Tm9kZSlcbiAgY29uc3Qgcm9vdCA9IGNyZWF0ZVJvb3QobW91bnROb2RlKVxuXG4gIGNvbnN0IHJlbW92ZU1lbnRpb24gPSAoKSA9PiB7XG4gICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpXG4gICAgY29uc3QgcmFuZ2UgPSBkb2N1bWVudC5jcmVhdGVSYW5nZSgpXG4gICAgcmFuZ2Uuc2V0U3RhcnRCZWZvcmUoY2hpcClcbiAgICByYW5nZS5jb2xsYXBzZSh0cnVlKVxuXG4gICAgcm9vdC51bm1vdW50KClcbiAgICBjaGlwLnJlbW92ZSgpXG5cbiAgICBjb25zdCBlZGl0YWJsZVJvb3QgPSBjaGlwLmNsb3Nlc3QoJ1tjb250ZW50ZWRpdGFibGU9XCJ0cnVlXCJdJylcbiAgICBlZGl0YWJsZVJvb3Q/LmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdpbnB1dCcsIHsgYnViYmxlczogdHJ1ZSB9KSlcblxuICAgIGlmIChzZWxlY3Rpb24pIHtcbiAgICAgIHNlbGVjdGlvbi5yZW1vdmVBbGxSYW5nZXMoKVxuICAgICAgc2VsZWN0aW9uLmFkZFJhbmdlKHJhbmdlKVxuICAgIH1cbiAgfVxuXG4gIGZsdXNoU3luYygoKSA9PiB7XG4gICAgcm9vdC5yZW5kZXIoY3JlYXRlRWxlbWVudChFZGl0YWJsZU1lbnRpb25DaGlwLCB7IG1lbnRpb24sIG9uUmVtb3ZlOiByZW1vdmVNZW50aW9uIH0pKVxuICB9KVxuXG4gIHJldHVybiBjaGlwXG59XG4iXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxhQUFhLEVBQUVDLFFBQVEsUUFBUSxPQUFPO0FBQy9DLFNBQVNDLFNBQVMsUUFBUSxXQUFXO0FBQ3JDLFNBQVNDLFVBQVUsUUFBUSxrQkFBa0I7QUFDN0MsU0FBU0MsS0FBSyxRQUFRLHdDQUF3QztBQUM5RCxTQUFTQyxPQUFPLFFBQVEsOENBQThDO0FBQ3RFLFNBQVNDLDBCQUEwQixRQUF3QiwrQkFBK0I7QUFDMUYsU0FBU0MscUJBQXFCLFFBQVEsb0NBQW9DO0FBQzFFLFNBQVNDLDRCQUE0QixRQUFRLG9DQUFvQztBQUNqRixTQUFTQywwQkFBMEIsUUFBUSx3Q0FBd0M7QUFDbkYsU0FBU0Msc0JBQXNCLEVBQUVDLG1CQUFtQixRQUFRLDZCQUE2QjtBQU96RixJQUFNQyxtQkFBbUIsR0FBRyxTQUF0QkEsbUJBQW1CQSxDQUFBQyxJQUFBLEVBQXdEO0VBQUEsSUFBbERDLE9BQU8sR0FBQUQsSUFBQSxDQUFQQyxPQUFPO0lBQUVDLFFBQVEsR0FBQUYsSUFBQSxDQUFSRSxRQUFRO0VBQzlDLElBQUFDLFNBQUEsR0FBOEJmLFFBQVEsQ0FBQyxLQUFLLENBQUM7SUFBQWdCLFVBQUEsR0FBQUMsY0FBQSxDQUFBRixTQUFBO0lBQXRDRyxPQUFPLEdBQUFGLFVBQUE7SUFBRUcsVUFBVSxHQUFBSCxVQUFBO0VBQzFCLElBQU1JLFlBQVks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

package/lib/components/atoms/ContextMentionChip/index.js

@@ -0,0 +1,4 @@
+export { ContextMentionChip } from './ContextMentionChip';
+export { buildChipElement } from './buildChipElement';
+export { MENTION_CHIP_COLORS, applyMentionChipStyles } from './ContextMentionChip.styles';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZXh0TWVudGlvbkNoaXAiLCJidWlsZENoaXBFbGVtZW50IiwiTUVOVElPTl9DSElQX0NPTE9SUyIsImFwcGx5TWVudGlvbkNoaXBTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9Db250ZXh0TWVudGlvbkNoaXAvaW5kZXgudHMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgQ29udGV4dE1lbnRpb25DaGlwIH0gZnJvbSAnLi9Db250ZXh0TWVudGlvbkNoaXAnXG5leHBvcnQgeyBidWlsZENoaXBFbGVtZW50IH0gZnJvbSAnLi9idWlsZENoaXBFbGVtZW50J1xuZXhwb3J0IHsgTUVOVElPTl9DSElQX0NPTE9SUywgYXBwbHlNZW50aW9uQ2hpcFN0eWxlcyB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25DaGlwLnN0eWxlcydcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0Esa0JBQWtCLFFBQVEsc0JBQXNCO0FBQ3pELFNBQVNDLGdCQUFnQixRQUFRLG9CQUFvQjtBQUNyRCxTQUFTQyxtQkFBbUIsRUFBRUMsc0JBQXNCLFFBQVEsNkJBQTZCIiwiaWdub3JlTGlzdCI6W119

package/lib/components/atoms/ContextMentionEditor/ContextMentionEditor.js

@@ -0,0 +1,85 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { useContextMentions } from '../../../hooks/useContextMentions';
+import { buildChipElement } from '../ContextMentionChip';
+import { SCMEEditable } from './ContextMentionEditor.styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ContextMentionEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    onInput = _ref.onInput,
+    onKeyDown = _ref.onKeyDown,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur;
+  var _useContextMentions = useContextMentions(),
+    editorRef = _useContextMentions.editorRef,
+    updateTrigger = _useContextMentions.updateTrigger,
+    replaceTriggerWithChip = _useContextMentions.replaceTriggerWithChip,
+    serialize = _useContextMentions.serialize,
+    clear = _useContextMentions.clear,
+    focus = _useContextMentions.focus;
+  var skipNextInput = useRef(false);
+  useImperativeHandle(ref, function () {
+    return {
+      focus: focus,
+      clear: clear,
+      serialize: serialize,
+      insertMention: function insertMention(mention) {
+        var chip = buildChipElement(mention);
+        replaceTriggerWithChip(chip, mention);
+        skipNextInput.current = true;
+        var state = serialize();
+        onInput === null || onInput === void 0 || onInput(_objectSpread(_objectSpread({}, state), {}, {
+          trigger: {
+            active: false,
+            query: ''
+          }
+        }));
+      }
+    };
+  }, [focus, clear, serialize, replaceTriggerWithChip, onInput]);
+  var handleInput = function handleInput() {
+    if (skipNextInput.current) {
+      skipNextInput.current = false;
+      return;
+    }
+    var trig = updateTrigger();
+    var state = serialize();
+    onInput === null || onInput === void 0 || onInput(_objectSpread(_objectSpread({}, state), {}, {
+      trigger: {
+        active: trig.active,
+        query: trig.query
+      }
+    }));
+  };
+  var handlePaste = function handlePaste(e) {
+    e.preventDefault();
+    var text = e.clipboardData.getData('text/plain');
+    var selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return;
+    selection.deleteFromDocument();
+    selection.getRangeAt(0).insertNode(document.createTextNode(text));
+    selection.collapseToEnd();
+    handleInput();
+  };
+  return /*#__PURE__*/_jsx(SCMEEditable, {
+    ref: editorRef,
+    className: className,
+    "data-placeholder": placeholder,
+    contentEditable: !disabled,
+    "data-disabled": String(!!disabled),
+    suppressContentEditableWarning: true,
+    role: "textbox",
+    "aria-multiline": "true",
+    onInput: handleInput,
+    onKeyDown: onKeyDown,
+    onPaste: handlePaste,
+    onFocus: onFocus,
+    onBlur: onBlur
+  });
+});
+ContextMentionEditor.displayName = 'ContextMentionEditor';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmb3J3YXJkUmVmIiwidXNlSW1wZXJhdGl2ZUhhbmRsZSIsInVzZVJlZiIsInVzZUNvbnRleHRNZW50aW9ucyIsImJ1aWxkQ2hpcEVsZW1lbnQiLCJTQ01FRWRpdGFibGUiLCJqc3giLCJfanN4IiwiQ29udGV4dE1lbnRpb25FZGl0b3IiLCJfcmVmIiwicmVmIiwicGxhY2Vob2xkZXIiLCJkaXNhYmxlZCIsImNsYXNzTmFtZSIsIm9uSW5wdXQiLCJvbktleURvd24iLCJvbkZvY3VzIiwib25CbHVyIiwiX3VzZUNvbnRleHRNZW50aW9ucyIsImVkaXRvclJlZiIsInVwZGF0ZVRyaWdnZXIiLCJyZXBsYWNlVHJpZ2dlcldpdGhDaGlwIiwic2VyaWFsaXplIiwiY2xlYXIiLCJmb2N1cyIsInNraXBOZXh0SW5wdXQiLCJpbnNlcnRNZW50aW9uIiwibWVudGlvbiIsImNoaXAiLCJjdXJyZW50Iiwic3RhdGUiLCJfb2JqZWN0U3ByZWFkIiwidHJpZ2dlciIsImFjdGl2ZSIsInF1ZXJ5IiwiaGFuZGxlSW5wdXQiLCJ0cmlnIiwiaGFuZGxlUGFzdGUiLCJlIiwicHJldmVudERlZmF1bHQiLCJ0ZXh0IiwiY2xpcGJvYXJkRGF0YSIsImdldERhdGEiLCJzZWxlY3Rpb24iLCJ3aW5kb3ciLCJnZXRTZWxlY3Rpb24iLCJyYW5nZUNvdW50IiwiZGVsZXRlRnJvbURvY3VtZW50IiwiZ2V0UmFuZ2VBdCIsImluc2VydE5vZGUiLCJkb2N1bWVudCIsImNyZWF0ZVRleHROb2RlIiwiY29sbGFwc2VUb0VuZCIsImNvbnRlbnRFZGl0YWJsZSIsIlN0cmluZyIsInN1cHByZXNzQ29udGVudEVkaXRhYmxlV2FybmluZyIsInJvbGUiLCJvblBhc3RlIiwiZGlzcGxheU5hbWUiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hdG9tcy9Db250ZXh0TWVudGlvbkVkaXRvci9Db250ZXh0TWVudGlvbkVkaXRvci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2xpcGJvYXJkRXZlbnQsIGZvcndhcmRSZWYsIEtleWJvYXJkRXZlbnQsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ29udGV4dE1lbnRpb25zIH0gZnJvbSAnLi4vLi4vLi4vaG9va3MvdXNlQ29udGV4dE1lbnRpb25zJ1xuaW1wb3J0IHsgQ29udGV4dE1lbnRpb24gfSBmcm9tICcuLi8uLi8uLi90eXBlcy9jb250ZXh0TWVudGlvbidcbmltcG9ydCB7IGJ1aWxkQ2hpcEVsZW1lbnQgfSBmcm9tICcuLi9Db250ZXh0TWVudGlvbkNoaXAnXG5pbXBvcnQgeyBTQ01FRWRpdGFibGUgfSBmcm9tICcuL0NvbnRleHRNZW50aW9uRWRpdG9yLnN0eWxlcydcblxuZXhwb3J0IHR5cGUgQ29udGV4dE1lbnRpb25FZGl0b3JIYW5kbGUgPSB7XG4gIGZvY3VzOiAoKSA9PiB2b2lkXG4gIGNsZWFyOiAoKSA9PiB2b2lkXG4gIGluc2VydE1lbnRpb246IChtZW50aW9uOiBDb250ZXh0TWVudGlvbikgPT4gdm9pZFxuICBzZXJpYWxpemU6ICgpID0+IHsgdGV4dDogc3RyaW5nOyBtZW50aW9uczogQ29udGV4dE1lbnRpb25bXSB9XG59XG5cbmV4cG9ydCB0eXBlIENvbnRleHRNZW50aW9uRWRpdG9yUHJvcHMgPSB7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25JbnB1dD86IChzdGF0ZTogeyB0ZXh0OiBzdHJpbmc7IG1lbnRpb25zOiBDb250ZXh0TWVudGlvbltdOyB0cmlnZ2VyOiB7IGFjdGl2ZTogYm9vbGVhbjsgcXVlcnk6IHN0cmluZyB9IH0pID0+IHZvaWRcbiAgb25LZXlEb3duPzogKGU6IEtleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB2b2lkXG4gIG9uRm9jdXM/OiAoKSA9PiB2b2lkXG4gIG9uQmx1cj86ICgpID0+IHZvaWRcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRleHRNZW50aW9uRWRpdG9yID0gZm9yd2FyZFJlZjxDb250ZXh0TWVudGlvbkVkaXRvckhhbmRsZSwgQ29udGV4dE1lbnRpb25FZGl0b3JQcm9wcz4oXG4gICh7IHBsYWNlaG9sZGVyLCBkaXNhYmxlZCwgY2xhc3NOYW1lLCBvbklucHV0LCBvbktleURvd24sIG9uRm9jdXMsIG9uQmx1ciB9LCByZWYpID0+IHtcbiAgICBjb25zdCB7IGVkaXRvclJlZiwgdXBkYXRlVHJpZ2dlciwgcmVwbGFjZVRyaWdnZXJXaXRoQ2hpcCwgc2VyaWFsaXplLCBjbGVhciwgZm9jdXMgfSA9IHVzZUNvbnRleHRNZW50aW9ucygpXG4gICAgY29uc3Qgc2tpcE5leHRJbnB1dCA9IHVzZVJlZihmYWxzZSlcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUoXG4gICAgICByZWYsXG4gICAgICAoKSA9PiAoe1xuICAgICAgICBmb2N1cyxcbiAgICAgICAgY2xlYXIsXG4gICAgICAgIHNlcmlhbGl6ZSxcbiAgICAgICAgaW5zZXJ0TWVudGlvbjogKG1lbnRpb246IENvbnRleHRNZW50aW9uKSA9PiB7XG4gICAgICAgICAgY29uc3QgY2hpcCA9IGJ1aWxkQ2hpcEVsZW1lbnQobWVudGlvbilcbiAgICAgICAgICByZXBsYWNlVHJpZ2dlcldpdGhDaGlwKGNoaXAsIG1lbnRpb24pXG4gICAgICAgICAgc2tpcE5leHRJbnB1dC5jdXJyZW50ID0gdHJ1ZVxuICAgICAgICAgIGNvbnN0IHN0YXRlID0gc2VyaWFsaXplKClcbiAgICAgICAgICBvbklucHV0Py4oeyAuLi5zdGF0ZSwgdHJpZ2dlcjogeyBhY3RpdmU6IGZhbHNlLCBxdWVyeTogJycgfSB9KVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICBbZm9jdXMsIGNsZWFyLCBzZXJpYWxpemUsIHJlcGxhY2VUcmlnZ2VyV2l0aENoaXAsIG9uSW5wdXRdXG4gICAgKVxuXG4gICAgY29uc3QgaGFuZGxlSW5wdXQgPSAoKSA9PiB7XG4gICAgICBpZiAoc2tpcE5leHRJbnB1dC5jdXJyZW50KSB7XG4gICAgICAgIHNraXBOZXh0SW5wdXQuY3VycmVudCA9IGZhbHNlXG4gICAgICAgIHJldHVyblxuICAgICAgfVxuICAgICAgY29uc3QgdHJpZyA9IHVwZGF0ZVRyaWdnZXIoKVxuICAgICAgY29uc3Qgc3RhdGUgPSBzZXJpYWxpemUoKVxuICAgICAgb25JbnB1dD8uKHsgLi4uc3RhdGUsIHRyaWdnZXI6IHsgYWN0aXZlOiB0cmlnLmFjdGl2ZSwgcXVlcnk6IHRyaWcucXVlcnkgfSB9KVxuICAgIH1cblxuICAgIGNvbnN0IGhhbmRsZVBhc3RlID0gKGU6IENsaXBib2FyZEV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICBjb25zdCB0ZXh0ID0gZS5jbGlwYm9hcmREYXRhLmdldERhdGEoJ3RleHQvcGxhaW4nKVxuICAgICAgY29uc3Qgc2VsZWN0aW9uID0gd2luZG93LmdldFNlbGVjdGlvbigpXG4gICAgICBpZiAoIXNlbGVjdGlvbiB8fCBzZWxlY3Rpb24ucmFuZ2VDb3VudCA9PT0gMCkgcmV0dXJuXG4gICAgICBzZWxlY3Rpb24uZGVsZXRlRnJvbURvY3VtZW50KClcbiAgICAgIHNlbGVjdGlvbi5nZXRSYW5nZUF0KDApLmluc2VydE5vZGUoZG9jdW1lbnQuY3JlYXRlVGV4dE5vZGUodGV4dCkpXG4gICAgICBzZWxlY3Rpb24uY29sbGFwc2VUb0VuZCgpXG4gICAgICBoYW5kbGVJbnB1dCgpXG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTQ01FRWRpdGFibGVcbiAgICAgICAgcmVmPXtlZGl0b3JSZWZ9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgY29udGVudEVkaXRhYmxlPXshZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtZGlzYWJsZWQ9e1N0cmluZyghIWRpc2FibGVkKX1cbiAgICAgICAgc3VwcHJlc3NDb250ZW50RWRpdGFibGVXYXJuaW5nXG4gICAgICAgIHJvbGU9XCJ0ZXh0Ym94XCJcbiAgICAgICAgYXJpYS1tdWx0aWxpbmU9XCJ0cnVlXCJcbiAgICAgICAgb25JbnB1dD17aGFuZGxlSW5wdXR9XG4gICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICBvblBhc3RlPXtoYW5kbGVQYXN0ZX1cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAvPlxuICAgIClcbiAgfVxuKVxuXG5Db250ZXh0TWVudGlvbkVkaXRvci5kaXNwbGF5TmFtZSA9ICdDb250ZXh0TWVudGlvbkVkaXRvcidcbiJdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsU0FBeUJBLFVBQVUsRUFBaUJDLG1CQUFtQixFQUFFQyxNQUFNLFFBQVEsT0FBTztBQUM5RixTQUFTQyxrQkFBa0IsUUFBUSxtQ0FBbUM7QUFFdEUsU0FBU0MsZ0JBQWdCLFFBQVEsdUJBQXVCO0FBQ3hELFNBQVNDLFlBQVksUUFBUSwrQkFBK0I7QUFBQSxTQUFBQyxHQUFBLElBQUFDLElBQUE7QUFtQjVELE9BQU8sSUFBTUMsb0JBQW9CLGdCQUFHUixVQUFVLENBQzVDLFVBQUFTLElBQUEsRUFBNEVDLEdBQUcsRUFBSztFQUFBLElBQWpGQyxXQUFXLEdBQUFGLElBQUEsQ0FBWEUsV0FBVztJQUFFQyxRQUFRLEdBQUFILElBQUEsQ0FBUkcsUUFBUTtJQUFFQyxTQUFTLEdBQUFKLElBQUEsQ0FBVEksU0FBUztJQUFFQyxPQUFPLEdBQUFMLElBQUEsQ0FBUEssT0FBTztJQUFFQyxTQUFTLEdBQUFOLElBQUEsQ0FBVE0sU0FBUztJQUFFQyxPQUFPLEdBQUFQLElBQUEsQ0FBUE8sT0FBTztJQUFFQyxNQUFNLEdBQUFSLElBQUEsQ0FBTlEsTUFBTTtFQUN0RSxJQUFBQyxtQkFBQSxHQUFzRmYsa0JBQWtCLENBQUMsQ0FBQztJQUFsR2dCLFNBQVMsR0FBQUQsbUJBQUEsQ0FBVEMsU0FBUztJQUFFQyxhQUFhLEdBQUFGLG1CQUFBLENBQWJFLGFBQWE7SUFBRUMsc0JBQXNCLEdBQUFILG1CQUFBLENBQXRCRyxzQkFBc0I7SUFBRUMsU0FBUyxHQUFBSixtQkFBQSxDQUFUSSxTQUFTO0lBQUVDLEtBQUssR0FBQUwsbUJBQUEsQ0FBTEssS0FBSztJQUFFQyxLQUFLLEdBQUFOLG1CQUFBLENBQUxNLEtBQUs7RUFDakYsSUFBTUMsYUFBYSxHQUFHdkIsTUFBTSxDQUFDLEtBQUssQ0FBQztFQUVuQ0QsbUJBQW1CLENBQ2pCUyxHQUFHLEVBQ0g7SUFBQSxPQUFPO01BQ0xjLEtBQUssRUFBTEEsS0FBSztNQUNMRCxLQUFLLEVBQUxBLEtBQUs7TUFDTEQsU0FBUyxFQUFUQSxTQUFTO01BQ1RJLGFBQWEsRUFBRSxTQUFmQSxhQUFhQSxDQUFHQyxPQUF1QixFQUFLO1FBQzFDLElBQU1DLElBQUksR0FBR3hCLGdCQUFnQixDQUFDdUIsT0FBTyxDQUFDO1FBQ3RDTixzQkFBc0IsQ0FBQ08sSUFBSSxFQUFFRCxPQUFPLENBQUM7UUFDckNGLGFBQWEsQ0FBQ0ksT0FBTyxHQUFHLElBQUk7UUFDNUIsSUFBTUMsS0FBSyxHQUFHUixTQUFTLENBQUMsQ0FBQztRQUN6QlIsT0FBTyxhQUFQQSxPQUFPLGVBQVBBLE9BQU8sQ0FBQWlCLGFBQUEsQ0FBQUEsYUFBQSxLQUFRRCxLQUFLO1VBQUVFLE9BQU8sRUFBRTtZQUFFQyxNQUFNLEVBQUUsS0FBSztZQUFFQyxLQUFLLEVBQUU7VUFBRztRQUFDLEVBQUUsQ0FBQztNQUNoRTtJQUNGLENBQUM7RUFBQSxDQUFDLEVBQ0YsQ0FBQ1YsS0FBSyxFQUFFRCxLQUFLLEVBQUVELFNBQVMsRUFBRUQsc0JBQXNCLEVBQUVQLE9BQU8sQ0FDM0QsQ0FBQztFQUVELElBQU1xQixXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBQSxFQUFTO0lBQ3hCLElBQUlWLGFBQWEsQ0FBQ0ksT0FBTyxFQUFFO01BQ3pCSixhQUFhLENBQUNJLE9BQU8sR0FBRyxLQUFLO01BQzdCO0lBQ0Y7SUFDQSxJQUFNTyxJQUFJLEdBQUdoQixhQUFhLENBQUMsQ0FBQztJQUM1QixJQUFNVSxLQUFLLEdBQUdSLFNBQVMsQ0FBQyxDQUFDO0lBQ3pCUixPQUFPLGFBQVBBLE9BQU8sZUFBUEEsT0FBTyxDQUFBaUIsYUFBQSxDQUFBQSxhQUFBLEtBQVFELEtBQUs7TUFBRUUsT0FBTyxFQUFFO1FBQUVDLE1BQU0sRUFBRUcsSUFBSSxDQUFDSCxNQUFNO1FBQUVDLEtBQUssRUFBRUUsSUFBSSxDQUFDRjtNQUFNO0lBQUMsRUFBRSxDQUFDO0VBQzlFLENBQUM7RUFFRCxJQUFNRyxXQUFXLEdBQUcsU0FBZEEsV0FBV0EsQ0FBSUMsQ0FBaUMsRUFBSztJQUN6REEsQ0FBQyxDQUFDQyxjQUFjLENBQUMsQ0FBQztJQUNsQixJQUFNQyxJQUFJLEdBQUdGLENBQUMsQ0FBQ0csYUFBYSxDQUFDQyxPQUFPLENBQUMsWUFBWSxDQUFDO0lBQ2xELElBQU1DLFNBQVMsR0FBR0MsTUFBTSxDQUFDQyxZQUFZLENBQUMsQ0FBQztJQUN2QyxJQUFJLENBQUNGLFNBQVMsSUFBSUEsU0FBUyxDQUFDRyxVQUFVLEtBQUssQ0FBQyxFQUFFO0lBQzlDSCxTQUFTLENBQUNJLGtCQUFrQixDQUFDLENBQUM7SUFDOUJKLFNBQVMsQ0FBQ0ssVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDQyxVQUFVLENBQUNDLFFBQVEsQ0FBQ0MsY0FBYyxDQUFDWCxJQUFJLENBQUMsQ0FBQztJQUNqRUcsU0FBUyxDQUFDUyxhQUFhLENBQUMsQ0FBQztJQUN6QmpCLFdBQVcsQ0FBQyxDQUFDO0VBQ2YsQ0FBQztFQUVELG9CQUNFNUIsSUFBQSxDQUFDRixZQUFZO0lBQ1hLLEdBQUcsRUFBRVMsU0FBVTtJQUNmTixTQUFTLEVBQUVBLFNBQVU7SUFDckIsb0JBQWtCRixXQUFZO0lBQzlCMEMsZUFBZSxFQUFFLENBQUN6QyxRQUFTO0lBQzNCLGlCQUFlMEMsTUFBTSxDQUFDLENBQUMsQ0FBQzFDLFFBQVEsQ0FBRTtJQUNsQzJDLDhCQUE4QjtJQUM5QkMsSUFBSSxFQUFDLFNBQVM7SUFDZCxrQkFBZSxNQUFNO0lBQ3JCMUMsT0FBTyxFQUFFcUIsV0FBWTtJQUNyQnBCLFNBQVMsRUFBRUEsU0FBVTtJQUNyQjBDLE9BQU8sRUFBRXBCLFdBQVk7SUFDckJyQixPQUFPLEVBQUVBLE9BQVE7SUFDakJDLE1BQU0sRUFBRUE7RUFBTyxDQUNoQixDQUFDO0FBRU4sQ0FDRixDQUFDO0FBRURULG9CQUFvQixDQUFDa0QsV0FBVyxHQUFHLHNCQUFzQiIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/components/atoms/ContextMentionEditor/ContextMentionEditor.styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+export var SCMEEditable = styled.div.withConfig({
+  displayName: "ContextMentionEditorstyles__SCMEEditable",
+  componentId: "sc-vz0osf-0"
+})(["min-height:24px;max-height:200px;overflow-y:auto;color:var(--Text-Primary-Dark,#20201f);font-family:var(--cor-typography-font-family,'Work Sans');font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:0;outline:none;word-break:break-word;&:empty::before{content:attr(data-placeholder);color:var(--Text-Secondary-Dark,#666);pointer-events:none;}&[data-disabled='true']{opacity:0.5;pointer-events:none;}&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px;}"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJTQ01FRWRpdGFibGUiLCJkaXYiLCJ3aXRoQ29uZmlnIiwiZGlzcGxheU5hbWUiLCJjb21wb25lbnRJZCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0NvbnRleHRNZW50aW9uRWRpdG9yL0NvbnRleHRNZW50aW9uRWRpdG9yLnN0eWxlcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdzdHlsZWQtY29tcG9uZW50cydcblxuZXhwb3J0IGNvbnN0IFNDTUVFZGl0YWJsZSA9IHN0eWxlZC5kaXZgXG4gIG1pbi1oZWlnaHQ6IDI0cHg7XG4gIG1heC1oZWlnaHQ6IDIwMHB4O1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tVGV4dC1QcmltYXJ5LURhcmssICMyMDIwMWYpO1xuICBmb250LWZhbWlseTogdmFyKC0tY29yLXR5cG9ncmFwaHktZm9udC1mYW1pbHksICdXb3JrIFNhbnMnKTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICBsZXR0ZXItc3BhY2luZzogMDtcbiAgb3V0bGluZTogbm9uZTtcbiAgd29yZC1icmVhazogYnJlYWstd29yZDtcblxuICAmOmVtcHR5OjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6IGF0dHIoZGF0YS1wbGFjZWhvbGRlcik7XG4gICAgY29sb3I6IHZhcigtLVRleHQtU2Vjb25kYXJ5LURhcmssICM2NjYpO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgJltkYXRhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNnB4O1xuICB9XG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBiYWNrZ3JvdW5kOiAjZDBkMGQwO1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgfVxuYFxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxNQUFNLE1BQU0sbUJBQW1CO0FBRXRDLE9BQU8sSUFBTUMsWUFBWSxHQUFHRCxNQUFNLENBQUNFLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxvaEJBZ0NyQyIsImlnbm9yZUxpc3QiOltdfQ==

package/lib/components/atoms/ContextMentionEditor/index.js

@@ -0,0 +1,2 @@
+export { ContextMentionEditor } from './ContextMentionEditor';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZXh0TWVudGlvbkVkaXRvciJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0NvbnRleHRNZW50aW9uRWRpdG9yL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IENvbnRleHRNZW50aW9uRWRpdG9yIH0gZnJvbSAnLi9Db250ZXh0TWVudGlvbkVkaXRvcidcbmV4cG9ydCB0eXBlIHsgQ29udGV4dE1lbnRpb25FZGl0b3JIYW5kbGUsIENvbnRleHRNZW50aW9uRWRpdG9yUHJvcHMgfSBmcm9tICcuL0NvbnRleHRNZW50aW9uRWRpdG9yJ1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxvQkFBb0IsUUFBUSx3QkFBd0IiLCJpZ25vcmVMaXN0IjpbXX0=