@macrostrat/feedback-components 1.1.10 → 2.0.1

package/dist/esm/feedback-components.ca78c2d4.js

@@ -1,287 +0,0 @@
-import "./feedback-components.d769ffa5.css";
-import $aogpP$feedbackcomponentse702eecejs from "./feedback-components.e702eece.js";
-import {buildHighlights as $03d8811e9c9b360d$export$c4b91360064ad200, getTagStyle as $03d8811e9c9b360d$export$35baa338324d8550} from "./feedback-components.ba79c0ef.js";
-import {MatchTag as $a878a21b0c10bfdc$export$5eeb3456842e9e5f} from "./feedback-components.7dd42a9f.js";
-import $aogpP$macrostrathyper from "@macrostrat/hyper";
-import {useRef as $aogpP$useRef, useEffect as $aogpP$useEffect} from "react";
-import {Popover as $aogpP$Popover} from "@blueprintjs/core";
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-
-
-
-
-
-const $156a3efbc315814c$var$h = (0, $aogpP$macrostrathyper).styled((0, ($parcel$interopDefault($aogpP$feedbackcomponentse702eecejs))));
-function $156a3efbc315814c$var$buildTags(highlights, selectedNodes) {
-    let tags = [];
-    // If entity ID has already been seen, don't add it again
-    const entities = new Set();
-    for (const highlight of highlights){
-        // Don't add multiply-linked entities multiple times
-        if (entities.has(highlight.id)) continue;
-        const highlighted = $156a3efbc315814c$var$isHighlighted(highlight, selectedNodes);
-        const active = $156a3efbc315814c$var$isActive(highlight, selectedNodes);
-        const tagStyle = (0, $03d8811e9c9b360d$export$35baa338324d8550)(highlight.backgroundColor, {
-            highlighted: highlighted,
-            active: active
-        });
-        const tag = {
-            color: tagStyle.color,
-            tagStyle: {
-                display: "none"
-            },
-            markStyle: {
-                backgroundColor: tagStyle.backgroundColor
-            },
-            ...highlight,
-            backgroundColor: tagStyle.backgroundColor
-        };
-        tags.push(tag);
-        entities.add(highlight.id);
-    }
-    return tags;
-}
-function $156a3efbc315814c$var$isActive(tag, selectedNodes) {
-    return selectedNodes.includes(tag.id);
-}
-function $156a3efbc315814c$var$isHighlighted(tag, selectedNodes) {
-    if (selectedNodes.length === 0) return true;
-    return (selectedNodes.includes(tag.id) || tag.parents?.some((d)=>selectedNodes.includes(d))) ?? false;
-}
-function $156a3efbc315814c$export$6e107db9091b8219(props) {
-    // Convert input to tags
-    const { text: text, selectedNodes: selectedNodes, nodes: nodes, dispatch: dispatch, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;
-    const allTags = $156a3efbc315814c$var$buildTags((0, $03d8811e9c9b360d$export$c4b91360064ad200)(nodes, null), selectedNodes);
-    return $156a3efbc315814c$var$h("div.feedback-text-wrapper", {
-        tabIndex: 0,
-        onKeyDown: (e)=>{
-            if (e.key === "Backspace") dispatch({
-                type: "delete-node",
-                payload: {
-                    ids: selectedNodes
-                }
-            });
-        }
-    }, $156a3efbc315814c$var$h($156a3efbc315814c$export$190465bec6b893be, {
-        text: text,
-        allTags: allTags,
-        allowOverlap: allowOverlap,
-        dispatch: dispatch,
-        selectedNodes: selectedNodes,
-        viewOnly: viewOnly,
-        matchLinks: matchLinks
-    }));
-}
-function $156a3efbc315814c$var$createTagFromSelection({ container: container }) {
-    const selection = window.getSelection();
-    if (!selection || selection.isCollapsed || selection.rangeCount === 0 || !container) return null;
-    const range = selection.getRangeAt(0);
-    if (!container.contains(range.startContainer) || !container.contains(range.endContainer)) return null;
-    const preRange = document.createRange();
-    preRange.setStart(container, 0);
-    preRange.setEnd(range.startContainer, range.startOffset);
-    const start = preRange.toString().length;
-    const selectedText = range.toString();
-    const end = start + selectedText.length;
-    return {
-        start: start,
-        end: end,
-        text: selectedText
-    };
-}
-function $156a3efbc315814c$var$addTag({ tag: tag, dispatch: dispatch, text: text, allTags: allTags, allowOverlap: allowOverlap }) {
-    let { start: start, end: end } = tag;
-    // snap to text
-    if (text[end - 1] != " ") {
-        // double clicking word overselects by one, shouldn't increase to next word
-        while(start > 0 && /\w/.test(text[start - 1]))start--;
-        while(end < text.length && /\w/.test(text[end]))end++;
-    }
-    let payload = {
-        start: start,
-        end: end,
-        text: text.slice(start, end)
-    };
-    if (payload.text.trim() === "") {
-        console.log("Blank tag found, ignoring");
-        return;
-    }
-    const duplicate = allTags.find((t)=>t.start === payload.start && (t.end === payload.end || t.end === payload.end - 1));
-    if (duplicate) {
-        console.log("Duplicate tag found, ignoring");
-        return;
-    }
-    if (payload.text.endsWith(" ")) {
-        payload.text = payload.text.slice(0, -1);
-        payload.end -= 1;
-    }
-    const inside = allTags.some((t)=>t.start <= payload.start && t.end >= payload.end);
-    const overlap = allTags.some((t)=>t.start < payload.end && t.end > payload.start);
-    if ((inside || overlap) && !allowOverlap) {
-        console.log("Tag is inside another tag, ignoring");
-        return;
-    }
-    dispatch({
-        type: "create-node",
-        payload: payload
-    });
-}
-function $156a3efbc315814c$var$nestHighlights(text, tags) {
-    const events = [];
-    for (const tag of tags){
-        events.push({
-            pos: tag.start,
-            type: "start",
-            tag: tag
-        });
-        events.push({
-            pos: tag.end,
-            type: "end",
-            tag: tag
-        });
-    }
-    events.sort((a, b)=>{
-        if (a.pos !== b.pos) return a.pos - b.pos;
-        if (a.type === "end" && b.type === "start") return -1;
-        if (a.type === "start" && b.type === "end") return 1;
-        return 0;
-    });
-    const root = {
-        children: [],
-        textStart: 0
-    };
-    const stack = [
-        root
-    ];
-    let lastPos = 0;
-    for (const { pos: pos, type: type, tag: tag } of events){
-        const parent = stack[stack.length - 1];
-        if (pos > lastPos) {
-            const slice = text.slice(lastPos, pos);
-            parent.children.push(slice);
-        }
-        if (type === "start") {
-            const newNode = {
-                tag: tag,
-                children: [],
-                textStart: pos
-            };
-            parent.children.push(newNode);
-            stack.push(newNode);
-        } else stack.pop();
-        lastPos = pos;
-    }
-    if (lastPos < text.length) stack[stack.length - 1].children.push(text.slice(lastPos));
-    return root;
-}
-function $156a3efbc315814c$var$renderNode(node, dispatch, selectedNodes, parentSelected, matchLinks, viewOnly) {
-    if (typeof node === "string") return node;
-    const { tag: tag, children: children } = node;
-    const isSelected = selectedNodes?.includes(tag.id);
-    const showBorder = selectedNodes.length === 0 || isSelected;
-    const match = tag.match;
-    const style = {
-        ...tag,
-        zIndex: parentSelected ? -1 : 1,
-        border: "1px solid " + (match != undefined && matchLinks ? "orange" : showBorder ? tag.color : "transparent"),
-        margin: "-1px"
-    };
-    let moveText = [];
-    if (isSelected) {
-        for(const key in children)if (Object.prototype.hasOwnProperty.call(children, key)) {
-            const child = children[key];
-            if (child?.tag) moveText.push(child.children[0]);
-            else moveText.push(child);
-        }
-    }
-    const tagComponent = $156a3efbc315814c$var$h("span", {
-        onMouseEnter: (e)=>{
-            e.stopPropagation();
-        },
-        className: "highlight" + (!viewOnly || match ? " clickable" : ""),
-        style: style,
-        onClick: (e)=>{
-            e.stopPropagation();
-            if (e.ctrlKey || e.metaKey || selectedNodes[0] === tag.id && selectedNodes.length === 1) {
-                // Toggle selection on ctrl/cmd click or when node is only selected node
-                e.stopPropagation();
-                dispatch({
-                    type: "toggle-node-selected",
-                    payload: {
-                        ids: [
-                            tag.id
-                        ]
-                    }
-                });
-            } else if (e.shiftKey && selectedNodes.length > 0) {
-                // Select range from last selected node to this one
-                const lastSelected = selectedNodes[selectedNodes.length - 1];
-                dispatch({
-                    type: "select-range",
-                    payload: {
-                        ids: [
-                            lastSelected,
-                            tag.id
-                        ]
-                    }
-                });
-            } else dispatch({
-                type: "select-node",
-                payload: {
-                    ids: [
-                        tag.id
-                    ]
-                }
-            });
-        }
-    }, isSelected ? moveText.flat() : children.map((child, i)=>$156a3efbc315814c$var$renderNode(child, dispatch, selectedNodes, isSelected, matchLinks, viewOnly)));
-    if (viewOnly && match) return $156a3efbc315814c$var$h((0, $aogpP$Popover), {
-        content: $156a3efbc315814c$var$h("div.match-link", $156a3efbc315814c$var$h((0, $a878a21b0c10bfdc$export$5eeb3456842e9e5f), {
-            data: match,
-            matchLinks: matchLinks
-        })),
-        interactionKind: "hover"
-    }, tagComponent);
-    return tagComponent;
-}
-function $156a3efbc315814c$export$190465bec6b893be(props) {
-    const { text: text, allTags: allTags = [], dispatch: dispatch, selectedNodes: selectedNodes, allowOverlap: allowOverlap, matchLinks: matchLinks, viewOnly: viewOnly } = props;
-    const tree = $156a3efbc315814c$var$nestHighlights(text, allTags);
-    const spanRef = (0, $aogpP$useRef)(null);
-    (0, $aogpP$useEffect)(()=>{
-        const handleMouseUp = ()=>{
-            const tag = $156a3efbc315814c$var$createTagFromSelection({
-                container: spanRef.current
-            });
-            if (!tag) return;
-            $156a3efbc315814c$var$addTag({
-                tag: tag,
-                dispatch: dispatch,
-                text: text,
-                allTags: allTags,
-                allowOverlap: allowOverlap
-            });
-        };
-        document.addEventListener("mouseup", handleMouseUp);
-        return ()=>{
-            document.removeEventListener("mouseup", handleMouseUp);
-        };
-    }, [
-        text,
-        allTags,
-        dispatch,
-        allowOverlap
-    ]);
-    return $156a3efbc315814c$var$h("span", {
-        ref: spanRef
-    }, tree.children.map((child, i)=>$156a3efbc315814c$var$renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly)));
-}
-
-
-export {$156a3efbc315814c$export$6e107db9091b8219 as FeedbackText, $156a3efbc315814c$export$190465bec6b893be as HighlightedText};
-//# sourceMappingURL=feedback-components.ca78c2d4.js.map

