@projectcor/maia-components 2.11.39 → 2.11.40-0

package/lib/components/atoms/ContextMentionPopover/ContextMentionPopover.js

@@ -0,0 +1,142 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { forwardRef, useCallback, useEffect, useMemo, useState } from 'react';
+import { InformationCircle } from '@projectcor/icons/lib/components/InformationCircle';
+import { Tooltip } from '@projectcor/tooltipv2/lib/components/Tooltip';
+import { useT } from '../../../hooks/useT';
+import { ContextMentionItem } from '../ContextMentionItem';
+import { SCMPContainer, SCMPDivider, SCMPDividerWrapper, SCMPRecentsLabel, SCMPRecentsRow, SCMPRecentsTitle, SCMPList, SCMPStateWrapper, SCMPKeyboardHint, SCMPTab, SCMPTabsGroup, SCMPTabsRow } from './ContextMentionPopover.styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TAB_I18N_KEYS = {
+  client: 'contextMention.tabs.client',
+  project: 'contextMention.tabs.project',
+  task: 'contextMention.tabs.task',
+  user: 'contextMention.tabs.user',
+  mcp: 'contextMention.tabs.mcp'
+};
+var TAB_FALLBACKS = {
+  client: 'Cliente',
+  project: 'Proyecto',
+  task: 'Tarea',
+  user: 'Usuario',
+  mcp: 'Conectores'
+};
+export var ContextMentionPopover = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var allowedTypes = _ref.allowedTypes,
+    activeType = _ref.activeType,
+    onTypeChange = _ref.onTypeChange,
+    items = _ref.items,
+    loading = _ref.loading,
+    error = _ref.error,
+    searchValue = _ref.searchValue,
+    onItemSelected = _ref.onItemSelected,
+    controlledIndex = _ref.activeIndex,
+    onActiveIndexChange = _ref.onActiveIndexChange,
+    style = _ref.style,
+    keyboardHint = _ref.keyboardHint;
+  var _useT = useT(),
+    t = _useT.t;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalIndex = _useState2[0],
+    setInternalIndex = _useState2[1];
+  var activeIndex = controlledIndex !== null && controlledIndex !== void 0 ? controlledIndex : internalIndex;
+  var updateActiveIndex = useCallback(function (idx) {
+    if (onActiveIndexChange) onActiveIndexChange(idx);else setInternalIndex(idx);
+  }, [onActiveIndexChange]);
+
+  // Reset al cambiar de tab o cantidad de resultados
+  useEffect(function () {
+    updateActiveIndex(0);
+  }, [activeType, items.length, updateActiveIndex]);
+  var emptyMessage = useMemo(function () {
+    if (searchValue.trim()) {
+      return t('contextMention.empty.withQuery', {
+        query: searchValue,
+        defaultValue: "No hay resultados para \"".concat(searchValue, "\"")
+      });
+    }
+    return t('contextMention.empty.recents', {
+      defaultValue: 'Empezá a escribir para buscar'
+    });
+  }, [searchValue, t]);
+  var renderBody = function renderBody() {
+    if (loading) {
+      return /*#__PURE__*/_jsx(SCMPStateWrapper, {
+        children: t('contextMention.loading', {
+          defaultValue: 'Buscando...'
+        })
+      });
+    }
+    if (error) {
+      return /*#__PURE__*/_jsx(SCMPStateWrapper, {
+        children: t('contextMention.error', {
+          defaultValue: 'Hubo un problema al buscar'
+        })
+      });
+    }
+    if (items.length === 0) {
+      return /*#__PURE__*/_jsx(SCMPStateWrapper, {
+        children: emptyMessage
+      });
+    }
+    return /*#__PURE__*/_jsxs(SCMPList, {
+      children: [!searchValue.trim() ? /*#__PURE__*/_jsx(SCMPRecentsRow, {
+        children: /*#__PURE__*/_jsx(SCMPRecentsTitle, {
+          children: /*#__PURE__*/_jsx(SCMPRecentsLabel, {
+            children: t('contextMention.recentsTitle', {
+              defaultValue: 'Recientes'
+            })
+          })
+        })
+      }) : null, items.map(function (item, idx) {
+        return /*#__PURE__*/_jsx(ContextMentionItem, {
+          item: item,
+          active: idx === activeIndex,
+          onSelect: onItemSelected,
+          onHover: function onHover() {
+            return updateActiveIndex(idx);
+          }
+        }, "".concat(item.type, "-").concat(item.id));
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsxs(SCMPContainer, {
+    ref: ref,
+    style: style,
+    role: "listbox",
+    "aria-label": "Context mention picker",
+    children: [/*#__PURE__*/_jsxs(SCMPTabsRow, {
+      children: [/*#__PURE__*/_jsx(SCMPTabsGroup, {
+        children: allowedTypes.map(function (type, tabIndex) {
+          var label = t(TAB_I18N_KEYS[type], {
+            defaultValue: TAB_FALLBACKS[type]
+          });
+          var atPrefix = '@'.repeat(tabIndex + 1);
+          return /*#__PURE__*/_jsxs(SCMPTab, {
+            type: "button",
+            "aria-label": "".concat(atPrefix, " ").concat(label),
+            $active: type === activeType,
+            onMouseDown: function onMouseDown(e) {
+              e.preventDefault();
+              onTypeChange(type);
+            },
+            children: [atPrefix, label]
+          }, type);
+        })
+      }), /*#__PURE__*/_jsx(Tooltip, {
+        title: keyboardHint || '',
+        children: /*#__PURE__*/_jsx(SCMPKeyboardHint, {
+          children: /*#__PURE__*/_jsx(InformationCircle, {
+            width: 20,
+            height: 20,
+            color: "#808080"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx(SCMPDividerWrapper, {
+      children: /*#__PURE__*/_jsx(SCMPDivider, {})
+    }), renderBody()]
+  });
+});
+ContextMentionPopover.displayName = 'ContextMentionPopover';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmb3J3YXJkUmVmIiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VNZW1vIiwidXNlU3RhdGUiLCJJbmZvcm1hdGlvbkNpcmNsZSIsIlRvb2x0aXAiLCJ1c2VUIiwiQ29udGV4dE1lbnRpb25JdGVtIiwiU0NNUENvbnRhaW5lciIsIlNDTVBEaXZpZGVyIiwiU0NNUERpdmlkZXJXcmFwcGVyIiwiU0NNUFJlY2VudHNMYWJlbCIsIlNDTVBSZWNlbnRzUm93IiwiU0NNUFJlY2VudHNUaXRsZSIsIlNDTVBMaXN0IiwiU0NNUFN0YXRlV3JhcHBlciIsIlNDTVBLZXlib2FyZEhpbnQiLCJTQ01QVGFiIiwiU0NNUFRhYnNHcm91cCIsIlNDTVBUYWJzUm93IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlRBQl9JMThOX0tFWVMiLCJjbGllbnQiLCJwcm9qZWN0IiwidGFzayIsInVzZXIiLCJtY3AiLCJUQUJfRkFMTEJBQ0tTIiwiQ29udGV4dE1lbnRpb25Qb3BvdmVyIiwiX3JlZiIsInJlZiIsImFsbG93ZWRUeXBlcyIsImFjdGl2ZVR5cGUiLCJvblR5cGVDaGFuZ2UiLCJpdGVtcyIsImxvYWRpbmciLCJlcnJvciIsInNlYXJjaFZhbHVlIiwib25JdGVtU2VsZWN0ZWQiLCJjb250cm9sbGVkSW5kZXgiLCJhY3RpdmVJbmRleCIsIm9uQWN0aXZlSW5kZXhDaGFuZ2UiLCJzdHlsZSIsImtleWJvYXJkSGludCIsIl91c2VUIiwidCIsIl91c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheSIsImludGVybmFsSW5kZXgiLCJzZXRJbnRlcm5hbEluZGV4IiwidXBkYXRlQWN0aXZlSW5kZXgiLCJpZHgiLCJsZW5ndGgiLCJlbXB0eU1lc3NhZ2UiLCJ0cmltIiwicXVlcnkiLCJkZWZhdWx0VmFsdWUiLCJjb25jYXQiLCJyZW5kZXJCb2R5IiwiY2hpbGRyZW4iLCJtYXAiLCJpdGVtIiwiYWN0aXZlIiwib25TZWxlY3QiLCJvbkhvdmVyIiwidHlwZSIsImlkIiwicm9sZSIsInRhYkluZGV4IiwibGFiZWwiLCJhdFByZWZpeCIsInJlcGVhdCIsIiRhY3RpdmUiLCJvbk1vdXNlRG93biIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInRpdGxlIiwid2lkdGgiLCJoZWlnaHQiLCJjb2xvciIsImRpc3BsYXlOYW1lIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXRvbXMvQ29udGV4dE1lbnRpb25Qb3BvdmVyL0NvbnRleHRNZW50aW9uUG9wb3Zlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1NTUHJvcGVydGllcywgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEluZm9ybWF0aW9uQ2lyY2xlIH0gZnJvbSAnQHByb2plY3Rjb3IvaWNvbnMvbGliL2NvbXBvbmVudHMvSW5mb3JtYXRpb25DaXJjbGUnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnQHByb2plY3Rjb3IvdG9vbHRpcHYyL2xpYi9jb21wb25lbnRzL1Rvb2x0aXAnXG5pbXBvcnQgeyB1c2VUIH0gZnJvbSAnLi4vLi4vLi4vaG9va3MvdXNlVCdcbmltcG9ydCB7IENvbnRleHRFbnRpdHlUeXBlLCBDb250ZXh0TWVudGlvbkl0ZW0gYXMgQ29udGV4dE1lbnRpb25JdGVtVHlwZSB9IGZyb20gJy4uLy4uLy4uL3R5cGVzL2NvbnRleHRNZW50aW9uJ1xuaW1wb3J0IHsgQ29udGV4dE1lbnRpb25JdGVtIH0gZnJvbSAnLi4vQ29udGV4dE1lbnRpb25JdGVtJ1xuaW1wb3J0IHtcbiAgU0NNUENvbnRhaW5lcixcbiAgU0NNUERpdmlkZXIsXG4gIFNDTVBEaXZpZGVyV3JhcHBlcixcbiAgU0NNUFJlY2VudHNMYWJlbCxcbiAgU0NNUFJlY2VudHNSb3csXG4gIFNDTVBSZWNlbnRzVGl0bGUsXG4gIFNDTVBMaXN0LFxuICBTQ01QU3RhdGVXcmFwcGVyLFxuICBTQ01QS2V5Ym9hcmRIaW50LFxuICBTQ01QVGFiLFxuICBTQ01QVGFic0dyb3VwLFxuICBTQ01QVGFic1Jvdyxcbn0gZnJvbSAnLi9Db250ZXh0TWVudGlvblBvcG92ZXIuc3R5bGVzJ1xuXG5leHBvcnQgdHlwZSBDb250ZXh0TWVudGlvblBvcG92ZXJQcm9wcyA9IHtcbiAgYWxsb3dlZFR5cGVzOiBDb250ZXh0RW50aXR5VHlwZVtdXG4gIGFjdGl2ZVR5cGU6IENvbnRleHRFbnRpdHlUeXBlXG4gIG9uVHlwZUNoYW5nZTogKHR5cGU6IENvbnRleHRFbnRpdHlUeXBlKSA9PiB2b2lkXG4gIGl0ZW1zOiBDb250ZXh0TWVudGlvbkl0ZW1UeXBlW11cbiAgbG9hZGluZzogYm9vbGVhblxuICBlcnJvcjogYm9vbGVhblxuICBzZWFyY2hWYWx1ZTogc3RyaW5nXG4gIG9uSXRlbVNlbGVjdGVkOiAoaXRlbTogQ29udGV4dE1lbnRpb25JdGVtVHlwZSkgPT4gdm9pZFxuICAvKiogw41uZGljZSBwcmVzZWxlY2Npb25hZG8gKG5hdmVnYWNpw7NuIHBvciB0ZWNsYWRvIGV4dGVybmEpLiBTaSBubyBzZSBwYXNhLCBzZSBtYW5lamEgaW50ZXJuYW1lbnRlLiAqL1xuICBhY3RpdmVJbmRleD86IG51bWJlclxuICBvbkFjdGl2ZUluZGV4Q2hhbmdlPzogKGlkeDogbnVtYmVyKSA9PiB2b2lkXG4gIHN0eWxlPzogQ1NTUHJvcGVydGllc1xuICBrZXlib2FyZEhpbnQ/OiBzdHJpbmdcbn1cblxuY29uc3QgVEFCX0kxOE5fS0VZUzogUmVjb3JkPENvbnRleHRFbnRpdHlUeXBlLCBzdHJpbmc+ID0ge1xuICBjbGllbnQ6ICdjb250ZXh0TWVudGlvbi50YWJzLmNsaWVudCcsXG4gIHByb2plY3Q6ICdjb250ZXh0TWVudGlvbi50YWJzLnByb2plY3QnLFxuICB0YXNrOiAnY29udGV4dE1lbnRpb24udGFicy50YXNrJyxcbiAgdXNlcjogJ2NvbnRleHRNZW50aW9uLnRhYnMudXNlcicsXG4gIG1jcDogJ2NvbnRleHRNZW50aW9uLnRhYnMubWNwJyxcbn1cblxuY29uc3QgVEFCX0ZBTExCQUNLUzogUmVjb3JkPENvbnRleHRFbnRpdHlUeXBlLCBzdHJpbmc+ID0ge1xuICBjbGllbnQ6ICdDbGllbnRlJyxcbiAgcHJvamVjdDogJ1Byb3llY3RvJyxcbiAgdGFzazogJ1RhcmVhJyxcbiAgdXNlcjogJ1VzdWFyaW8nLFxuICBtY3A6ICdDb25lY3RvcmVzJyxcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRleHRNZW50aW9uUG9wb3ZlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIENvbnRleHRNZW50aW9uUG9wb3ZlclByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIGFsbG93ZWRUeXBlcyxcbiAgICAgIGFjdGl2ZVR5cGUsXG4gICAgICBvblR5cGVDaGFuZ2UsXG4gICAgICBpdGVtcyxcbiAgICAgIGxvYWRpbmcsXG4gICAgICBlcnJvcixcbiAgICAgIHNlYXJjaFZhbHVlLFxuICAgICAgb25JdGVtU2VsZWN0ZWQsXG4gICAgICBhY3RpdmVJbmRleDogY29udHJvbGxlZEluZGV4LFxuICAgICAgb25BY3RpdmVJbmRleENoYW5nZSxcbiAgICAgIHN0eWxlLFxuICAgICAga2V5Ym9hcmRIaW50LFxuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IHsgdCB9ID0gdXNlVCgpXG4gICAgY29uc3QgW2ludGVybmFsSW5kZXgsIHNldEludGVybmFsSW5kZXhdID0gdXNlU3RhdGUoMClcbiAgICBjb25zdCBhY3RpdmVJbmRleCA9IGNvbnRyb2xsZWRJbmRleCA/PyBpbnRlcm5hbEluZGV4XG5cbiAgICBjb25zdCB1cGRhdGVBY3RpdmVJbmRleCA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGlkeDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChvbkFjdGl2ZUluZGV4Q2hhbmdlKSBvbkFjdGl2ZUluZGV4Q2hhbmdlKGlkeClcbiAgICAgICAgZWxzZSBzZXRJbnRlcm5hbEluZGV4KGlkeClcbiAgICAgIH0sXG4gICAgICBbb25BY3RpdmVJbmRleENoYW5nZV1cbiAgICApXG5cbiAgICAvLyBSZXNldCBhbCBjYW1iaWFyIGRlIHRhYiBvIGNhbnRpZGFkIGRlIHJlc3VsdGFkb3NcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgdXBkYXRlQWN0aXZlSW5kZXgoMClcbiAgICB9LCBbYWN0aXZlVHlwZSwgaXRlbXMubGVuZ3RoLCB1cGRhdGVBY3RpdmVJbmRleF0pXG5cbiAgICBjb25zdCBlbXB0eU1lc3NhZ2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgIGlmIChzZWFyY2hWYWx1ZS50cmltKCkpIHtcbiAgICAgICAgcmV0dXJuIHQoJ2NvbnRleHRNZW50aW9uLmVtcHR5LndpdGhRdWVyeScsIHtcbiAgICAgICAgICBxdWVyeTogc2VhcmNoVmFsdWUsXG4gICAgICAgICAgZGVmYXVsdFZhbHVlOiBgTm8gaGF5IHJlc3VsdGFkb3MgcGFyYSBcIiR7c2VhcmNoVmFsdWV9XCJgLFxuICAgICAgICB9KVxuICAgICAgfVxuICAgICAgcmV0dXJuIHQoJ2NvbnRleHRNZW50aW9uLmVtcHR5LnJlY2VudHMnLCB7IGRlZmF1bHRWYWx1ZTogJ0VtcGV6w6EgYSBlc2NyaWJpciBwYXJhIGJ1c2NhcicgfSlcbiAgICB9LCBbc2VhcmNoVmFsdWUsIHRdKVxuXG4gICAgY29uc3QgcmVuZGVyQm9keSA9ICgpID0+IHtcbiAgICAgIGlmIChsb2FkaW5nKSB7XG4gICAgICAgIHJldHVybiA8U0NNUFN0YXRlV3JhcHBlcj57dCgnY29udGV4dE1lbnRpb24ubG9hZGluZycsIHsgZGVmYXVsdFZhbHVlOiAnQnVzY2FuZG8uLi4nIH0pfTwvU0NNUFN0YXRlV3JhcHBlcj5cbiAgICAgIH1cbiAgICAgIGlmIChlcnJvcikge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxTQ01QU3RhdGVXcmFwcGVyPlxuICAgICAgICAgICAge3QoJ2NvbnRleHRNZW50aW9uLmVycm9yJywgeyBkZWZhdWx0VmFsdWU6ICdIdWJvIHVuIHByb2JsZW1hIGFsIGJ1c2NhcicgfSl9XG4gICAgICAgICAgPC9TQ01QU3RhdGVXcmFwcGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgICBpZiAoaXRlbXMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgIHJldHVybiA8U0NNUFN0YXRlV3JhcHBlcj57ZW1wdHlNZXNzYWdlfTwvU0NNUFN0YXRlV3JhcHBlcj5cbiAgICAgIH1cbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxTQ01QTGlzdD5cbiAgICAgICAgICB7IXNlYXJjaFZhbHVlLnRyaW0oKSA/IChcbiAgICAgICAgICAgIDxTQ01QUmVjZW50c1Jvdz5cbiAgICAgICAgICAgICAgPFNDTVBSZWNlbnRzVGl0bGU+XG4gICAgICAgICAgICAgICAgPFNDTVBSZWNlbnRzTGFiZWw+e3QoJ2NvbnRleHRNZW50aW9uLnJlY2VudHNUaXRsZScsIHsgZGVmYXVsdFZhbHVlOiAnUmVjaWVudGVzJyB9KX08L1NDTVBSZWNlbnRzTGFiZWw+XG4gICAgICAgICAgICAgIDwvU0NNUFJlY2VudHNUaXRsZT5cbiAgICAgICAgICAgIDwvU0NNUFJlY2VudHNSb3c+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSwgaWR4KSA9PiAoXG4gICAgICAgICAgICA8Q29udGV4dE1lbnRpb25JdGVtXG4gICAgICAgICAgICAgIGtleT17YCR7aXRlbS50eXBlfS0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICAgICAgaXRlbT17aXRlbX1cbiAgICAgICAgICAgICAgYWN0aXZlPXtpZHggPT09IGFjdGl2ZUluZGV4fVxuICAgICAgICAgICAgICBvblNlbGVjdD17b25JdGVtU2VsZWN0ZWR9XG4gICAgICAgICAgICAgIG9uSG92ZXI9eygpID0+IHVwZGF0ZUFjdGl2ZUluZGV4KGlkeCl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1NDTVBMaXN0PlxuICAgICAgKVxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8U0NNUENvbnRhaW5lciByZWY9e3JlZn0gc3R5bGU9e3N0eWxlfSByb2xlPVwibGlzdGJveFwiIGFyaWEtbGFiZWw9XCJDb250ZXh0IG1lbnRpb24gcGlja2VyXCI+XG4gICAgICAgIDxTQ01QVGFic1Jvdz5cbiAgICAgICAgICA8U0NNUFRhYnNHcm91cD5cbiAgICAgICAgICAgIHthbGxvd2VkVHlwZXMubWFwKCh0eXBlLCB0YWJJbmRleCkgPT4ge1xuICAgICAgICAgICAgICBjb25zdCBsYWJlbCA9IHQoVEFCX0kxOE5fS0VZU1t0eXBlXSwgeyBkZWZhdWx0VmFsdWU6IFRBQl9GQUxMQkFDS1NbdHlwZV0gfSlcbiAgICAgICAgICAgICAgY29uc3QgYXRQcmVmaXggPSAnQCcucmVwZWF0KHRhYkluZGV4ICsgMSlcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8U0NNUFRhYlxuICAgICAgICAgICAgICAgICAga2V5PXt0eXBlfVxuICAgICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHthdFByZWZpeH0gJHtsYWJlbH1gfVxuICAgICAgICAgICAgICAgICAgJGFjdGl2ZT17dHlwZSA9PT0gYWN0aXZlVHlwZX1cbiAgICAgICAgICAgICAgICAgIG9uTW91c2VEb3duPXtlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpXG4gICAgICAgICAgICAgICAgICAgIG9uVHlwZUNoYW5nZSh0eXBlKVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7YXRQcmVmaXh9XG4gICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgPC9TQ01QVGFiPlxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L1NDTVBUYWJzR3JvdXA+XG4gICAgICAgICAgPFRvb2x0aXAgdGl0bGU9e2tleWJvYXJkSGludCB8fCAnJ30+XG4gICAgICAgICAgICA8U0NNUEtleWJvYXJkSGludD5cbiAgICAgICAgICAgICAgPEluZm9ybWF0aW9uQ2lyY2xlIHdpZHRoPXsyMH0gaGVpZ2h0PXsyMH0gY29sb3I9XCIjODA4MDgwXCIgLz5cbiAgICAgICAgICAgIDwvU0NNUEtleWJvYXJkSGludD5cbiAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgIDwvU0NNUFRhYnNSb3c+XG4gICAgICAgIDxTQ01QRGl2aWRlcldyYXBwZXI+XG4gICAgICAgICAgPFNDTVBEaXZpZGVyIC8+XG4gICAgICAgIDwvU0NNUERpdmlkZXJXcmFwcGVyPlxuICAgICAgICB7cmVuZGVyQm9keSgpfVxuICAgICAgPC9TQ01QQ29udGFpbmVyPlxuICAgIClcbiAgfVxuKVxuXG5Db250ZXh0TWVudGlvblBvcG92ZXIuZGlzcGxheU5hbWUgPSAnQ29udGV4dE1lbnRpb25Qb3BvdmVyJ1xuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBd0JBLFVBQVUsRUFBRUMsV0FBVyxFQUFFQyxTQUFTLEVBQUVDLE9BQU8sRUFBRUMsUUFBUSxRQUFRLE9BQU87QUFDNUYsU0FBU0MsaUJBQWlCLFFBQVEsb0RBQW9EO0FBQ3RGLFNBQVNDLE9BQU8sUUFBUSw4Q0FBOEM7QUFDdEUsU0FBU0MsSUFBSSxRQUFRLHFCQUFxQjtBQUUxQyxTQUFTQyxrQkFBa0IsUUFBUSx1QkFBdUI7QUFDMUQsU0FDRUMsYUFBYSxFQUNiQyxXQUFXLEVBQ1hDLGtCQUFrQixFQUNsQkMsZ0JBQWdCLEVBQ2hCQyxjQUFjLEVBQ2RDLGdCQUFnQixFQUNoQkMsUUFBUSxFQUNSQyxnQkFBZ0IsRUFDaEJDLGdCQUFnQixFQUNoQkMsT0FBTyxFQUNQQyxhQUFhLEVBQ2JDLFdBQVcsUUFDTixnQ0FBZ0M7QUFBQSxTQUFBQyxHQUFBLElBQUFDLElBQUEsRUFBQUMsSUFBQSxJQUFBQyxLQUFBO0FBa0J2QyxJQUFNQyxhQUFnRCxHQUFHO0VBQ3ZEQyxNQUFNLEVBQUUsNEJBQTRCO0VBQ3BDQyxPQUFPLEVBQUUsNkJBQTZCO0VB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RUFBRUEsR0FBSTtJQUFDWSxLQUFLLEVBQUVBLEtBQU07SUFBQzBCLElBQUksRUFBQyxTQUFTO0lBQUMsY0FBVyx3QkFBd0I7SUFBQVIsUUFBQSxnQkFDdkZ4QyxLQUFBLENBQUNKLFdBQVc7TUFBQTRDLFFBQUEsZ0JBQ1YxQyxJQUFBLENBQUNILGFBQWE7UUFBQTZDLFFBQUEsRUFDWDdCLFlBQVksQ0FBQzhCLEdBQUcsQ0FBQyxVQUFDSyxJQUFJLEVBQUVHLFFBQVEsRUFBSztVQUNwQyxJQUFNQyxLQUFLLEdBQUd6QixDQUFDLENBQUN4QixhQUFhLENBQUM2QyxJQUFJLENBQUMsRUFBRTtZQUFFVCxZQUFZLEVBQUU5QixhQUFhLENBQUN1QyxJQUFJO1VBQUUsQ0FBQyxDQUFDO1VBQzNFLElBQU1LLFFBQVEsR0FBRyxHQUFHLENBQUNDLE1BQU0sQ0FBQ0gsUUFBUSxHQUFHLENBQUMsQ0FBQztVQUN6QyxvQkFDRWpELEtBQUEsQ0FBQ04sT0FBTztZQUVOb0QsSUFBSSxFQUFDLFFBQVE7WUFDYixpQkFBQVIsTUFBQSxDQUFlYSxRQUFRLE9BQUFiLE1BQUEsQ0FBSVksS0FBSyxDQUFHO1lBQ25DRyxPQUFPLEVBQUVQLElBQUksS0FBS2xDLFVBQVc7WUFDN0IwQyxXQUFXLEVBQUUsU0FBYkEsV0FBV0EsQ0FBRUMsQ0FBQyxFQUFJO2NBQ2hCQSxDQUFDLENBQUNDLGNBQWMsQ0FBQyxDQUFDO2NBQ2xCM0MsWUFBWSxDQUFDaUMsSUFBSSxDQUFDO1lBQ3BCLENBQUU7WUFBQU4sUUFBQSxHQUVEVyxRQUFRLEVBQ1JELEtBQUs7VUFBQSxHQVZESixJQVdFLENBQUM7UUFFZCxDQUFDO01BQUMsQ0FDVyxDQUFDLGVBQ2hCaEQsSUFBQSxDQUFDaEIsT0FBTztRQUFDMkUsS0FBSyxFQUFFbEMsWUFBWSxJQUFJLEVBQUc7UUFBQWlCLFFBQUEsZUFDakMxQyxJQUFBLENBQUNMLGdCQUFnQjtVQUFBK0MsUUFBQSxlQUNmMUMsSUFBQSxDQUFDakIsaUJBQWlCO1lBQUM2RSxLQUFLLEVBQUUsRUFBRztZQUFDQyxNQUFNLEVBQUUsRUFBRztZQUFDQyxLQUFLLEVBQUM7VUFBUyxDQUFFO1FBQUMsQ0FDNUM7TUFBQyxDQUNaLENBQUM7SUFBQSxDQUNDLENBQUMsZUFDZDlELElBQUEsQ0FBQ1gsa0JBQWtCO01BQUFxRCxRQUFBLGVBQ2pCMUMsSUFBQSxDQUFDWixXQUFXLElBQUU7SUFBQyxDQUNHLENBQUMsRUFDcEJxRCxVQUFVLENBQUMsQ0FBQztFQUFBLENBQ0EsQ0FBQztBQUVwQixDQUNGLENBQUM7QUFFRC9CLHFCQUFxQixDQUFDcUQsV0FBVyxHQUFHLHVCQUF1QiIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,75 @@
+import styled from 'styled-components';
+
+/**
+ * Anchor fixed-positioned que envuelve al popover cuando se lo porta a
+ * `document.body`. El ancho coincide con el input; `bottom` ancla el panel
+ * por encima del borde superior del ancla/input.
+ */
+export var SCMPAnchor = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPAnchor",
+  componentId: "sc-14gtt3h-0"
+})(["position:fixed;bottom:", ";left:", ";width:", ";box-sizing:border-box;z-index:1200;"], function (_ref) {
+  var $bottom = _ref.$bottom;
+  return "".concat($bottom, "px");
+}, function (_ref2) {
+  var $left = _ref2.$left;
+  return "".concat($left, "px");
+}, function (_ref3) {
+  var $width = _ref3.$width;
+  return "".concat($width, "px");
+});
+export var SCMPContainer = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPContainer",
+  componentId: "sc-14gtt3h-1"
+})(["display:flex;width:100%;box-sizing:border-box;padding:12px 0;flex-direction:column;align-items:center;gap:8px;height:266px;min-height:266px;max-height:266px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.08),0 1px 4px 0 rgba(0,0,0,0.04);z-index:1000;"]);
+export var SCMPTabsRow = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPTabsRow",
+  componentId: "sc-14gtt3h-2"
+})(["display:flex;padding:4px 16px;align-items:center;justify-content:space-between;gap:10px;align-self:stretch;flex-shrink:0;"]);
+export var SCMPTabsGroup = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPTabsGroup",
+  componentId: "sc-14gtt3h-3"
+})(["display:flex;align-items:center;gap:16px;"]);
+export var SCMPKeyboardHint = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPKeyboardHint",
+  componentId: "sc-14gtt3h-4"
+})(["display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;user-select:none;cursor:default;"]);
+export var SCMPTab = styled.button.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPTab",
+  componentId: "sc-14gtt3h-5"
+})(["display:flex;padding:0 0 2px;justify-content:center;align-items:center;gap:10px;background:transparent;border:none;border-bottom:1px solid ", ";cursor:pointer;font-family:var(--cor-typography-font-family,'Work Sans');font-size:var(--cor-typography-font-size-sm,14px);font-style:normal;font-weight:500;line-height:var(--cor-typography-line-height-20,20px);letter-spacing:var(--cor-typography-letter-spacing-0,0);color:", ";transition:color 0.12s ease;&:hover{color:var(--cor-color-grey-900,#202020);}"], function (_ref4) {
+  var $active = _ref4.$active;
+  return $active ? 'var(--cor-color-grey-900, #202020)' : 'transparent';
+}, function (_ref5) {
+  var $active = _ref5.$active;
+  return $active ? 'var(--cor-color-grey-900, #202020)' : 'var(--cor-color-text-secondary, #666)';
+});
+export var SCMPDividerWrapper = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPDividerWrapper",
+  componentId: "sc-14gtt3h-6"
+})(["display:flex;padding:0 8px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;flex-shrink:0;"]);
+export var SCMPDivider = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPDivider",
+  componentId: "sc-14gtt3h-7"
+})(["width:100%;height:1px;background:var(--cor-color-grey-300,#d9d9d9);"]);
+export var SCMPList = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPList",
+  componentId: "sc-14gtt3h-8"
+})(["display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:transparent;}&::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px;}"]);
+export var SCMPRecentsRow = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPRecentsRow",
+  componentId: "sc-14gtt3h-9"
+})(["display:flex;padding:4px 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;flex-shrink:0;align-self:stretch;border-radius:4px;"]);
+export var SCMPRecentsTitle = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPRecentsTitle",
+  componentId: "sc-14gtt3h-10"
+})(["display:flex;padding:0 4px;align-items:center;gap:8px;"]);
+export var SCMPRecentsLabel = styled.span.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPRecentsLabel",
+  componentId: "sc-14gtt3h-11"
+})(["color:var(--cor-color-text-secondary,#4d4d4d);font-family:var(--cor-typography-font-family,'Work Sans');font-size:var(--cor-typography-font-size-sm,14px);font-style:normal;font-weight:400;line-height:var(--cor-typography-line-height-20,20px);letter-spacing:var(--cor-typography-letter-spacing-0,0);"]);
+export var SCMPStateWrapper = styled.div.withConfig({
+  displayName: "ContextMentionPopoverstyles__SCMPStateWrapper",
+  componentId: "sc-14gtt3h-12"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;align-self:stretch;flex:1 1 0;min-height:0;color:var(--cor-color-text-tertiary,#808080);font-family:var(--cor-typography-font-family,'Work Sans');font-size:var(--cor-typography-font-size-sm,14px);font-style:normal;font-weight:400;line-height:var(--cor-typography-line-height-20,20px);"]);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJzdHlsZWQiLCJTQ01QQW5jaG9yIiwiZGl2Iiwid2l0aENvbmZpZyIsImRpc3BsYXlOYW1lIiwiY29tcG9uZW50SWQiLCJfcmVmIiwiJGJvdHRvbSIsImNvbmNhdCIsIl9yZWYyIiwiJGxlZnQiLCJfcmVmMyIsIiR3aWR0aCIsIlNDTVBDb250YWluZXIiLCJTQ01QVGFic1JvdyIsIlNDTVBUYWJzR3JvdXAiLCJTQ01QS2V5Ym9hcmRIaW50IiwiU0NNUFRhYiIsImJ1dHRvbiIsIl9yZWY0IiwiJGFjdGl2ZSIsIl9yZWY1IiwiU0NNUERpdmlkZXJXcmFwcGVyIiwiU0NNUERpdmlkZXIiLCJTQ01QTGlzdCIsIlNDTVBSZWNlbnRzUm93IiwiU0NNUFJlY2VudHNUaXRsZSIsIlNDTVBSZWNlbnRzTGFiZWwiLCJzcGFuIiwiU0NNUFN0YXRlV3JhcHBlciJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2F0b21zL0NvbnRleHRNZW50aW9uUG9wb3Zlci9Db250ZXh0TWVudGlvblBvcG92ZXIuc3R5bGVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ3N0eWxlZC1jb21wb25lbnRzJ1xuXG4vKipcbiAqIEFuY2hvciBmaXhlZC1wb3NpdGlvbmVkIHF1ZSBlbnZ1ZWx2ZSBhbCBwb3BvdmVyIGN1YW5kbyBzZSBsbyBwb3J0YSBhXG4gKiBgZG9jdW1lbnQuYm9keWAuIEVsIGFuY2hvIGNvaW5jaWRlIGNvbiBlbCBpbnB1dDsgYGJvdHRvbWAgYW5jbGEgZWwgcGFuZWxcbiAqIHBvciBlbmNpbWEgZGVsIGJvcmRlIHN1cGVyaW9yIGRlbCBhbmNsYS9pbnB1dC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNDTVBBbmNob3IgPSBzdHlsZWQuZGl2PHsgJGJvdHRvbTogbnVtYmVyOyAkbGVmdDogbnVtYmVyOyAkd2lkdGg6IG51bWJlciB9PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206ICR7KHsgJGJvdHRvbSB9KSA9PiBgJHskYm90dG9tfXB4YH07XG4gIGxlZnQ6ICR7KHsgJGxlZnQgfSkgPT4gYCR7JGxlZnR9cHhgfTtcbiAgd2lkdGg6ICR7KHsgJHdpZHRoIH0pID0+IGAkeyR3aWR0aH1weGB9O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB6LWluZGV4OiAxMjAwO1xuYFxuXG5leHBvcnQgY29uc3QgU0NNUENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBwYWRkaW5nOiAxMnB4IDA7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBoZWlnaHQ6IDI2NnB4O1xuICBtaW4taGVpZ2h0OiAyNjZweDtcbiAgbWF4LWhlaWdodDogMjY2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYm9yZGVyOiAxcHggc29saWQgI2UwZTBlMDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm94LXNoYWRvdzpcbiAgICAwIDFweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMDgpLFxuICAgIDAgMXB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4wNCk7XG4gIHotaW5kZXg6IDEwMDA7XG5gXG5cbmV4cG9ydCBjb25zdCBTQ01QVGFic1JvdyA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDRweCAxNnB4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGdhcDogMTBweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgZmxleC1zaHJpbms6IDA7XG5gXG5cbmV4cG9ydCBjb25zdCBTQ01QVGFic0dyb3VwID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxNnB4O1xuYFxuXG5leHBvcnQgY29uc3QgU0NNUEtleWJvYXJkSGludCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDIwcHg7XG4gIGhlaWdodDogMjBweDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIGN1cnNvcjogZGVmYXVsdDtcbmBcblxuZXhwb3J0IGNvbnN0IFNDTVBUYWIgPSBzdHlsZWQuYnV0dG9uPHsgJGFjdGl2ZT86IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6IDAgMCAycHg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDEwcHg7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBib3JkZXI6IG5vbmU7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAkeyh7ICRhY3RpdmUgfSkgPT4gKCRhY3RpdmUgPyAndmFyKC0tY29yLWNvbG9yLWdyZXktOTAwLCAjMjAyMDIwKScgOiAndHJhbnNwYXJlbnQnKX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWNvci10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5LCAnV29yayBTYW5zJyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tY29yLXR5cG9ncmFwaHktZm9udC1zaXplLXNtLCAxNHB4KTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNTAwO1xuICBsaW5lLWhlaWdodDogdmFyKC0tY29yLXR5cG9ncmFwaHktbGluZS1oZWlnaHQtMjAsIDIwcHgpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tY29yLXR5cG9ncmFwaHktbGV0dGVyLXNwYWNpbmctMCwgMCk7XG4gIGNvbG9yOiAkeyh7ICRhY3RpdmUgfSkgPT4gKCRhY3RpdmUgPyAndmFyKC0tY29yLWNvbG9yLWdyZXktOTAwLCAjMjAyMDIwKScgOiAndmFyKC0tY29yLWNvbG9yLXRleHQtc2Vjb25kYXJ5LCAjNjY2KScpfTtcbiAgdHJhbnNpdGlvbjogY29sb3IgMC4xMnMgZWFzZTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogdmFyKC0tY29yLWNvbG9yLWdyZXktOTAwLCAjMjAyMDIwKTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU0NNUERpdmlkZXJXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogMCA4cHg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6IDEwcHg7XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gIGZsZXgtc2hyaW5rOiAwO1xuYFxuXG5leHBvcnQgY29uc3QgU0NNUERpdmlkZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvci1jb2xvci1ncmV5LTMwMCwgI2Q5ZDlkOSk7XG5gXG5cbmV4cG9ydCBjb25zdCBTQ01QTGlzdCA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBnYXA6IDRweDtcbiAgZmxleDogMSAxIDA7XG4gIG1pbi1oZWlnaHQ6IDA7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcblxuICAmOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgd2lkdGg6IDZweDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBiYWNrZ3JvdW5kOiAjZDBkMGQwO1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgU0NNUFJlY2VudHNSb3cgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiA0cHggMDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6IDJweDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbmBcblxuZXhwb3J0IGNvbnN0IFNDTVBSZWNlbnRzVGl0bGUgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAwIDRweDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA4cHg7XG5gXG5cbmV4cG9ydCBjb25zdCBTQ01QUmVjZW50c0xhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGNvbG9yOiB2YXIoLS1jb3ItY29sb3ItdGV4dC1zZWNvbmRhcnksICM0ZDRkNGQpO1xuICBmb250LWZhbWlseTogdmFyKC0tY29yLXR5cG9ncmFwaHktZm9udC1mYW1pbHksICdXb3JrIFNhbnMnKTtcbiAgZm9udC1zaXplOiB2YXIoLS1jb3ItdHlwb2dyYXBoeS1mb250LXNpemUtc20sIDE0cHgpO1xuICBmb250LXN0eWxlOiBub3JtYWw7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1jb3ItdHlwb2dyYXBoeS1saW5lLWhlaWdodC0yMCwgMjBweCk7XG4gIGxldHRlci1zcGFjaW5nOiB2YXIoLS1jb3ItdHlwb2dyYXBoeS1sZXR0ZXItc3BhY2luZy0wLCAwKTtcbmBcblxuZXhwb3J0IGNvbnN0IFNDTVBTdGF0ZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMjRweCAxNnB4O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICBmbGV4OiAxIDEgMDtcbiAgbWluLWhlaWdodDogMDtcbiAgY29sb3I6IHZhcigtLWNvci1jb2xvci10ZXh0LXRlcnRpYXJ5LCAjODA4MDgwKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWNvci10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5LCAnV29yayBTYW5zJyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tY29yLXR5cG9ncmFwaHktZm9udC1zaXplLXNtLCAxNHB4KTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogdmFyKC0tY29yLXR5cG9ncmFwaHktbGluZS1oZWlnaHQtMjAsIDIwcHgpO1xuYFxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxNQUFNLE1BQU0sbUJBQW1COztBQUV0QztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EsT0FBTyxJQUFNQyxVQUFVLEdBQUdELE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDRGQUV4QixVQUFBQyxJQUFBO0VBQUEsSUFBR0MsT0FBTyxHQUFBRCxJQUFBLENBQVBDLE9BQU87RUFBQSxVQUFBQyxNQUFBLENBQVVELE9BQU87QUFBQSxDQUFJLEVBQ2pDLFVBQUFFLEtBQUE7RUFBQSxJQUFHQyxLQUFLLEdBQUFELEtBQUEsQ0FBTEMsS0FBSztFQUFBLFVBQUFGLE1BQUEsQ0FBVUUsS0FBSztBQUFBLENBQUksRUFDMUIsVUFBQUMsS0FBQTtFQUFBLElBQUdDLE1BQU0sR0FBQUQsS0FBQSxDQUFOQyxNQUFNO0VBQUEsVUFBQUosTUFBQSxDQUFVSSxNQUFNO0FBQUEsQ0FBSSxDQUd2QztBQUVELE9BQU8sSUFBTUMsYUFBYSxHQUFHYixNQUFNLENBQUNFLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxrVEFrQnRDO0FBRUQsT0FBTyxJQUFNUyxXQUFXLEdBQUdkLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLGlJQVFwQztBQUVELE9BQU8sSUFBTVUsYUFBYSxHQUFHZixNQUFNLENBQUNFLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxpREFJdEM7QUFFRCxPQUFPLElBQU1XLGdCQUFnQixHQUFHaEIsTUFBTSxDQUFDRSxHQUFHLENBQUFDLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsNkhBUXpDO0FBRUQsT0FBTyxJQUFNWSxPQUFPLEdBQUdqQixNQUFNLENBQUNrQixNQUFNLENBQUFmLFVBQUE7RUFBQUMsV0FBQTtFQUFBQyxXQUFBO0FBQUEsNGZBUVAsVUFBQWMsS0FBQTtFQUFBLElBQUdDLE9BQU8sR0FBQUQsS0FBQSxDQUFQQyxPQUFPO0VBQUEsT0FBUUEsT0FBTyxHQUFHLG9DQUFvQyxHQUFHLGFBQWE7QUFBQSxDQUFDLEVBUW5HLFVBQUFDLEtBQUE7RUFBQSxJQUFHRCxPQUFPLEdBQUFDLEtBQUEsQ0FBUEQsT0FBTztFQUFBLE9BQVFBLE9BQU8sR0FBRyxvQ0FBb0MsR0FBRyx1Q0FBdUM7QUFBQSxDQUFDLENBTXJIO0FBRUQsT0FBTyxJQUFNRSxrQkFBa0IsR0FBR3RCLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDBIQVEzQztBQUVELE9BQU8sSUFBTWtCLFdBQVcsR0FBR3ZCLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDJFQUlwQztBQUVELE9BQU8sSUFBTW1CLFFBQVEsR0FBR3hCLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDJTQXVCakM7QUFFRCxPQUFPLElBQU1vQixjQUFjLEdBQUd6QixNQUFNLENBQUNFLEdBQUcsQ0FBQUMsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxrS0FVdkM7QUFFRCxPQUFPLElBQU1xQixnQkFBZ0IsR0FBRzFCLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLDhEQUt6QztBQUVELE9BQU8sSUFBTXNCLGdCQUFnQixHQUFHM0IsTUFBTSxDQUFDNEIsSUFBSSxDQUFBekIsVUFBQTtFQUFBQyxXQUFBO0VBQUFDLFdBQUE7QUFBQSxrVEFRMUM7QUFFRCxPQUFPLElBQU13QixnQkFBZ0IsR0FBRzdCLE1BQU0sQ0FBQ0UsR0FBRyxDQUFBQyxVQUFBO0VBQUFDLFdBQUE7RUFBQUMsV0FBQTtBQUFBLG1ZQWV6QyIsImlnbm9yZUxpc3QiOltdfQ==

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

@@ -0,0 +1,3 @@
+export { ContextMentionPopover } from './ContextMentionPopover';
+export { SCMPAnchor } from './ContextMentionPopover.styles';
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZXh0TWVudGlvblBvcG92ZXIiLCJTQ01QQW5jaG9yIl0sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXRvbXMvQ29udGV4dE1lbnRpb25Qb3BvdmVyL2luZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IENvbnRleHRNZW50aW9uUG9wb3ZlciB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25Qb3BvdmVyJ1xuZXhwb3J0IHR5cGUgeyBDb250ZXh0TWVudGlvblBvcG92ZXJQcm9wcyB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25Qb3BvdmVyJ1xuZXhwb3J0IHsgU0NNUEFuY2hvciB9IGZyb20gJy4vQ29udGV4dE1lbnRpb25Qb3BvdmVyLnN0eWxlcydcbiJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EscUJBQXFCLFFBQVEseUJBQXlCO0FBRS9ELFNBQVNDLFVBQVUsUUFBUSxnQ0FBZ0MiLCJpZ25vcmVMaXN0IjpbXX0=