Mozaic MCP Server

<svg id="diagram-tools" width="100%" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="min-width: 800px; background-color: white" viewBox="0 0 3838.0625 868" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#diagram-tools{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#diagram-tools .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#diagram-tools .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#diagram-tools .error-icon{fill:#552222;}#diagram-tools .error-text{fill:#552222;stroke:#552222;}#diagram-tools .edge-thickness-normal{stroke-width:1px;}#diagram-tools .edge-thickness-thick{stroke-width:3.5px;}#diagram-tools .edge-pattern-solid{stroke-dasharray:0;}#diagram-tools .edge-thickness-invisible{stroke-width:0;fill:none;}#diagram-tools .edge-pattern-dashed{stroke-dasharray:3;}#diagram-tools .edge-pattern-dotted{stroke-dasharray:2;}#diagram-tools .marker{fill:#333333;stroke:#333333;}#diagram-tools .marker.cross{stroke:#333333;}#diagram-tools svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#diagram-tools p{margin:0;}#diagram-tools .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#diagram-tools .cluster-label text{fill:#333;}#diagram-tools .cluster-label span{color:#333;}#diagram-tools .cluster-label span p{background-color:transparent;}#diagram-tools .label text,#diagram-tools span{fill:#333;color:#333;}#diagram-tools .node rect,#diagram-tools .node circle,#diagram-tools .node ellipse,#diagram-tools .node polygon,#diagram-tools .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#diagram-tools .rough-node .label text,#diagram-tools .node .label text,#diagram-tools .image-shape .label,#diagram-tools .icon-shape .label{text-anchor:middle;}#diagram-tools .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#diagram-tools .rough-node .label,#diagram-tools .node .label,#diagram-tools .image-shape .label,#diagram-tools .icon-shape .label{text-align:center;}#diagram-tools .node.clickable{cursor:pointer;}#diagram-tools .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#diagram-tools .arrowheadPath{fill:#333333;}#diagram-tools .edgePath .path{stroke:#333333;stroke-width:2.0px;}#diagram-tools .flowchart-link{stroke:#333333;fill:none;}#diagram-tools .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#diagram-tools .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#diagram-tools .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#diagram-tools .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#diagram-tools .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#diagram-tools .cluster text{fill:#333;}#diagram-tools .cluster span{color:#333;}#diagram-tools div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#diagram-tools .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#diagram-tools rect.text{fill:none;stroke-width:0;}#diagram-tools .icon-shape,#diagram-tools .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#diagram-tools .icon-shape p,#diagram-tools .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#diagram-tools .icon-shape rect,#diagram-tools .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#diagram-tools .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#diagram-tools .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#diagram-tools :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="diagram-tools_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-tools_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-tools_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="diagram-tools_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></circle></marker><marker id="diagram-tools_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><marker id="diagram-tools_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"></path></marker><g class="root"><g class="clusters"></g><g class="edgePaths"></g><g class="edgeLabels"></g><g class="nodes"><g class="root" transform="translate(0, 352)"><g class="clusters"><g class="cluster" id="InstallTools" data-look="classic"><rect style="" x="8" y="8" width="618.96875" height="148"></rect><g class="cluster-label" transform="translate(257.1328125, 8)"><foreignObject width="120.703125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Installation Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M217.156,82L226.516,82C235.875,82,254.594,82,272.646,82C290.698,82,308.083,82,316.776,82L325.469,82" id="L_GIN_GINI_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GIN_GINI_0" data-points="W3sieCI6MjE3LjE1NjI1LCJ5Ijo4Mn0seyJ4IjoyNzMuMzEyNSwieSI6ODJ9LHsieCI6MzI5LjQ2ODc1LCJ5Ijo4Mn1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(273.3125, 82)"><g class="label" data-id="L_GIN_GINI_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-GIN-44" transform="translate(131.328125, 82)"><rect class="basic label-container" style="" x="-85.828125" y="-27" width="171.65625" height="54"></rect><g class="label" style="" transform="translate(-55.828125, -12)"><rect></rect><foreignObject width="111.65625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>get_install_info</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GINI-46" transform="translate(459.46875, 82)"><rect class="basic label-container" style="" x="-130" y="-39" width="260" height="78"></rect><g class="label" style="" transform="translate(-100, -24)"><rect></rect><foreignObject width="200" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>component + framework + pkg manager</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(668.96875, 312)"><g class="clusters"><g class="cluster" id="IconTools" data-look="classic"><rect style="" x="8" y="8" width="560.015625" height="228"></rect><g class="cluster-label" transform="translate(253.0546875, 8)"><foreignObject width="69.90625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Icon Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M181.742,70L193.59,70C205.438,70,229.133,70,256.984,70C284.836,70,316.844,70,332.848,70L348.852,70" id="L_GI_GII_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GI_GII_0" data-points="W3sieCI6MTgxLjc0MjE4NzUsInkiOjcwfSx7IngiOjI1Mi44MjgxMjUsInkiOjcwfSx7IngiOjM1Mi44NTE1NjI1LCJ5Ijo3MH1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M196.672,174L206.031,174C215.391,174,234.109,174,252.161,174C270.214,174,287.599,174,296.292,174L304.984,174" id="L_SI_SIF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_SI_SIF_0" data-points="W3sieCI6MTk2LjY3MTg3NSwieSI6MTc0fSx7IngiOjI1Mi44MjgxMjUsInkiOjE3NH0seyJ4IjozMDguOTg0Mzc1LCJ5IjoxNzR9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(252.828125, 70)"><g class="label" data-id="L_GI_GII_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(252.828125, 174)"><g class="label" data-id="L_SI_SIF_0" transform="translate(-18.2421875, -12)"><foreignObject width="36.484375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>filter</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-GI-38" transform="translate(121.0859375, 70)"><rect class="basic label-container" style="" x="-60.65625" y="-27" width="121.3125" height="54"></rect><g class="label" style="" transform="translate(-30.65625, -12)"><rect></rect><foreignObject width="61.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>get_icon</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GII-41" transform="translate(419.75, 70)"><rect class="basic label-container" style="" x="-66.8984375" y="-27" width="133.796875" height="54"></rect><g class="label" style="" transform="translate(-36.8984375, -12)"><rect></rect><foreignObject width="73.796875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>icon name</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-SI-39" transform="translate(121.0859375, 174)"><rect class="basic label-container" style="" x="-75.5859375" y="-27" width="151.171875" height="54"></rect><g class="label" style="" transform="translate(-45.5859375, -12)"><rect></rect><foreignObject width="91.171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>search_icons</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-SIF-43" transform="translate(419.75, 174)"><rect class="basic label-container" style="" x="-110.765625" y="-27" width="221.53125" height="54"></rect><g class="label" style="" transform="translate(-80.765625, -12)"><rect></rect><foreignObject width="161.53125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>type / keyword search</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(1278.984375, 364)"><g class="clusters"><g class="cluster" id="DocTools" data-look="classic"><rect style="" x="8" y="8" width="579.765625" height="124"></rect><g class="cluster-label" transform="translate(223.3828125, 8)"><foreignObject width="149" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Documentation Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M268.281,70L277.346,70C286.411,70,304.542,70,322.005,70C339.469,70,356.266,70,364.664,70L373.063,70" id="L_SD_SDR_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_SD_SDR_0" data-points="W3sieCI6MjY4LjI4MTI1LCJ5Ijo3MH0seyJ4IjozMjIuNjcxODc1LCJ5Ijo3MH0seyJ4IjozNzcuMDYyNSwieSI6NzB9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(322.671875, 70)"><g class="label" data-id="L_SD_SDR_0" transform="translate(-16.890625, -12)"><foreignObject width="33.78125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>FTS5</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-SD-35" transform="translate(156.890625, 70)"><rect class="basic label-container" style="" x="-111.390625" y="-27" width="222.78125" height="54"></rect><g class="label" style="" transform="translate(-81.390625, -12)"><rect></rect><foreignObject width="162.78125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>search_documentation</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-SDR-37" transform="translate(463.6640625, 70)"><rect class="basic label-container" style="" x="-86.6015625" y="-27" width="173.203125" height="54"></rect><g class="label" style="" transform="translate(-56.6015625, -12)"><rect></rect><foreignObject width="113.203125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Full-text search</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(1908.75, 312)"><g class="clusters"><g class="cluster" id="CssTools" data-look="classic"><rect style="" x="8" y="8" width="528" height="228"></rect><g class="cluster-label" transform="translate(214.609375, 8)"><foreignObject width="114.78125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>CSS Utility Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M214.859,70L225.125,70C235.391,70,255.922,70,276.443,70C296.964,70,317.474,70,327.729,70L337.984,70" id="L_GCU_GCUI_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GCU_GCUI_0" data-points="W3sieCI6MjE0Ljg1OTM3NSwieSI6NzB9LHsieCI6Mjc2LjQ1MzEyNSwieSI6NzB9LHsieCI6MzQxLjk4NDM3NSwieSI6NzB9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M220.297,174L229.656,174C239.016,174,257.734,174,275.786,174C293.839,174,311.224,174,319.917,174L328.609,174" id="L_LCU_LCUF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_LCU_LCUF_0" data-points="W3sieCI6MjIwLjI5Njg3NSwieSI6MTc0fSx7IngiOjI3Ni40NTMxMjUsInkiOjE3NH0seyJ4IjozMzIuNjA5Mzc1LCJ5IjoxNzR9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(276.453125, 70)"><g class="label" data-id="L_GCU_GCUI_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(276.453125, 174)"><g class="label" data-id="L_LCU_LCUF_0" transform="translate(-18.2421875, -12)"><foreignObject width="36.484375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>filter</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-GCU-29" transform="translate(132.8984375, 70)"><rect class="basic label-container" style="" x="-81.9609375" y="-27" width="163.921875" height="54"></rect><g class="label" style="" transform="translate(-51.9609375, -12)"><rect></rect><foreignObject width="103.921875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>get_css_utility</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GCUI-32" transform="translate(415.5546875, 70)"><rect class="basic label-container" style="" x="-73.5703125" y="-27" width="147.140625" height="54"></rect><g class="label" style="" transform="translate(-43.5703125, -12)"><rect></rect><foreignObject width="87.140625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>utility name</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LCU-30" transform="translate(132.8984375, 174)"><rect class="basic label-container" style="" x="-87.3984375" y="-27" width="174.796875" height="54"></rect><g class="label" style="" transform="translate(-57.3984375, -12)"><rect></rect><foreignObject width="114.796875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>list_css_utilities</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LCUF-34" transform="translate(415.5546875, 174)"><rect class="basic label-container" style="" x="-82.9453125" y="-27" width="165.890625" height="54"></rect><g class="label" style="" transform="translate(-52.9453125, -12)"><rect></rect><foreignObject width="105.890625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>layout / utility</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(2486.75, 172)"><g class="clusters"><g class="cluster" id="ComponentTools" data-look="classic"><rect style="" x="8" y="8" width="705.484375" height="508"></rect><g class="cluster-label" transform="translate(299.8984375, 8)"><foreignObject width="121.6875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Component Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M278.352,82L291.931,82C305.51,82,332.669,82,354.941,82C377.214,82,394.599,82,403.292,82L411.984,82" id="L_GC_GCI_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GC_GCI_0" data-points="W3sieCI6Mjc4LjM1MTU2MjUsInkiOjgyfSx7IngiOjM1OS44MjgxMjUsInkiOjgyfSx7IngiOjQxNS45ODQzNzUsInkiOjgyfV0=" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M262.992,198L279.132,198C295.271,198,327.549,198,360.428,198C393.307,198,426.786,198,443.526,198L460.266,198" id="L_LC_LCF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_LC_LCF_0" data-points="W3sieCI6MjYyLjk5MjE4NzUsInkiOjE5OH0seyJ4IjozNTkuODI4MTI1LCJ5IjoxOTh9LHsieCI6NDY0LjI2NTYyNSwieSI6MTk4fV0=" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M297.516,314L307.901,314C318.286,314,339.057,314,358.135,314C377.214,314,394.599,314,403.292,314L411.984,314" id="L_GVC_GVCI_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GVC_GVCI_0" data-points="W3sieCI6Mjk3LjUxNTYyNSwieSI6MzE0fSx7IngiOjM1OS44MjgxMjUsInkiOjMxNH0seyJ4Ijo0MTUuOTg0Mzc1LCJ5IjozMTR9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M303.672,442L313.031,442C322.391,442,341.109,442,359.161,442C377.214,442,394.599,442,403.292,442L411.984,442" id="L_GRC_GRCI_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GRC_GRCI_0" data-points="W3sieCI6MzAzLjY3MTg3NSwieSI6NDQyfSx7IngiOjM1OS44MjgxMjUsInkiOjQ0Mn0seyJ4Ijo0MTUuOTg0Mzc1LCJ5Ijo0NDJ9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(359.828125, 82)"><g class="label" data-id="L_GC_GCI_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(359.828125, 198)"><g class="label" data-id="L_LC_LCF_0" transform="translate(-18.2421875, -12)"><foreignObject width="36.484375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>filter</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(359.828125, 314)"><g class="label" data-id="L_GVC_GVCI_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(359.828125, 442)"><g class="label" data-id="L_GRC_GRCI_0" transform="translate(-18.65625, -12)"><foreignObject width="37.3125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>input</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-GC-17" transform="translate(174.5859375, 82)"><rect class="basic label-container" style="" x="-103.765625" y="-27" width="207.53125" height="54"></rect><g class="label" style="" transform="translate(-73.765625, -12)"><rect></rect><foreignObject width="147.53125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>get_component_info</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GCI-22" transform="translate(545.984375, 82)"><rect class="basic label-container" style="" x="-130" y="-39" width="260" height="78"></rect><g class="label" style="" transform="translate(-100, -24)"><rect></rect><foreignObject width="200" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>component name + framework</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LC-18" transform="translate(174.5859375, 198)"><rect class="basic label-container" style="" x="-88.40625" y="-27" width="176.8125" height="54"></rect><g class="label" style="" transform="translate(-58.40625, -12)"><rect></rect><foreignObject width="116.8125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>list_components</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LCF-24" transform="translate(545.984375, 198)"><rect class="basic label-container" style="" x="-81.71875" y="-27" width="163.4375" height="54"></rect><g class="label" style="" transform="translate(-51.71875, -12)"><rect></rect><foreignObject width="103.4375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>category filter</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GVC-19" transform="translate(174.5859375, 314)"><rect class="basic label-container" style="" x="-122.9296875" y="-27" width="245.859375" height="54"></rect><g class="label" style="" transform="translate(-92.9296875, -12)"><rect></rect><foreignObject width="185.859375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>generate_vue_component</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GVCI-26" transform="translate(545.984375, 314)"><rect class="basic label-container" style="" x="-130" y="-39" width="260" height="78"></rect><g class="label" style="" transform="translate(-100, -24)"><rect></rect><foreignObject width="200" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>component + props + children</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GRC-20" transform="translate(174.5859375, 442)"><rect class="basic label-container" style="" x="-129.0859375" y="-27" width="258.171875" height="54"></rect><g class="label" style="" transform="translate(-99.0859375, -12)"><rect></rect><foreignObject width="198.171875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>generate_react_component</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GRCI-28" transform="translate(545.984375, 442)"><rect class="basic label-container" style="" x="-130" y="-39" width="260" height="78"></rect><g class="label" style="" transform="translate(-100, -24)"><rect></rect><foreignObject width="200" height="48"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table; white-space: break-spaces; line-height: 1.5; max-width: 200px; text-align: center; width: 200px;"><span class="nodeLabel"><p>component + props + children</p></span></div></foreignObject></g></g></g></g><g class="root" transform="translate(3242.234375, 0)"><g class="clusters"><g class="cluster" id="TokenTools" data-look="classic"><rect style="" x="8" y="8" width="579.828125" height="852"></rect><g class="cluster-label" transform="translate(231.6640625, 8)"><foreignObject width="132.5" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Design Token Tools</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M153.858,407L179.272,350.833C204.686,294.667,255.515,182.333,297.765,126.167C340.016,70,373.688,70,390.523,70L407.359,70" id="L_GT_GTO1_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO1_0" data-points="W3sieCI6MTUzLjg1NzYxNTA0MTIwODgsInkiOjQwN30seyJ4IjozMDYuMzQzNzUsInkiOjcwfSx7IngiOjQxMS4zNTkzNzUsInkiOjcwfV0=" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M158.744,407L183.344,368.167C207.944,329.333,257.144,251.667,295.461,212.833C333.779,174,361.214,174,374.931,174L388.648,174" id="L_GT_GTO2_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO2_0" data-points="W3sieCI6MTU4Ljc0NDQxMTA1NzY5MjMsInkiOjQwN30seyJ4IjozMDYuMzQzNzUsInkiOjE3NH0seyJ4IjozOTIuNjQ4NDM3NSwieSI6MTc0fV0=" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M170.147,407L192.846,385.5C215.546,364,260.945,321,299.601,299.5C338.258,278,370.172,278,386.129,278L402.086,278" id="L_GT_GTO3_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO3_0" data-points="W3sieCI6MTcwLjE0NjkzNTA5NjE1Mzg0LCJ5Ijo0MDd9LHsieCI6MzA2LjM0Mzc1LCJ5IjoyNzh9LHsieCI6NDA2LjA4NTkzNzUsInkiOjI3OH1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M227.16,407L240.357,402.833C253.554,398.667,279.949,390.333,308.566,386.167C337.182,382,368.021,382,383.44,382L398.859,382" id="L_GT_GTO4_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO4_0" data-points="W3sieCI6MjI3LjE1OTU1NTI4ODQ2MTU1LCJ5Ijo0MDd9LHsieCI6MzA2LjM0Mzc1LCJ5IjozODJ9LHsieCI6NDAyLjg1OTM3NSwieSI6MzgyfV0=" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M227.16,461L240.357,465.167C253.554,469.333,279.949,477.667,309.02,481.833C338.091,486,369.839,486,385.712,486L401.586,486" id="L_GT_GTO5_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO5_0" data-points="W3sieCI6MjI3LjE1OTU1NTI4ODQ2MTU1LCJ5Ijo0NjF9LHsieCI6MzA2LjM0Mzc1LCJ5Ijo0ODZ9LHsieCI6NDA1LjU4NTkzNzUsInkiOjQ4Nn1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M170.147,461L192.846,482.5C215.546,504,260.945,547,299.582,568.5C338.219,590,370.094,590,386.031,590L401.969,590" id="L_GT_GTO6_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO6_0" data-points="W3sieCI6MTcwLjE0NjkzNTA5NjE1Mzg0LCJ5Ijo0NjF9LHsieCI6MzA2LjM0Mzc1LCJ5Ijo1OTB9LHsieCI6NDA1Ljk2ODc1LCJ5Ijo1OTB9XQ==" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M158.744,461L183.344,499.833C207.944,538.667,257.144,616.333,299.812,655.167C342.479,694,378.615,694,396.682,694L414.75,694" id="L_GT_GTO7_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTO7_0" data-points="W3sieCI6MTU4Ljc0NDQxMTA1NzY5MjMsInkiOjQ2MX0seyJ4IjozMDYuMzQzNzUsInkiOjY5NH0seyJ4Ijo0MTguNzUsInkiOjY5NH1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path><path d="M153.858,461L179.272,517.167C204.686,573.333,255.515,685.667,291.69,741.833C327.865,798,349.385,798,360.146,798L370.906,798" id="L_GT_GTF1_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_GT_GTF1_0" data-points="W3sieCI6MTUzLjg1NzYxNTA0MTIwODgsInkiOjQ2MX0seyJ4IjozMDYuMzQzNzUsInkiOjc5OH0seyJ4IjozNzQuOTA2MjUsInkiOjc5OH1d" marker-end="url(#diagram-tools_flowchart-v2-pointEnd)"></path></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(306.34375, 70)"><g class="label" data-id="L_GT_GTO1_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 174)"><g class="label" data-id="L_GT_GTO2_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 278)"><g class="label" data-id="L_GT_GTO3_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 382)"><g class="label" data-id="L_GT_GTO4_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 486)"><g class="label" data-id="L_GT_GTO5_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 590)"><g class="label" data-id="L_GT_GTO6_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 694)"><g class="label" data-id="L_GT_GTO7_0" transform="translate(-31.0625, -12)"><foreignObject width="62.125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>category</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(306.34375, 798)"><g class="label" data-id="L_GT_GTF1_0" transform="translate(-24.375, -12)"><foreignObject width="48.75" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>format</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-GT-0" transform="translate(141.640625, 434)"><rect class="basic label-container" style="" x="-96.140625" y="-27" width="192.28125" height="54"></rect><g class="label" style="" transform="translate(-66.140625, -12)"><rect></rect><foreignObject width="132.28125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>get_design_tokens</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO1-2" transform="translate(462.6171875, 70)"><rect class="basic label-container" style="" x="-51.2578125" y="-27" width="102.515625" height="54"></rect><g class="label" style="" transform="translate(-21.2578125, -12)"><rect></rect><foreignObject width="42.515625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>colors</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO2-4" transform="translate(462.6171875, 174)"><rect class="basic label-container" style="" x="-69.96875" y="-27" width="139.9375" height="54"></rect><g class="label" style="" transform="translate(-39.96875, -12)"><rect></rect><foreignObject width="79.9375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>typography</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO3-6" transform="translate(462.6171875, 278)"><rect class="basic label-container" style="" x="-56.53125" y="-27" width="113.0625" height="54"></rect><g class="label" style="" transform="translate(-26.53125, -12)"><rect></rect><foreignObject width="53.0625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>spacing</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO4-8" transform="translate(462.6171875, 382)"><rect class="basic label-container" style="" x="-59.7578125" y="-27" width="119.515625" height="54"></rect><g class="label" style="" transform="translate(-29.7578125, -12)"><rect></rect><foreignObject width="59.515625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>shadows</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO5-10" transform="translate(462.6171875, 486)"><rect class="basic label-container" style="" x="-57.03125" y="-27" width="114.0625" height="54"></rect><g class="label" style="" transform="translate(-27.03125, -12)"><rect></rect><foreignObject width="54.0625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>borders</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO6-12" transform="translate(462.6171875, 590)"><rect class="basic label-container" style="" x="-56.6484375" y="-27" width="113.296875" height="54"></rect><g class="label" style="" transform="translate(-26.6484375, -12)"><rect></rect><foreignObject width="53.296875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>screens</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTO7-14" transform="translate(462.6171875, 694)"><rect class="basic label-container" style="" x="-43.8671875" y="-27" width="87.734375" height="54"></rect><g class="label" style="" transform="translate(-13.8671875, -12)"><rect></rect><foreignObject width="27.734375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>grid</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-GTF1-16" transform="translate(462.6171875, 798)"><rect class="basic label-container" style="" x="-87.7109375" y="-27" width="175.421875" height="54"></rect><g class="label" style="" transform="translate(-57.7109375, -12)"><rect></rect><foreignObject width="115.421875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>json/scss/css/js</p></span></div></foreignObject></g></g></g></g></g></g></g></svg>