package/dist/esm/feedback-components.ca78c2d4.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/feedback-components/src/feedback/text-visualizer.ts"],"sourcesContent":["import { AnnotateBlendTag } from \"react-text-annotate-blend\";\nimport { InternalEntity } from \"./types\";\nimport { TreeDispatch } from \"./edit-state\";\nimport styles from \"./feedback.module.sass\";\nimport hyper from \"@macrostrat/hyper\";\nimport { buildHighlights, getTagStyle } from \"../extractions\";\nimport { Highlight } from \"../extractions/types\";\nimport { useEffect, useRef } from \"react\";\nimport { Popover } from \"@blueprintjs/core\";\nimport { MatchTag } from \"./matches\";\nimport { data } from \"packages/feedback-components/stories/test-data\";\n\nconst h = hyper.styled(styles);\n\nexport interface FeedbackTextProps {\n  text: string;\n  selectedNodes: number[];\n  nodes: InternalEntity[];\n  updateNodes: (nodes: string[]) => void;\n  dispatch: TreeDispatch;\n  lineHeight: string;\n  allowOverlap?: boolean;\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}\n\nfunction buildTags(\n  highlights: Highlight[],\n  selectedNodes: number[],\n): AnnotateBlendTag[] {\n  let tags: AnnotateBlendTag[] = [];\n  // If entity ID has already been seen, don't add it again\n  const entities = new Set<number>();\n\n  for (const highlight of highlights) {\n    // Don't add multiply-linked entities multiple times\n    if (entities.has(highlight.id)) continue;\n\n    const highlighted = isHighlighted(highlight, selectedNodes);\n    const active = isActive(highlight, selectedNodes);\n    const tagStyle = getTagStyle(highlight.backgroundColor, {\n      highlighted,\n      active,\n    });\n\n    const tag = {\n      color: tagStyle.color,\n      tagStyle: {\n        display: \"none\",\n      },\n      markStyle: {\n        backgroundColor: tagStyle.backgroundColor,\n      },\n      ...highlight,\n      backgroundColor: tagStyle.backgroundColor,\n    };\n\n    tags.push(tag);\n\n    entities.add(highlight.id);\n  }\n\n  return tags;\n}\n\nfunction isActive(tag: Highlight, selectedNodes: number[]) {\n  return selectedNodes.includes(tag.id);\n}\n\nfunction isHighlighted(tag: Highlight, selectedNodes: number[]) {\n  if (selectedNodes.length === 0) return true;\n  return (\n    (selectedNodes.includes(tag.id) ||\n      tag.parents?.some((d) => selectedNodes.includes(d))) ??\n    false\n  );\n}\n\nexport function FeedbackText(props: FeedbackTextProps) {\n  // Convert input to tags\n  const {\n    text,\n    selectedNodes,\n    nodes,\n    dispatch,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n  const allTags: AnnotateBlendTag[] = buildTags(\n    buildHighlights(nodes, null),\n    selectedNodes,\n  );\n\n  return h(\n    \"div.feedback-text-wrapper\",\n    {\n      tabIndex: 0,\n      onKeyDown: (e) => {\n        if (e.key === \"Backspace\") {\n          dispatch({\n            type: \"delete-node\",\n            payload: { ids: selectedNodes },\n          });\n        }\n      },\n    },\n    h(HighlightedText, {\n      text,\n      allTags,\n      allowOverlap,\n      dispatch,\n      selectedNodes,\n      viewOnly,\n      matchLinks,\n    }),\n  );\n}\n\nfunction createTagFromSelection({\n  container,\n}: {\n  container: HTMLElement | null;\n}) {\n  const selection = window.getSelection();\n  if (\n    !selection ||\n    selection.isCollapsed ||\n    selection.rangeCount === 0 ||\n    !container\n  )\n    return null;\n\n  const range = selection.getRangeAt(0);\n\n  if (\n    !container.contains(range.startContainer) ||\n    !container.contains(range.endContainer)\n  ) {\n    return null;\n  }\n\n  const preRange = document.createRange();\n  preRange.setStart(container, 0);\n  preRange.setEnd(range.startContainer, range.startOffset);\n  const start = preRange.toString().length;\n\n  const selectedText = range.toString();\n  const end = start + selectedText.length;\n\n  return {\n    start,\n    end,\n    text: selectedText,\n  };\n}\n\nfunction addTag({ tag, dispatch, text, allTags, allowOverlap }) {\n  let { start, end } = tag;\n  // snap to text\n  if (text[end - 1] != \" \") {\n    // double clicking word overselects by one, shouldn't increase to next word\n    while (start > 0 && /\\w/.test(text[start - 1])) {\n      start--;\n    }\n    while (end < text.length && /\\w/.test(text[end])) {\n      end++;\n    }\n  }\n\n  let payload = { start, end, text: text.slice(start, end) };\n\n  if (payload.text.trim() === \"\") {\n    console.log(\"Blank tag found, ignoring\");\n    return;\n  }\n\n  const duplicate = allTags.find(\n    (t) =>\n      t.start === payload.start &&\n      (t.end === payload.end || t.end === payload.end - 1),\n  );\n\n  if (duplicate) {\n    console.log(\"Duplicate tag found, ignoring\");\n    return;\n  }\n\n  if (payload.text.endsWith(\" \")) {\n    payload.text = payload.text.slice(0, -1);\n    payload.end -= 1;\n  }\n\n  const inside = allTags.some(\n    (t) => t.start <= payload.start && t.end >= payload.end,\n  );\n\n  const overlap = allTags.some(\n    (t) => t.start < payload.end && t.end > payload.start,\n  );\n\n  if ((inside || overlap) && !allowOverlap) {\n    console.log(\"Tag is inside another tag, ignoring\");\n    return;\n  }\n\n  dispatch({ type: \"create-node\", payload });\n}\n\nfunction nestHighlights(text: string, tags: AnnotateBlendTag[]) {\n  const events: Array<{\n    pos: number;\n    type: \"start\" | \"end\";\n    tag: AnnotateBlendTag;\n  }> = [];\n\n  for (const tag of tags) {\n    events.push({ pos: tag.start, type: \"start\", tag });\n    events.push({ pos: tag.end, type: \"end\", tag });\n  }\n\n  events.sort((a, b) => {\n    if (a.pos !== b.pos) return a.pos - b.pos;\n    if (a.type === \"end\" && b.type === \"start\") return -1;\n    if (a.type === \"start\" && b.type === \"end\") return 1;\n    return 0;\n  });\n\n  const root = { children: [], textStart: 0 };\n  const stack = [root];\n  let lastPos = 0;\n\n  for (const { pos, type, tag } of events) {\n    const parent = stack[stack.length - 1];\n\n    if (pos > lastPos) {\n      const slice = text.slice(lastPos, pos);\n      parent.children.push(slice);\n    }\n\n    if (type === \"start\") {\n      const newNode = { tag, children: [], textStart: pos };\n      parent.children.push(newNode);\n      stack.push(newNode);\n    } else {\n      stack.pop();\n    }\n\n    lastPos = pos;\n  }\n\n  if (lastPos < text.length) {\n    stack[stack.length - 1].children.push(text.slice(lastPos));\n  }\n\n  return root;\n}\n\nfunction renderNode(\n  node: any,\n  dispatch: TreeDispatch,\n  selectedNodes: number[],\n  parentSelected: boolean,\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  },\n  viewOnly?: boolean,\n): any {\n  if (typeof node === \"string\") return node;\n\n  const { tag, children } = node;\n  const isSelected = selectedNodes?.includes(tag.id);\n  const showBorder = selectedNodes.length === 0 || isSelected;\n  const match = tag.match;\n\n  const style = {\n    ...tag,\n    zIndex: parentSelected ? -1 : 1,\n    border:\n      \"1px solid \" +\n      (match != undefined && matchLinks\n        ? \"orange\"\n        : showBorder\n          ? tag.color\n          : \"transparent\"),\n    margin: \"-1px\",\n  };\n\n  let moveText = [];\n  if (isSelected) {\n    for (const key in children) {\n      if (Object.prototype.hasOwnProperty.call(children, key)) {\n        const child = children[key];\n        if (child?.tag) {\n          moveText.push(child.children[0]);\n        } else {\n          moveText.push(child);\n        }\n      }\n    }\n  }\n\n  const tagComponent = h(\n    \"span\",\n    {\n      onMouseEnter: (e: MouseEvent) => {\n        e.stopPropagation();\n      },\n      className: \"highlight\" + (!viewOnly || match ? \" clickable\" : \"\"),\n      style,\n      onClick: (e: MouseEvent) => {\n        e.stopPropagation();\n        if (\n          e.ctrlKey ||\n          e.metaKey ||\n          (selectedNodes[0] === tag.id && selectedNodes.length === 1)\n        ) {\n          // Toggle selection on ctrl/cmd click or when node is only selected node\n          e.stopPropagation();\n          dispatch({\n            type: \"toggle-node-selected\",\n            payload: { ids: [tag.id] },\n          });\n        } else if (e.shiftKey && selectedNodes.length > 0) {\n          // Select range from last selected node to this one\n          const lastSelected = selectedNodes[selectedNodes.length - 1];\n\n          dispatch({\n            type: \"select-range\",\n            payload: { ids: [lastSelected, tag.id] },\n          });\n        } else {\n          dispatch({\n            type: \"select-node\",\n            payload: { ids: [tag.id] },\n          });\n        }\n      },\n    },\n    isSelected\n      ? moveText.flat()\n      : children.map((child: any, i: number) =>\n          renderNode(\n            child,\n            dispatch,\n            selectedNodes,\n            isSelected,\n            matchLinks,\n            viewOnly,\n          ),\n        ),\n  );\n\n  if (viewOnly && match) {\n    return h(\n      Popover,\n      {\n        content: h(\"div.match-link\", h(MatchTag, { data: match, matchLinks })),\n        interactionKind: \"hover\",\n      },\n      tagComponent,\n    );\n  }\n\n  return tagComponent;\n}\n\nexport function HighlightedText(props: {\n  text: string;\n  allTags: AnnotateBlendTag[];\n  lineHeight: string;\n  allowOverlap?: boolean;\n  dispatch: TreeDispatch;\n  selectedNodes: number[];\n  matchLinks?: {\n    lithology: string;\n    strat_name: string;\n    lith_att: string;\n  };\n  viewOnly?: boolean;\n}) {\n  const {\n    text,\n    allTags = [],\n    dispatch,\n    selectedNodes,\n    allowOverlap,\n    matchLinks,\n    viewOnly,\n  } = props;\n\n  const tree = nestHighlights(text, allTags);\n\n  const spanRef = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    const handleMouseUp = () => {\n      const tag = createTagFromSelection({ container: spanRef.current });\n      if (!tag) return;\n      addTag({ tag, dispatch, text, allTags, allowOverlap });\n    };\n\n    document.addEventListener(\"mouseup\", handleMouseUp);\n    return () => {\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    };\n  }, [text, allTags, dispatch, allowOverlap]);\n\n  return h(\n    \"span\",\n    { ref: spanRef },\n    tree.children.map((child: any, i: number) =>\n      renderNode(child, dispatch, selectedNodes, false, matchLinks, viewOnly),\n    ),\n  );\n}\n"],"names":[],"version":3,"file":"feedback-components.ca78c2d4.js.map"}

package/dist/esm/feedback-components.d769ffa5.css

@@ -1,205 +0,0 @@
-:root {
-  --text-line-height: 3em;
-  --main-extra-width: 200px;
-}
-
-.QoX8-W_page-wrapper {
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 2em;
-  display: flex;
-  position: relative;
-}
-
-.QoX8-W_feedback-container {
-  flex: 4;
-}
-
-.QoX8-W_control-panel {
-  flex: 1;
-  height: auto;
-}
-
-.QoX8-W_control-content {
-  position: sticky;
-  top: 0;
-}
-
-.QoX8-W_feedback-component {
-  width: 800px;
-  position: relative;
-}
-
-.QoX8-W_feedback-component > svg {
-  width: 800px;
-}
-
-circle {
-  border: 1px solid #000;
-}
-
-.QoX8-W_selected {
-  border: 1px solid #fff;
-}
-
-.QoX8-W_feedback-text {
-  margin-bottom: 2em;
-}
-
-.QoX8-W_entity-panel {
-  background: var(--panel-secondary-background-color);
-  width: calc(100% - 2em);
-  min-height: 100px;
-  max-height: 600px;
-  box-shadow: 0 0 0 1px var(--panel-border-color) inset;
-  border-radius: 4px;
-  flex: 1;
-  padding: 1em;
-  position: relative;
-}
-
-.QoX8-W_selection-tree {
-  margin: -1em 0;
-  padding: 1em 0;
-}
-
-.QoX8-W_type-list {
-  grid-template-rows: repeat(10, auto);
-  grid-auto-flow: column;
-  gap: .2em;
-  display: grid;
-}
-
-.QoX8-W_type-list .QoX8-W_type-tag {
-  border-radius: .2em;
-  padding: .2em .5em;
-}
-
-.QoX8-W_description {
-  max-width: 300px;
-  padding: .5em;
-}
-
-mark {
-  cursor: pointer;
-  border-radius: .2em;
-  color: #000 !important;
-}
-
-[role="treeitem"] {
-  width: auto !important;
-}
-
-.QoX8-W_highlight {
-  zIndex: 10;
-  border-radius: .2em;
-  padding: .2em 0;
-  position: relative;
-}
-
-.QoX8-W_clickable {
-  cursor: pointer;
-}
-
-.QoX8-W_feedback-text-wrapper {
-  z-index: 0;
-  line-height: var(--text-line-height);
-  position: relative;
-  overflow: visible;
-}
-
-.QoX8-W_type-container {
-  justify-content: space-between;
-  align-items: center;
-  column-gap: 1em;
-  display: flex;
-}
-
-.QoX8-W_add-type {
-  cursor: pointer;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 .5em;
-  display: flex;
-}
-
-.QoX8-W_add-type p {
-  margin: 0;
-}
-
-.QoX8-W_overlay-container {
-  justify-content: center;
-  align-items: center;
-  width: 100vw;
-  height: 80vh;
-  display: flex;
-}
-
-.QoX8-W_overlay-container .QoX8-W_add-type-overlay {
-  background-color: var(--tertiary-background);
-  border-radius: .2em;
-  flex-direction: column;
-  gap: 1em;
-  padding: .5em 1em;
-  display: flex;
-}
-
-.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_title {
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-.QoX8-W_overlay-container .QoX8-W_add-type-overlay h2 {
-  margin: 0;
-}
-
-.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group {
-  gap: 3em;
-  display: flex;
-}
-
-.QoX8-W_overlay-container .QoX8-W_add-type-overlay .QoX8-W_form-group .QoX8-W_text-inputs {
-  flex-direction: column;
-  gap: 1em;
-  display: flex;
-}
-
-.QoX8-W_icons {
-  gap: .25em;
-  display: flex;
-}
-
-.QoX8-W_node-label {
-  fill: var(--text-emphasized-color);
-  fontSize: 10px;
-  pointerEvents: none;
-}
-
-.QoX8-W_match-item {
-  color: var(--text-emphasized-color);
-  cursor: pointer;
-  border-radius: .2em;
-  margin-bottom: 4px;
-  padding: .1em .2em;
-}
-
-.QoX8-W_match-item .QoX8-W_match-label {
-  color: var(--text-color);
-  margin: 0;
-}
-
-.QoX8-W_match-container {
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-.QoX8-W_match-container .QoX8-W_close-btn {
-  cursor: pointer;
-}
-
-.QoX8-W_match-link {
-  padding: .5em;
-}
-/*# sourceMappingURL=feedback-components.d769ffa5.css.map */

package/dist/esm/feedback-components.d769ffa5.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;AAIA;;;;;;;;AAOA;;;;AAGA;;;;;AAIA;;;;;AAIA;;;;;AAIE;;;;AAGF;;;;AAGA;;;;AAGA;;;;AAGA;;;;;;;;;;;;AAYA;;;;;AAIA;;;;;;;AAME;;;;;AAIF;;;;;AAIA;;;;;;AAKA;;;;AAGA;;;;;;;AAMA;;;;AAGA;;;;;;;AAMA;;;;;;;AAMA;;;;;;;;AAOE;;;;AAGF;;;;;;;;AAOE;;;;;;;;;AAQE;;;;;;AAKA;;;;AAGA;;;;;AAIE;;;;;;AAKN;;;;;AAIA;;;;;;AAKA;;;;;;;;AAOE;;;;;AAIF;;;;;;AAKE;;;;AAGF","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[":root\n  --text-line-height: 3em\n  --main-extra-width: 200px\n\n.page-wrapper\n  display: flex\n  flex-direction: row\n  position: relative\n  gap: 2em\n  align-items: flex-start // makes control-content lose stick\n\n.feedback-container\n  flex: 4\n\n.control-panel\n  flex: 1\n  height: auto\n\n.control-content\n  position: sticky\n  top: 0\n\n.feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.d769ffa5.css.map"}

package/dist/esm/feedback-components.e273ed5b.css

@@ -1,14 +0,0 @@
-.UZr1Jq_entities {
-  padding-left: 0;
-  list-style: none;
-}
-
-.UZr1Jq_entities .UZr1Jq_entities ul {
-  list-style: none;
-}
-
-.UZr1Jq_entity {
-  margin: .2em 0 .5em;
-  padding-right: 3px;
-}
-/*# sourceMappingURL=feedback-components.e273ed5b.css.map */

package/dist/esm/feedback-components.e273ed5b.css.map

@@ -1 +0,0 @@
-{"mappings":"AAAA;;;;;AAIE;;;;AAGF","sources":["packages/feedback-components/src/extractions/main.module.sass"],"sourcesContent":[".entities\n  list-style: none\n  padding-left: 0\n\n  .entities ul\n    list-style: none\n\n.entity\n  margin: 0.2em 0 0.5em\n  padding-right: 3px\n"],"names":[],"version":3,"file":"feedback-components.e273ed5b.css.map"}

package/dist/esm/feedback-components.e702eece.js

@@ -1,97 +0,0 @@
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $49c87ee97f392268$exports = {};
-
-$parcel$export($49c87ee97f392268$exports, "add-type", () => $49c87ee97f392268$export$cb889aaddfa2926c, (v) => $49c87ee97f392268$export$cb889aaddfa2926c = v);
-$parcel$export($49c87ee97f392268$exports, "add-type-overlay", () => $49c87ee97f392268$export$5f8f750fd71deeed, (v) => $49c87ee97f392268$export$5f8f750fd71deeed = v);
-$parcel$export($49c87ee97f392268$exports, "clickable", () => $49c87ee97f392268$export$60d5655c6babb2a0, (v) => $49c87ee97f392268$export$60d5655c6babb2a0 = v);
-$parcel$export($49c87ee97f392268$exports, "close-btn", () => $49c87ee97f392268$export$f5032a039312e50b, (v) => $49c87ee97f392268$export$f5032a039312e50b = v);
-$parcel$export($49c87ee97f392268$exports, "control-content", () => $49c87ee97f392268$export$42e8b5293e69631e, (v) => $49c87ee97f392268$export$42e8b5293e69631e = v);
-$parcel$export($49c87ee97f392268$exports, "control-panel", () => $49c87ee97f392268$export$a0a23f31d5562853, (v) => $49c87ee97f392268$export$a0a23f31d5562853 = v);
-$parcel$export($49c87ee97f392268$exports, "description", () => $49c87ee97f392268$export$6d59db4903f20f7d, (v) => $49c87ee97f392268$export$6d59db4903f20f7d = v);
-$parcel$export($49c87ee97f392268$exports, "entity-panel", () => $49c87ee97f392268$export$38f2cd12e45697e, (v) => $49c87ee97f392268$export$38f2cd12e45697e = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-component", () => $49c87ee97f392268$export$579bd45c78bf5510, (v) => $49c87ee97f392268$export$579bd45c78bf5510 = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-container", () => $49c87ee97f392268$export$23889d205b405f6e, (v) => $49c87ee97f392268$export$23889d205b405f6e = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-text", () => $49c87ee97f392268$export$890489be1870bed5, (v) => $49c87ee97f392268$export$890489be1870bed5 = v);
-$parcel$export($49c87ee97f392268$exports, "feedback-text-wrapper", () => $49c87ee97f392268$export$6bd0fd0a746c88f, (v) => $49c87ee97f392268$export$6bd0fd0a746c88f = v);
-$parcel$export($49c87ee97f392268$exports, "form-group", () => $49c87ee97f392268$export$55a1f87a143fb302, (v) => $49c87ee97f392268$export$55a1f87a143fb302 = v);
-$parcel$export($49c87ee97f392268$exports, "highlight", () => $49c87ee97f392268$export$e4043f67d36cbb26, (v) => $49c87ee97f392268$export$e4043f67d36cbb26 = v);
-$parcel$export($49c87ee97f392268$exports, "icons", () => $49c87ee97f392268$export$df03f54e09e486fa, (v) => $49c87ee97f392268$export$df03f54e09e486fa = v);
-$parcel$export($49c87ee97f392268$exports, "match-container", () => $49c87ee97f392268$export$864d1dadc1dd3f57, (v) => $49c87ee97f392268$export$864d1dadc1dd3f57 = v);
-$parcel$export($49c87ee97f392268$exports, "match-item", () => $49c87ee97f392268$export$a7bcc8ced81f8d07, (v) => $49c87ee97f392268$export$a7bcc8ced81f8d07 = v);
-$parcel$export($49c87ee97f392268$exports, "match-label", () => $49c87ee97f392268$export$be49c8f7a120829f, (v) => $49c87ee97f392268$export$be49c8f7a120829f = v);
-$parcel$export($49c87ee97f392268$exports, "match-link", () => $49c87ee97f392268$export$f308f5f3e77e2c87, (v) => $49c87ee97f392268$export$f308f5f3e77e2c87 = v);
-$parcel$export($49c87ee97f392268$exports, "node-label", () => $49c87ee97f392268$export$75d14899fb692bb6, (v) => $49c87ee97f392268$export$75d14899fb692bb6 = v);
-$parcel$export($49c87ee97f392268$exports, "overlay-container", () => $49c87ee97f392268$export$6a1093e41947f68e, (v) => $49c87ee97f392268$export$6a1093e41947f68e = v);
-$parcel$export($49c87ee97f392268$exports, "page-wrapper", () => $49c87ee97f392268$export$7c414e944018fb15, (v) => $49c87ee97f392268$export$7c414e944018fb15 = v);
-$parcel$export($49c87ee97f392268$exports, "selected", () => $49c87ee97f392268$export$d90250155de6d7e7, (v) => $49c87ee97f392268$export$d90250155de6d7e7 = v);
-$parcel$export($49c87ee97f392268$exports, "selection-tree", () => $49c87ee97f392268$export$3ae1b51693c80a9c, (v) => $49c87ee97f392268$export$3ae1b51693c80a9c = v);
-$parcel$export($49c87ee97f392268$exports, "text-inputs", () => $49c87ee97f392268$export$bc7581b048bdc9d, (v) => $49c87ee97f392268$export$bc7581b048bdc9d = v);
-$parcel$export($49c87ee97f392268$exports, "title", () => $49c87ee97f392268$export$fb184b623420d9be, (v) => $49c87ee97f392268$export$fb184b623420d9be = v);
-$parcel$export($49c87ee97f392268$exports, "type-container", () => $49c87ee97f392268$export$b2d17fca990bb66c, (v) => $49c87ee97f392268$export$b2d17fca990bb66c = v);
-$parcel$export($49c87ee97f392268$exports, "type-list", () => $49c87ee97f392268$export$915fe2ca68846e4c, (v) => $49c87ee97f392268$export$915fe2ca68846e4c = v);
-$parcel$export($49c87ee97f392268$exports, "type-tag", () => $49c87ee97f392268$export$5e5acbc770fb0e4, (v) => $49c87ee97f392268$export$5e5acbc770fb0e4 = v);
-var $49c87ee97f392268$export$cb889aaddfa2926c;
-var $49c87ee97f392268$export$5f8f750fd71deeed;
-var $49c87ee97f392268$export$60d5655c6babb2a0;
-var $49c87ee97f392268$export$f5032a039312e50b;
-var $49c87ee97f392268$export$42e8b5293e69631e;
-var $49c87ee97f392268$export$a0a23f31d5562853;
-var $49c87ee97f392268$export$6d59db4903f20f7d;
-var $49c87ee97f392268$export$38f2cd12e45697e;
-var $49c87ee97f392268$export$579bd45c78bf5510;
-var $49c87ee97f392268$export$23889d205b405f6e;
-var $49c87ee97f392268$export$890489be1870bed5;
-var $49c87ee97f392268$export$6bd0fd0a746c88f;
-var $49c87ee97f392268$export$55a1f87a143fb302;
-var $49c87ee97f392268$export$e4043f67d36cbb26;
-var $49c87ee97f392268$export$df03f54e09e486fa;
-var $49c87ee97f392268$export$864d1dadc1dd3f57;
-var $49c87ee97f392268$export$a7bcc8ced81f8d07;
-var $49c87ee97f392268$export$be49c8f7a120829f;
-var $49c87ee97f392268$export$f308f5f3e77e2c87;
-var $49c87ee97f392268$export$75d14899fb692bb6;
-var $49c87ee97f392268$export$6a1093e41947f68e;
-var $49c87ee97f392268$export$7c414e944018fb15;
-var $49c87ee97f392268$export$d90250155de6d7e7;
-var $49c87ee97f392268$export$3ae1b51693c80a9c;
-var $49c87ee97f392268$export$bc7581b048bdc9d;
-var $49c87ee97f392268$export$fb184b623420d9be;
-var $49c87ee97f392268$export$b2d17fca990bb66c;
-var $49c87ee97f392268$export$915fe2ca68846e4c;
-var $49c87ee97f392268$export$5e5acbc770fb0e4;
-$49c87ee97f392268$export$cb889aaddfa2926c = `QoX8-W_add-type`;
-$49c87ee97f392268$export$5f8f750fd71deeed = `QoX8-W_add-type-overlay`;
-$49c87ee97f392268$export$60d5655c6babb2a0 = `QoX8-W_clickable`;
-$49c87ee97f392268$export$f5032a039312e50b = `QoX8-W_close-btn`;
-$49c87ee97f392268$export$42e8b5293e69631e = `QoX8-W_control-content`;
-$49c87ee97f392268$export$a0a23f31d5562853 = `QoX8-W_control-panel`;
-$49c87ee97f392268$export$6d59db4903f20f7d = `QoX8-W_description`;
-$49c87ee97f392268$export$38f2cd12e45697e = `QoX8-W_entity-panel`;
-$49c87ee97f392268$export$579bd45c78bf5510 = `QoX8-W_feedback-component`;
-$49c87ee97f392268$export$23889d205b405f6e = `QoX8-W_feedback-container`;
-$49c87ee97f392268$export$890489be1870bed5 = `QoX8-W_feedback-text`;
-$49c87ee97f392268$export$6bd0fd0a746c88f = `QoX8-W_feedback-text-wrapper`;
-$49c87ee97f392268$export$55a1f87a143fb302 = `QoX8-W_form-group`;
-$49c87ee97f392268$export$e4043f67d36cbb26 = `QoX8-W_highlight`;
-$49c87ee97f392268$export$df03f54e09e486fa = `QoX8-W_icons`;
-$49c87ee97f392268$export$864d1dadc1dd3f57 = `QoX8-W_match-container`;
-$49c87ee97f392268$export$a7bcc8ced81f8d07 = `QoX8-W_match-item`;
-$49c87ee97f392268$export$be49c8f7a120829f = `QoX8-W_match-label`;
-$49c87ee97f392268$export$f308f5f3e77e2c87 = `QoX8-W_match-link`;
-$49c87ee97f392268$export$75d14899fb692bb6 = `QoX8-W_node-label`;
-$49c87ee97f392268$export$6a1093e41947f68e = `QoX8-W_overlay-container`;
-$49c87ee97f392268$export$7c414e944018fb15 = `QoX8-W_page-wrapper`;
-$49c87ee97f392268$export$d90250155de6d7e7 = `QoX8-W_selected`;
-$49c87ee97f392268$export$3ae1b51693c80a9c = `QoX8-W_selection-tree`;
-$49c87ee97f392268$export$bc7581b048bdc9d = `QoX8-W_text-inputs`;
-$49c87ee97f392268$export$fb184b623420d9be = `QoX8-W_title`;
-$49c87ee97f392268$export$b2d17fca990bb66c = `QoX8-W_type-container`;
-$49c87ee97f392268$export$915fe2ca68846e4c = `QoX8-W_type-list`;
-$49c87ee97f392268$export$5e5acbc770fb0e4 = `QoX8-W_type-tag`;
-
-
-export {$49c87ee97f392268$exports as default};
-//# sourceMappingURL=feedback-components.e702eece.js.map

package/dist/esm/feedback-components.e702eece.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AA5BA,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAqC,CAAC,uBAAuB,CAAC;AAC9D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,2CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAkC,CAAC,oBAAoB,CAAC;AACxD,2CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAA6B,CAAC,eAAe,CAAC;AAC9C,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,2CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA8B,CAAC,gBAAgB,CAAC;AAChD,2CAA6B,CAAC,eAAe,CAAC","sources":["packages/feedback-components/src/feedback/feedback.module.sass"],"sourcesContent":[":root\n  --text-line-height: 3em\n  --main-extra-width: 200px\n\n.page-wrapper\n  display: flex\n  flex-direction: row\n  position: relative\n  gap: 2em\n  align-items: flex-start // makes control-content lose stick\n\n.feedback-container\n  flex: 4\n\n.control-panel\n  flex: 1\n  height: auto\n\n.control-content\n  position: sticky\n  top: 0\n\n.feedback-component\n  position: relative\n  width: 800px\n\n  & > svg\n    width: 800px\n\ncircle\n  border: 1px solid black\n\n.selected\n  border: 1px solid white\n  \n.feedback-text\n  margin-bottom: 2em\n\n.entity-panel\n  position: relative\n  max-height: 600px\n  width: calc(100% - 2em)\n  flex: 1\n  min-height: 100px\n  padding: 1em\n  background: var(--panel-secondary-background-color)\n  border-radius: 4px\n  // Inset box shadow\n  box-shadow: 0 0 0 1px var(--panel-border-color) inset\n\n.selection-tree\n  margin: -1em 0\n  padding: 1em 0\n  \n.type-list\n  display: grid\n  grid-auto-flow: column\n  grid-template-rows: repeat(10, auto)\n  gap: 0.2em\n\n  .type-tag\n    padding: .2em .5em\n    border-radius: .2em\n\n.description\n  max-width: 300px\n  padding: .5em\n\nmark\n  border-radius: .2em\n  cursor: pointer\n  color: black !important\n\n[role=\"treeitem\"]\n  width: auto !important\n\n.highlight\n  padding: .2em 0\n  border-radius: .2em\n  position: relative\n  zIndex: 10\n\n.clickable\n  cursor: pointer\n\n.feedback-text-wrapper \n  position: relative\n  z-index: 0\n  overflow: visible\n  line-height: var(--text-line-height)\n\n.type-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n  column-gap: 1em\n\n.add-type\n  cursor: pointer\n  display: flex\n  justify-content: space-between\n  padding: 0 .5em\n  align-items: center\n\n  p\n    margin: 0\n\n.overlay-container\n  height: 80vh\n  width: 100vw\n  display: flex\n  justify-content: center\n  align-items: center\n\n  .add-type-overlay\n    background-color: var(--tertiary-background)\n    padding: .5em 1em\n    display: flex\n    flex-direction: column\n    gap: 1em\n    border-radius: .2em\n\n    .title\n      display: flex\n      justify-content: space-between\n      align-items: center\n\n    h2\n      margin: 0\n\n    .form-group\n      display: flex\n      gap: 3em\n\n      .text-inputs\n        display: flex\n        flex-direction: column\n        gap: 1em\n\n.icons\n  display: flex\n  gap: .25em\n\n.node-label\n  fill: var(--text-emphasized-color)\n  fontSize: 10px\n  pointerEvents: none\n\n.match-item\n  color: var(--text-emphasized-color)\n  padding: .1em .2em\n  border-radius: .2em\n  margin-bottom: 4px\n  cursor: pointer\n  \n  .match-label\n    margin: 0\n    color: var(--text-color)\n\n.match-container\n  display: flex\n  justify-content: space-between\n  align-items: center\n\n  .close-btn\n    cursor: pointer\n\n.match-link\n  padding: .5em"],"names":[],"version":3,"file":"feedback-components.e702eece.js.map"}