Chore/kill yalc with fire (#629)

* init * more shifting * Move @babel dependencies up to workspace root * Begin updating dependent libraries to use sync'd webpack builds w/ watches * Commit changes before a long weekend * Split packages into platform and extensions * Consolidate how/where we specify file/module type entrypoints * Make it possible to pass in extensions as App props * Resolve viewer's modules * Target for UMD bundle * Add Webpack Stylus loader * Provide WebPack build options for microscopy, vtk, and ui * Better entrypoint for extensions * Push changes up to switch PCs * Fix ESM symlink build for Viewers * Shift docs to root * Specify additional lerna config props * Begin providing basic readme info * Rename example extension folder * Shift links to bottom of doc * First attempt at a netlify deploy preview * Attempt to fix deploy preview build * push workspace enabled to initial command; remove second yarn install; use npx to call gitbook cli commands * Try to use global gitbook-cli * Export node_modules path * More agressive with modifying PATH * Follow deploy log output advice * try again to set bin path * Try swapping bash with a new shell * Try bash -l instead of exec bash * Annd let's try again * and again * We may have figured it out johnny, boy * We need to pull cornerstone-wado-image-loader files from hoisted node_modules * Attempt to fix ticks/escapes * Change copy syntax; try running tests on viewers from root for circleci * Lower version to match circleci image * Try alternative jest-canvas-mock location and version file syntax * Run version command instead of calling node directly * Try alternative jest transform * Set path and enable workspaces * Add codecov flags * Use cpx so our copying finishes? * Get all platform unit tests to run * Run and report individually and in parallel * Try once relying on codecov yaml to split w/ flags * Add projects to split by flags * Generate separate reports * Trigger codecov after everything has finished running; these may not support flags * Use recommended flags from issue comments for codecov * Fix typo * Remove clear flag * Shift back to calling codecov from root * Generate example for codecov issue * Try fixing paths * Simplify * Try using codecov orb * Bump circleci version * Upload core and viewer * Use full string paths * Remove individual codecov calls * Fix dir * Combine files before upload * Escape anchors * tryfix syntax * Escape string literal * Combine lines to reduce path * long paths * Use home alias * Fix filename * Try to see the contents of our cat'd file * Also upload `core` * Try running with aliased folder * Fix path; split PR and Merge unit tests into separate jobs * Set default threshold * Fix typo * Changing to scoped package names * Adding note * Catch more updates * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.0 - @ohif/extension-dicom-html@0.0.4-alpha.0 - @ohif/extension-dicom-microscopy@0.0.9-alpha.0 - @ohif/extension-dicom-pdf@0.0.8-alpha.0 - @ohif/extension-vtk@0.1.4-alpha.0 - @ohif/core@0.11.1-alpha.0 - @ohif/i18n@0.2.3-alpha.0 - @ohif/ui@0.2.18-alpha.0 - @ohif/viewer@0.0.22-alpha.0 * Clean up primary readme * Support for dev and dev:* commands * Shift build command; satisfy default PWA build * Remove old scripts * Clean up UI to set webpack scripts * Tidy up project links * Clean duplicate code in UI project * Update UI project's docs * Clean up ui and i18n config * Reduce duplicate code in `@ohif/core` * Fix @ohif/ui versions * bump @ohif/core versions * Redux testkit dep * Remove unused/duplicate config files for projects/packages * ohif-core --> @ohif/core * Safer publish command * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.1 - @ohif/extension-dicom-html@0.0.4-alpha.1 - @ohif/extension-dicom-microscopy@0.0.9-alpha.1 - @ohif/extension-dicom-pdf@0.0.8-alpha.1 - @ohif/extension-vtk@0.1.4-alpha.1 - @ohif/core@0.11.1-alpha.1 - @ohif/i18n@0.2.3-alpha.1 - @ohif/ui@0.2.18-alpha.1 - @ohif/viewer@0.0.22-alpha.1 * test version bump * Add global prettier config * chore(release): publish %s [skip ci] - @ohif/viewer@0.0.22-alpha.2 * test lerna publish * Update package.jsons * Fix build scripts * catch changes * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.2 - @ohif/extension-dicom-html@0.0.4-alpha.2 - @ohif/extension-dicom-microscopy@0.0.9-alpha.2 - @ohif/extension-dicom-pdf@0.0.8-alpha.2 - @ohif/extension-vtk@0.1.4-alpha.2 - @ohif/core@0.11.1-alpha.2 - @ohif/i18n@0.2.3-alpha.2 - @ohif/ui@0.2.18-alpha.2 - @ohif/viewer@0.0.22-alpha.3 * fix eslint issues caused by eslint 6 and our react-app config * Publish with canary tag * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.3 - @ohif/extension-dicom-html@0.0.4-alpha.3 - @ohif/extension-dicom-microscopy@0.0.9-alpha.3 - @ohif/extension-dicom-pdf@0.0.8-alpha.3 - @ohif/extension-vtk@0.1.4-alpha.3 - @ohif/core@0.11.1-alpha.3 - @ohif/i18n@0.2.3-alpha.3 - @ohif/ui@0.2.18-alpha.3 - @ohif/viewer@0.0.22-alpha.4 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.4 - @ohif/extension-dicom-html@0.0.4-alpha.4 - @ohif/extension-dicom-microscopy@0.0.9-alpha.4 - @ohif/extension-dicom-pdf@0.0.8-alpha.4 - @ohif/extension-vtk@0.1.4-alpha.4 - @ohif/core@0.11.1-alpha.4 - @ohif/i18n@0.2.3-alpha.4 - @ohif/ui@0.2.18-alpha.4 - @ohif/viewer@0.0.22-alpha.5 * Simplify build * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.5 - @ohif/extension-dicom-html@0.0.4-alpha.5 - @ohif/extension-dicom-microscopy@0.0.9-alpha.5 - @ohif/extension-dicom-pdf@0.0.8-alpha.5 - @ohif/extension-vtk@0.1.4-alpha.5 - @ohif/core@0.11.1-alpha.5 - @ohif/i18n@0.2.3-alpha.5 - @ohif/ui@0.2.18-alpha.5 - @ohif/viewer@0.0.22-alpha.6 * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.6 - @ohif/extension-dicom-html@0.0.4-alpha.6 - @ohif/extension-dicom-microscopy@0.0.9-alpha.6 - @ohif/extension-dicom-pdf@0.0.8-alpha.6 - @ohif/extension-vtk@0.1.4-alpha.6 - @ohif/core@0.11.1-alpha.6 - @ohif/i18n@0.2.3-alpha.6 - @ohif/ui@0.2.18-alpha.6 - @ohif/viewer@0.0.22-alpha.7 * Split version and publish * chore(release): publish %s [skip ci] - @ohif/extension-cornerstone@0.0.39-alpha.7 - @ohif/extension-dicom-html@0.0.4-alpha.7 - @ohif/extension-dicom-microscopy@0.0.9-alpha.7 - @ohif/extension-dicom-pdf@0.0.8-alpha.7 - @ohif/extension-vtk@0.1.4-alpha.7 - @ohif/core@0.11.1-alpha.7 - @ohif/i18n@0.2.3-alpha.7 - @ohif/ui@0.2.18-alpha.7 - @ohif/viewer@0.0.22-alpha.8 * Try simplify netlify build * react-viewerbase --> @ohif/ui * add test for stylus loader * Try new way to specify publish path * Use an output folder that won't be ignored * Try move command * fiddle with paths * Dig for some information * Make sure we're in root for our commands * Remove discovery * Setup script-tag example * Fix typo * Move config folder * Update cornerstone extension to use shared/root webpack configs * capture changes * Update extension webpack configs * Don't check in docz output * Fix babel runtime resolution issue * Simplify ui build steps * Push in progress * Shift directories * Get viewer dev path to work * Fix viewer commonjs build * Fix build pwa config for viewers * Make sure our package specific command can be called from root * Update notes * Fix imports and misc. merge notes * Bump wado-image-loader version * Switch up commands to remove webworkers copy * Fix CI config * Fix more broken package references * Add react-dropzone * Persist so e2e test can use * Fix lockfile * Use cypress orb to simplify CI * Fix config * Try again * Install yarn latest for orb * Install yarn a different way * Wait on correct port * Run tests in viewer project * Fix cypress config * Make Cypress happier - use default location * Simplify e2e testing * Capture UI changes since fork * Catch core up * Grab latest deps after merge * Fix broken import * Make sure cornerstone-wado-image-loader resolves to 3+ * Note regarding orbs * Fix refresh on 404 routes * Fix odd error for cornerstone-wado-image-loader * Different target for UMD * Simplify dev script * Try to get fancy with netlify output * Let's do it again * Try to fix measurementTools issue * See if we can get our lerna magic to work on merge to monorepo branch
2019-08-13 15:36:46 -04:00
1 parent cac911f08e
commit 08ff214ea6
@@ -0,0 +1,15 @@
+import './Icon.styl';
+
+import PropTypes from 'prop-types';
+import getIcon from './getIcon.js';
+
+const Icon = props => {
+  return getIcon(props.name, props);
+};
+
+Icon.propTypes = {
+  /** The string name of the icon to display */
+  name: PropTypes.string.isRequired,
+};
+
+export default Icon;
@@ -0,0 +1,7 @@
+.icon-pulse
+  fa-spin 1s infinite steps(8)
+
+@keyframes fa-spin{
+  0%{ transform:rotate(0deg) }
+  to{ transform:rotate(1turn) }
+}
@@ -0,0 +1,84 @@
+---
+name: Icon
+menu: Elements
+route: /elements/icon
+---
+
+import { Playground, Props } from 'docz';
+import { State } from 'react-powerplug';
+import { Icon, ICONS } from './../index.js';
+
+# Icon
+
+## Basic usage
+
+<Playground>
+  <div
+    style={{
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      justifyContent: 'center',
+      color: 'white',
+    }}
+  >
+    {Object.keys(ICONS)
+      .sort()
+      .map((name, i) => {
+        return (
+          <React.Fragment key={i}>
+            <div
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                flexBasis: '150px',
+                margin: '2px',
+                backgroundColor: 'rgb(11, 95, 255)',
+                borderRadius: '4px',
+                padding: '8px',
+                alignItems: 'center',
+              }}
+            >
+              <Icon name={name} />
+              <div style={{ fontSize: '12px', wordWrap: 'break-word' }}>
+                {name}
+              </div>
+            </div>
+          </React.Fragment>
+        );
+      })}
+  </div>
+</Playground>
+
+The `<Icon />` component inherits the color of its parent, and sizing is based
+on its parent's `font-size`. Each icon has an `aria-labelledby` to assist screen
+readers.
+
+We use `airbnb`'s [`babel-plugin-inline-react-svg`][airbnb] to automate
+optimizing SVG files with [SVGO][svgo] and to create animatable React SVG
+components that can be requested asynchronously. You can configure SVGO's
+plugins [by following the advice laid out here][svgo-configure]
+
+## API
+
+<Props of={Icon} />
+
+The `Icon` component takes a single prop of `name`, which indicates which Icon
+should be displayed. Again, the icon responds to contextual text/font styles.
+
+## Attribution
+
+A large number of these icons are from [Font Awesome 5's free set.][fa-license]
+Some attribution is likely required, depending on your usage. Sometimes as
+little as a comment included side-by-side with the accompanying SVG icon.
+
+<!--
+  Links
+-->
+
+<!-- prettier-ignore-start -->
+[fa-license]: https://fontawesome.com/license
+[airbnb]: https://github.com/airbnb/babel-plugin-inline-react-svg
+[svgo]: https://github.com/svg/svgo/
+[svgo-configure]: https://github.com/airbnb/babel-plugin-inline-react-svg/issues/9#issuecomment-310178317)
+<!-- prettier-ignore-end -->
@@ -0,0 +1,178 @@
+import React from 'react';
+import adjust from './icons/adjust.svg';
+// Icons
+import angleDoubleDown from './icons/angle-double-down.svg';
+import angleDoubleUp from './icons/angle-double-up.svg';
+import angleLeft from './icons/angle-left.svg';
+import arrows from './icons/arrows.svg';
+import arrowsAltH from './icons/arrows-alt-h.svg';
+import arrowsAltV from './icons/arrows-alt-v.svg';
+import bars from './icons/bars.svg';
+import brain from './icons/brain.svg';
+import caretDown from './icons/caret-down.svg';
+import caretUp from './icons/caret-up.svg';
+import check from './icons/check.svg';
+import checkCircle from './icons/check-circle.svg';
+import checkCircleO from './icons/check-circle-o.svg';
+import chevronDown from './icons/chevron-down.svg';
+import circle from './icons/circle.svg';
+import circleNotch from './icons/circle-notch.svg';
+import circleO from './icons/circle-o.svg';
+import cog from './icons/cog.svg';
+import createComment from './icons/create-comment.svg';
+import createScreenCapture from './icons/create-screen-capture.svg';
+import crosshairs from './icons/crosshairs.svg';
+import cube from './icons/cube.svg';
+import d3Rotate from './icons/3d-rotate.svg';
+import database from './icons/database.svg';
+import dotCircle from './icons/dot-circle.svg';
+import edit from './icons/edit.svg';
+import ellipseCircle from './icons/ellipse-circle.svg';
+import ellipseH from './icons/ellipse-h.svg';
+import ellipseV from './icons/ellipse-v.svg';
+import exclamationCircle from './icons/exclamation-circle.svg';
+import exclamationTriangle from './icons/exclamation-triangle.svg';
+import fastBackward from './icons/fast-backward.svg';
+import fastForward from './icons/fast-forward.svg';
+import info from './icons/info.svg';
+import inlineEdit from './icons/inline-edit.svg';
+import level from './icons/level.svg';
+import link from './icons/link.svg';
+import linkCircles from './icons/link-circles.svg';
+import list from './icons/list.svg';
+import liver from './icons/liver.svg';
+import lock from './icons/lock.svg';
+import lockAlt from './icons/lock-alt.svg';
+import lung from './icons/lung.svg';
+import measureNonTarget from './icons/measure-non-target.svg';
+import measureTarget from './icons/measure-target.svg';
+import measureTargetCr from './icons/measure-target-cr.svg';
+import measureTargetNe from './icons/measure-target-ne.svg';
+import measureTargetUn from './icons/measure-target-un.svg';
+import measureTemp from './icons/measure-temp.svg';
+import objectGroup from './icons/object-group.svg';
+import ohifLogo from './icons/ohif-logo.svg';
+import oval from './icons/oval.svg';
+import palette from './icons/palette.svg';
+import play from './icons/play.svg';
+import plus from './icons/plus.svg';
+import powerOff from './icons/power-off.svg';
+import reset from './icons/reset.svg';
+import rotate from './icons/rotate.svg';
+import rotateRight from './icons/rotate-right.svg';
+import search from './icons/search.svg';
+import searchPlus from './icons/search-plus.svg';
+import softTissue from './icons/soft-tissue.svg';
+import sort from './icons/sort.svg';
+import sortDown from './icons/sort-down.svg';
+import sortUp from './icons/sort-up.svg';
+import squareO from './icons/square-o.svg';
+import star from './icons/star.svg';
+import stepBackward from './icons/step-backward.svg';
+import stepForward from './icons/step-forward.svg';
+import stop from './icons/stop.svg';
+import sun from './icons/sun.svg';
+import th from './icons/th.svg';
+import thLarge from './icons/th-large.svg';
+import thList from './icons/th-list.svg';
+import times from './icons/times.svg';
+import trash from './icons/trash.svg';
+import user from './icons/user.svg';
+import youtube from './icons/youtube.svg';
+
+const ICONS = {
+  user,
+  sort,
+  th,
+  star,
+  'sort-up': sortUp,
+  'sort-down': sortDown,
+  info,
+  cube,
+  crosshairs,
+  'dot-circle': dotCircle,
+  'angle-left': angleLeft,
+  '3d-rotate': d3Rotate,
+  plus,
+  'chevron-down': chevronDown,
+  'angle-double-down': angleDoubleDown,
+  'angle-double-up': angleDoubleUp,
+  'arrows-alt-h': arrowsAltH,
+  'arrows-alt-v': arrowsAltV,
+  bars,
+  'caret-down': caretDown,
+  'caret-up': caretUp,
+  'check-circle-o': checkCircleO,
+  check,
+  circle,
+  'circle-o': circleO,
+  times,
+  'create-comment': createComment,
+  'create-screen-capture': createScreenCapture,
+  edit,
+  'fast-backward': fastBackward,
+  'fast-forward': fastForward,
+  'object-group': objectGroup,
+  search,
+  'power-off': powerOff,
+  'inline-edit': inlineEdit,
+  list,
+  'ohif-logo': ohifLogo,
+  lock,
+  play,
+  database,
+  cog,
+  'circle-notch': circleNotch,
+  'square-o': squareO,
+  'check-circle': checkCircle,
+  'lock-alt': lockAlt,
+  'step-backward': stepBackward,
+  'step-forward': stepForward,
+  stop,
+  'th-large': thLarge,
+  'th-list': thList,
+  sun,
+  palette,
+  youtube,
+  oval,
+  'ellipse-h': ellipseH,
+  'ellipse-v': ellipseV,
+  adjust,
+  level,
+  'link-circles': linkCircles,
+  'search-plus': searchPlus,
+  'measure-non-target': measureNonTarget,
+  'measure-target': measureTarget,
+  'measure-target-cr': measureTargetCr,
+  'measure-target-un': measureTargetUn,
+  'measure-target-ne': measureTargetNe,
+  'measure-temp': measureTemp,
+  'ellipse-circle': ellipseCircle,
+  arrows,
+  reset,
+  rotate,
+  'rotate-right': rotateRight,
+  trash,
+  'exclamation-circle': exclamationCircle,
+  link,
+  'exclamation-triangle': exclamationTriangle,
+  brain,
+  'soft-tissue': softTissue,
+  lung,
+  liver,
+};
+
+/**
+ * Return the matching SVG Icon as a React Component.
+ * Results in an inlined SVG Element. If there's no match,
+ * return `null`
+ */
+export default function getIcon(key, props) {
+  if (!key || !ICONS[key]) {
+    return React.createElement('div', null, 'Missing Icon');
+  }
+
+  return React.createElement(ICONS[key], props);
+}
+
+export { ICONS };
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 30"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">3D Rotate</title>
+  <g>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.856,11.409c-0.004-0.127-0.006-0.165-0.013-0.335l-0.01-0.195 c0.001,0.02-0.01-0.159-0.008-0.14l-0.004-0.06l-1.214,0.08v0.004c0.005,0.071,0.009,0.137,0.013,0.209   c0-0.001,0.025,0.732,0.025,0.731l0.001,0.025l-0.001-0.01l0.001,0.029v0.021v-0.01v0.03v-0.009v0.03v-0.01l0.001,0.035   l-0.001-0.01l0.001,0.04v-0.01v0.045v-0.01v0.06V11.94V12c0,0.925-0.066,1.891-0.214,2.85c0.443-0.125,0.877-0.272,1.288-0.444   c0.097-0.8,0.143-1.604,0.143-2.405c-0.001-0.127-0.002-0.254-0.004-0.381L17.856,11.409L17.856,11.409z M5.386,16.674L2,15.691   l0.658-0.711C1.817,14.19,1.2,13.182,1.2,12c0.006-0.916,0.35-1.691,0.912-2.399c0.83-1.011,2.014-1.758,3.339-2.293   C5.335,7.792,5.239,8.281,5.162,8.774C4.584,9.066,4.053,9.41,3.592,9.812c-0.563,0.5-1.035,1.118-1.149,1.862   c-0.076,0.5,0.027,0.975,0.259,1.417c0.197,0.374,0.478,0.711,0.782,0.995l0.657-0.711L5.386,16.674L5.386,16.674z M9.6,6.283   C10.44,6.18,11.256,6.135,12,6.135c1.765,0,3.552,0.222,5.246,0.722C19.566,7.542,22.783,9.189,22.8,12   c-0.006,0.915-0.349,1.69-0.911,2.398c-2.151,2.622-6.685,3.467-9.889,3.467c-0.89,0-1.822-0.054-2.697-0.182l0.165-1.205   c0.82,0.12,1.699,0.17,2.533,0.17c2.71,0,6.298-0.621,8.408-2.46c0.644-0.572,1.167-1.297,1.175-2.188   c-0.013-1.455-1.41-2.516-2.574-3.134C16.924,7.773,14.333,7.351,12,7.351c-0.884,0-1.862,0.066-2.852,0.219   C9.275,7.128,9.425,6.697,9.6,6.283L9.6,6.283z M15.224,18.834c0.486-0.076,0.975-0.169,1.459-0.283   c-0.85,2.063-2.374,4.235-4.683,4.249c-0.916-0.006-1.691-0.349-2.399-0.911C6.979,19.737,6.135,15.204,6.135,12   c0-1.764,0.222-3.552,0.722-5.246C7.542,4.434,9.189,1.217,12,1.2c1.454,0,2.627,0.926,3.466,2.038l0.778-0.577l0.61,3.471   L13.71,4.539l0.778-0.577C13.907,3.175,13.023,2.417,12,2.417c-1.455,0.013-2.516,1.411-3.134,2.575   C7.773,7.076,7.351,9.667,7.351,12c0,2.71,0.621,6.298,2.461,8.408c0.572,0.644,1.296,1.167,2.188,1.175   c1.455-0.013,2.516-1.41,3.134-2.574L15.224,18.834z"/>
+  </g>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Adjust</title>
+  <path d="M12 22.5v-17c-4.688 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 350 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Angle Double Down</title>
+  <path d="M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 350 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Angle Double Up</title>
+  <path d="M177 255.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 351.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 425.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1zm-34-192L7 199.7c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l96.4-96.4 96.4 96.4c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9l-136-136c-9.2-9.4-24.4-9.4-33.8 0z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 256 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Angle Left</title>
+  <path d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Arrows Alt H</title>
+  <path d="M377.941 169.941V216H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.568 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971V296h243.882v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.568 0-33.941l-86.059-86.059c-15.119-15.12-40.971-4.412-40.971 16.97z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 256 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Arrows Alt V</title>
+  <path d="M214.059 377.941H168V134.059h46.059c21.382 0 32.09-25.851 16.971-40.971L144.971 7.029c-9.373-9.373-24.568-9.373-33.941 0L24.971 93.088c-15.119 15.119-4.411 40.971 16.971 40.971H88v243.882H41.941c-21.382 0-32.09 25.851-16.971 40.971l86.059 86.059c9.373 9.373 24.568 9.373 33.941 0l86.059-86.059c15.12-15.119 4.412-40.971-16.97-40.971z" />
+</svg>
@@ -0,0 +1,22 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 18 18"
+  aria-labelledby="title"
+  stroke="currentColor"
+  width="1em"
+  height="1em"
+  fill="none"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Arrows</title>
+    <g fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M9,1 L9,17"></path>
+      <path d="M1,9 L17,9"></path>
+      <polyline points="7 3 9 1 11 3"></polyline>
+      <polyline points="15 11 17 9 15 7"></polyline>
+      <polyline points="11 15 9 17 7 15"></polyline>
+      <polyline points="3 7 1 9 3 11"></polyline>
+    </g>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 1792 1792"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Bars</title>
+  <path d="M1664 1344v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45zm0-512v128q0 26-19 45t-45 19h-1408q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h1408q26 0 45 19t19 45z" />
+</svg>
@@ -0,0 +1,24 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 26 26"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  stroke-width="1.25"
+  fill="none"
+  fill-rule="evenodd"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Brain</title>
+  <path d="M9.477,17.251 C9.47700008,15.4559127 8.02208718,14.0005522 6.227,14 C6.174,14 6.127,14.013 6.074,14.016" />
+  <path d="M9.139,4.388 C10.1071794,4.06154926 10.6736294,3.05782814 10.4526509,2.06027619 C10.2316724,1.06272423 9.29432573,0.392125319 8.27885567,0.505094155 C7.26338561,0.618062991 6.49633799,1.47827206 6.5,2.5 C6.50273041,2.68084368 6.52997882,2.86048132 6.581,3.034 C6.47,3.025 6.363,3 6.25,3 C4.82125583,2.99272637 3.51375534,3.80180432 2.88272268,5.08366258 C2.25169001,6.36552084 2.40789271,7.89515 3.285,9.023 C1.71628128,9.12669427 0.496882579,10.4293579 0.496882579,12.0015 C0.496882579,13.5736421 1.71628128,14.8763057 3.285,14.98 C2.4088849,16.1076699 2.25328058,17.6364954 2.88423445,18.9175552 C3.51518832,20.198615 4.82200641,21.0071611 6.25,21 C6.363,21 6.47,20.977 6.581,20.967 C6.28383855,22.0182201 6.88514293,23.1134021 7.93160342,23.4269131 C8.97806392,23.7404241 10.0824855,23.1562636 10.4122698,22.114817 C10.7420542,21.0733704 10.1751796,19.9599776 9.139,19.614" />
+  <path d="M6.074,9.986 C6.126,9.986 6.174,10.001 6.227,10.001 C8.02169676,10.000448 9.47644804,8.54569676 9.477,6.751" />
+  <path d="M14.523,17.251 C14.5229999,15.4559127 15.9779128,14.0005522 17.773,14 C17.826,14 17.873,14.013 17.926,14.016" />
+  <path d="M14.861,4.388 C13.8928206,4.06154926 13.3263706,3.05782814 13.5473491,2.06027619 C13.7683276,1.06272423 14.7056743,0.392125319 15.7211443,0.505094155 C16.7366144,0.618062991 17.503662,1.47827206 17.5,2.5 C17.4972696,2.68084368 17.4700212,2.86048132 17.419,3.034 C17.53,3.024 17.637,3 17.75,3 C19.1783755,2.99302696 20.4854349,3.80196155 21.1163884,5.08344617 C21.7473419,6.36493078 21.5914958,7.89414352 20.715,9.022 C22.2837187,9.12569427 23.5031174,10.4283579 23.5031174,12.0005 C23.5031174,13.5726421 22.2837187,14.8753057 20.715,14.979 C21.5917266,16.1066634 21.7476874,17.6359054 21.1166544,18.9173389 C20.4856213,20.1987723 19.1783622,21.0074617 17.75,21 C17.637,21 17.53,20.977 17.419,20.967 C17.7161614,22.0182201 17.1148571,23.1134021 16.0683966,23.4269131 C15.0219361,23.7404241 13.9175145,23.1562636 13.5877302,22.114817 C13.2579458,21.0733704 13.8248204,19.9599776 14.861,19.614" />
+  <path d="M17.926,9.986 C17.874,9.986 17.826,10.001 17.773,10.001 C15.9783032,10.000448 14.523552,8.54569676 14.523,6.751" />
+  <path d="M10.5,2.4 C11.4282032,1.86410162 12.5717968,1.86410162 13.5,2.4" />
+  <path d="M10.409,22.1 C11.4022898,22.6360615 12.5987102,22.6360615 13.592,22.1" />
+  <path d="M12,7.001 L12,17.501" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 292.362 292.362"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Caret Down</title>
+  <path d="M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 45.871 45.871"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Caret Up</title>
+  <path d="M44.68,29.383L26.728,11.52c-2.098-2.087-5.488-2.087-7.585,0L1.19,29.383c-1.16,1.155-1.509,2.707-0.884,4.222 c0.624,1.512,2.099,2.311,3.735,2.311h37.786c1.638,0,3.112-0.799,3.736-2.312C46.189,32.09,45.84,30.539,44.68,29.383z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Check Circle</title>
+  <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 27"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Check Circle</title>
+  <path d="M13.5,0 a13.5 13.5 0 0 1 0 27 a13.5 13.5 0 0 1 0 -27 M23,8 l-2,-2 -10,10, -5,-5 -2,2 7,7Z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Check</title>
+  <path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" />
+</svg>
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 12 9"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Chevron Down</title>
+  <polygon
+    transform="translate(6.000000, 3.700000) rotate(-270.000000) translate(-6.000000, -3.700000)"
+    points="3.7 -2.3 2.3 -0.9 6.9 3.7 2.3 8.3 3.7 9.7 9.7 3.7"
+  />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Circle Notch</title>
+  <path d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Circle Outline</title>
+  <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Circle</title>
+  <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 15 15"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Cog</title>
+  <path d="M12.85 8.25C12.85 8.03 12.93 7.8 12.93 7.5 12.93 7.2 12.93 6.98 12.85 6.75L14.43 5.48C14.58 5.33 14.58 5.18 14.5 5.03L13 2.4C12.93 2.33 12.78 2.25 12.55 2.33L10.68 3.08C10.3 2.78 9.85 2.55 9.4 2.33L9.1 0.38C9.18 0.15 8.95 0 8.8 0L5.8 0C5.65 0 5.43 0.15 5.43 0.3L5.13 2.33C4.68 2.48 4.3 2.78 3.85 3.08L2.05 2.33C1.83 2.25 1.68 2.33 1.53 2.48L0.03 5.1C-0.05 5.18 0.03 5.4 0.18 5.55L1.75 6.75C1.75 6.98 1.68 7.2 1.68 7.5 1.68 7.8 1.68 8.03 1.75 8.25L0.18 9.53C0.03 9.68 0.03 9.82 0.1 9.98L1.6 12.6C1.68 12.68 1.83 12.75 2.05 12.68L3.93 11.93C4.3 12.23 4.75 12.45 5.2 12.68L5.5 14.63C5.5 14.78 5.65 14.93 5.88 14.93L8.88 14.93C9.03 14.93 9.25 14.78 9.25 14.63L9.55 12.68C10 12.45 10.45 12.23 10.83 11.93L12.7 12.68C12.85 12.75 13.08 12.68 13.15 12.53L14.65 9.9C14.73 9.75 14.73 9.53 14.58 9.45L12.85 8.25 12.85 8.25ZM7.3 10.13C5.88 10.13 4.68 8.93 4.68 7.5 4.68 6.08 5.88 4.88 7.3 4.88 8.73 4.88 9.93 6.08 9.93 7.5 9.93 8.93 8.73 10.13 7.3 10.13L7.3 10.13Z" />
+</svg>
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 37 34"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Create Comment</title>
+  <path d="M22.32 14L35 14C36.1 14 37 14.9 37 16L37 28C37 29.1 36.1 30 35 30L21 30 17 34 17 20.39C19.45 18.97 21.36 16.71 22.32 14Z" />
+  <path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0L10 0ZM15 11L11 11 11 15 9 15 9 11 5 11 5 9 9 9 9 5 11 5 11 9 15 9 15 11 15 11Z" />
+</svg>
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 37 35"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Create Screen Capture</title>
+  <g transform="translate(17.000000, 17.000000)">
+    <path d="M10 13C11.66 13 13 11.66 13 10 13 8.34 11.66 7 10 7 8.34 7 7 8.34 7 10 7 11.66 8.34 13 10 13Z" />
+    <path d="M7 0L5.2 2 2 2C0.9 2 0 2.9 0 4L0 16C0 17.1 0.9 18 2 18L18 18C19.1 18 20 17.1 20 16L20 4C20 2.9 19.1 2 18 2L14.8 2 13 0 7 0 7 0ZM10 15C7.2 15 5 12.8 5 10 5 7.2 7.2 5 10 5 12.8 5 15 7.2 15 10 15 12.8 12.8 15 10 15L10 15Z" />
+  </g>
+  <path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0L10 0ZM15 11L11 11 11 15 9 15 9 11 5 11 5 9 9 9 9 5 11 5 11 9 15 9 15 11 15 11Z" />
+</svg>
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Crosshairs</title>
+  <!--
+    https://fontawesome.com/license
+    https://fontawesome.com/icons/crosshairs
+   !-->
+  <path d="M500 224h-30.364C455.724 130.325 381.675 56.276 288 42.364V12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v30.364C130.325 56.276 56.276 130.325 42.364 224H12c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h30.364C56.276 381.675 130.325 455.724 224 469.636V500c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-30.364C381.675 455.724 455.724 381.675 469.636 288H500c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zM288 404.634V364c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40.634C165.826 392.232 119.783 346.243 107.366 288H148c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-40.634C119.768 165.826 165.757 119.783 224 107.366V148c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40.634C346.174 119.768 392.217 165.757 404.634 224H364c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40.634C392.232 346.174 346.243 392.217 288 404.634zM288 256c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-17.673 14.327-32 32-32s32 14.327 32 32z" />
+</svg>
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="-205 207 100 100"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <!--cube by Gregor Cresnar from the Noun Project https://thenounproject.com/search/?q=cube&i=197684 !-->
+  <title id="title">Cube</title>
+  <path d="M-115.1,280.3c0-0.1,0.1-0.1,0.1-0.2c0,0,0-0.1,0-0.1c0-0.1,0-0.2,0-0.3c0,0,0,0,0,0l0.1-45 c0-0.5-0.3-0.9-0.7-1.2L-154,211c-0.1,0-0.1,0-0.2-0.1c0,0,0,0,0,0c-0.4-0.2-0.8-0.1-1.2,0.1l-38.8,22.1     c-0.4,0.2-0.7,0.7-0.7,1.2l-0.3,44.6c0,0.5,0.3,0.9,0.7,1.2l38.7,22.9c0.2,0.1,0.5,0.2,0.7,0.2c0.2,0,0.5-0.1,0.7-0.2l38.8-22.1     c0,0,0,0,0,0c0.1,0,0.1-0.1,0.2-0.1c0.1,0,0.1-0.1,0.1-0.1c0-0.1,0.1-0.1,0.1-0.2C-115.1,280.4-115.1,280.4-115.1,280.3z      M-160.7,296.9c1.5-1.5,3-3,4.5-4.6l0,2.4c-1,1-2,2-3,3L-160.7,296.9z M-163.9,295c2.5-2.6,5.1-5.1,7.6-7.7l0,2.4     c-2,2.1-4.1,4.1-6.1,6.2L-163.9,295z M-167,293.2c3.6-3.6,7.1-7.2,10.7-10.8l0,2.4c-2.6,2.6-5.2,5.2-7.7,7.8     c-0.5,0.5-1,1-1.5,1.5L-167,293.2z M-170.1,291.3c4.6-4.7,9.2-9.3,13.8-14l0,2.4c-4.1,4.2-8.2,8.3-12.3,12.5L-170.1,291.3z      M-173.3,289.5C-173.2,289.4-173.2,289.4-173.3,289.5c5.7-5.7,11.3-11.4,17-17.1l0,2.4c-5.1,5.2-10.3,10.4-15.4,15.6c0,0,0,0,0,0     L-173.3,289.5z M-176.4,287.6C-176.4,287.6-176.4,287.6-176.4,287.6c6.7-6.8,13.4-13.6,20.1-20.3l0,2.4     c-6.1,6.2-12.3,12.4-18.4,18.6c-0.1,0.1-0.1,0.1-0.1,0.2L-176.4,287.6z M-179.5,285.7C-179.5,285.7-179.5,285.7-179.5,285.7     c7.7-7.8,15.5-15.6,23.2-23.4l0,2.4c-7.2,7.3-14.4,14.5-21.5,21.8c0,0-0.1,0.1-0.1,0.1L-179.5,285.7z M-182.7,283.9     C-182.6,283.9-182.6,283.8-182.7,283.9c8.7-8.9,17.4-17.6,26.1-26.4l0.2,0.1l0,2.1c-8.2,8.3-16.4,16.6-24.7,25     c0,0-0.1,0.1-0.1,0.1L-182.7,283.9z M-185.8,282.1c0.1-0.1,0.1-0.2,0.2-0.2c8.5-8.6,17-17.2,25.6-25.9c0.1-0.1,0.2-0.2,0.3-0.3     l1.5,0.9c-8.6,8.7-17.3,17.5-25.9,26.2c0,0-0.1,0.1-0.1,0.2L-185.8,282.1z M-188.9,280.2c0-0.1,0.1-0.1,0.1-0.2     c8.6-8.7,17.3-17.5,25.9-26.2l1.5,0.9c-8.6,8.7-17.3,17.5-25.9,26.2c-0.1,0.1-0.1,0.1-0.2,0.2L-188.9,280.2z M-192.1,278.3     c0.1-0.1,0.1-0.1,0.2-0.2c8.6-8.7,17.2-17.4,25.8-26.2l1.5,0.9c-8.6,8.7-17.1,17.3-25.7,26c-0.1,0.1-0.3,0.3-0.4,0.4     L-192.1,278.3z M-154.7,213.8l35.8,20.9l-36,20.5l-35.8-20.9L-154.7,213.8z M-191.2,237.2l1.5,0.9c-0.8,0.8-1.7,1.7-2.5,2.5     l0-2.4C-191.8,237.9-191.5,237.6-191.2,237.2z M-192.3,253.4c3.5-3.5,7-7.1,10.5-10.6l1.5,0.9c-4,4.1-8,8.1-12.1,12.2     L-192.3,253.4z M-192.2,250.8l0-2.4c0.9-0.9,1.8-1.9,2.8-2.8c1.5-1.6,3.1-3.1,4.6-4.7l1.5,0.9     C-186.3,244.8-189.3,247.8-192.2,250.8z M-192.2,245.7l0-2.4c1.4-1.4,2.8-2.8,4.2-4.2l1.5,0.9     C-188.4,241.9-190.3,243.8-192.2,245.7z M-178.6,244.6l1.5,0.9c-5.1,5.1-10.1,10.3-15.2,15.4l0-2.4     C-187.7,253.8-183.2,249.2-178.6,244.6z M-192.3,263.5c5.6-5.7,11.2-11.4,16.9-17.1l1.5,0.9c-6.1,6.2-12.3,12.4-18.4,18.6     L-192.3,263.5z M-192.4,268.6c6.7-6.8,13.4-13.5,20.1-20.3l1.5,0.9c-7.2,7.3-14.4,14.6-21.6,21.8L-192.4,268.6z M-192.4,273.6     c7.7-7.8,15.5-15.7,23.2-23.5l1.5,0.9c-8.3,8.4-16.5,16.7-24.8,25.1L-192.4,273.6z M-156.2,297.3l0,2.3l-1.4-0.8     C-157.1,298.2-156.7,297.7-156.2,297.3z M-153.6,257.6l36-20.5l-0.1,41.8l-35.8,20.4L-153.6,257.6z"/><path d="M-154.9,232.7C-154.8,232.7-154.8,232.7-154.9,232.7c0.8,0,1.4-0.6,1.4-1.4c0-0.8-0.6-1.4-1.4-1.4     c-0.8,0-1.4,0.6-1.4,1.4C-156.2,232.1-155.6,232.7-154.9,232.7z"/><path d="M-154.9,239.1C-154.9,239.1-154.9,239.1-154.9,239.1c0.8,0,1.4-0.6,1.4-1.4c0-0.8-0.6-1.4-1.4-1.4     c-0.8,0-1.4,0.6-1.4,1.4C-156.3,238.4-155.7,239.1-154.9,239.1z"/><path d="M-155,249.1c-0.8,0-1.4,0.6-1.4,1.4c0,0.8,0.6,1.4,1.4,1.4c0,0,0,0,0,0c0.7,0,1.4-0.6,1.4-1.4     C-153.6,249.7-154.2,249.1-155,249.1z"/><path d="M-154.9,245.4C-154.9,245.4-154.9,245.4-154.9,245.4c0.8,0,1.4-0.6,1.4-1.4c0-0.8-0.6-1.4-1.4-1.4     c-0.8,0-1.4,0.6-1.4,1.4C-156.3,244.8-155.7,245.4-154.9,245.4z"/><path d="M-154.8,219.9C-154.8,219.9-154.8,219.9-154.8,219.9c0.8,0,1.4-0.6,1.4-1.4c0-0.8-0.6-1.4-1.4-1.4     c-0.8,0-1.4,0.6-1.4,1.4C-156.2,219.3-155.5,219.9-154.8,219.9z"/><path d="M-154.8,226.3C-154.8,226.3-154.8,226.3-154.8,226.3c0.8,0,1.4-0.6,1.4-1.4c0-0.8-0.6-1.4-1.4-1.4     c-0.8,0-1.4,0.6-1.4,1.4C-156.2,225.7-155.6,226.3-154.8,226.3z"/><path d="M-148.8,258.9c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2     c0.5,0,0.9-0.2,1.2-0.7C-147.9,260.1-148.1,259.3-148.8,258.9z"/><path d="M-121.1,275.3c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2     c0.5,0,0.9-0.2,1.2-0.7C-120.2,276.5-120.5,275.7-121.1,275.3z"/><path d="M-126.6,272c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2     c0.5,0,0.9-0.2,1.2-0.7C-125.8,273.2-126,272.4-126.6,272z"/><path d="M-143.2,262.2c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2     c0.5,0,0.9-0.2,1.2-0.7C-142.4,263.4-142.6,262.6-143.2,262.2z"/><path d="M-132.2,268.7c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2     c0.5,0,0.9-0.2,1.2-0.7C-131.3,270-131.5,269.1-132.2,268.7z"/><path d="M-137.7,265.5c-0.7-0.4-1.5-0.2-1.9,0.5c-0.4,0.7-0.2,1.5,0.5,1.9c0.2,0.1,0.5,0.2,0.7,0.2 c0.5,0,0.9-0.2,1.2-0.7C-136.8,266.7-137.1,265.8-137.7,265.5z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Database</title>
+  <path d="M12 12c4.703 0 9.422-0.844 12-2.656v2.656c0 2.203-5.375 4-12 4s-12-1.797-12-4v-2.656c2.578 1.813 7.297 2.656 12 2.656zM12 24c4.703 0 9.422-0.844 12-2.656v2.656c0 2.203-5.375 4-12 4s-12-1.797-12-4v-2.656c2.578 1.813 7.297 2.656 12 2.656zM12 18c4.703 0 9.422-0.844 12-2.656v2.656c0 2.203-5.375 4-12 4s-12-1.797-12-4v-2.656c2.578 1.813 7.297 2.656 12 2.656zM12 0c6.625 0 12 1.797 12 4v2c0 2.203-5.375 4-12 4s-12-1.797-12-4v-2c0-2.203 5.375-4 12-4z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Dot Circle</title>
+  <path d="M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 576 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Edit</title>
+  <path d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 18 18"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Ellipse Circle</title>
+  <path d="M9,0 a9 9 0 0 1 0 18 a9 9 0 0 1 0 -18 M4.5,8 a1.5 1.5 0 0 0 0 3 a1.5 1.5 0 0 0 0 -3 M9,8 a1.5 1.5 0 0 0 0 3 a1.5 1.5 0 0 0 0 -3  M13.5,8 a1.5 1.5 0 0 0 0 3 a1.5 1.5 0 0 0 0 -3" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 22 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Ellipse Horizontal</title>
+  <path d="M6 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM14 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM22 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 6 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Ellipse Vertical</title>
+  <path d="M6 19.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM6 11.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5zM6 3.5v3c0 0.828-0.672 1.5-1.5 1.5h-3c-0.828 0-1.5-0.672-1.5-1.5v-3c0-0.828 0.672-1.5 1.5-1.5h3c0.828 0 1.5 0.672 1.5 1.5z" />
+</svg>
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 20 20"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="2"
+>
+  <title id="title">Exclamation Circle</title>
+  <path d="M10,1 a9 9 0 0 1 0 18 a9 9 0 0 1 0 -18 M10,5 l0,2 m0,2 0,6" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 22 20"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Exclamation Triangle</title>
+  <path d="m11,0 11,20 -22,0Z m1,7 -2,0 0,6 2,0Z m0,8 -2,0 0,2 2,0Z" />
+</svg>
@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <path d="M0 436V76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v151.9L235.5 71.4C256.1 54.3 288 68.6 288 96v131.9L459.5 71.4C480.1 54.3 512 68.6 512 96v320c0 27.4-31.9 41.7-52.5 24.6L288 285.3V416c0 27.4-31.9 41.7-52.5 24.6L64 285.3V436c0 6.6-5.4 12-12 12H12c-6.6 0-12-5.4-12-12z" />
+</svg>
@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <path d="M512 76v360c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12V284.1L276.5 440.6c-20.6 17.2-52.5 2.8-52.5-24.6V284.1L52.5 440.6C31.9 457.8 0 443.4 0 416V96c0-27.4 31.9-41.7 52.5-24.6L224 226.8V96c0-27.4 31.9-41.7 52.5-24.6L448 226.8V76c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 192 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Info</title>
+  <path d="M20 424.229h20V279.771H20c-11.046 0-20-8.954-20-20V212c0-11.046 8.954-20 20-20h112c11.046 0 20 8.954 20 20v212.229h20c11.046 0 20 8.954 20 20V492c0 11.046-8.954 20-20 20H20c-11.046 0-20-8.954-20-20v-47.771c0-11.046 8.954-20 20-20zM96 0C56.235 0 24 32.235 24 72s32.235 72 72 72 72-32.235 72-72S135.764 0 96 0z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 16 16"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Inline Edit</title>
+  <path d="M11,2 l1.85,-1.85 a1 1 0 0 1 1,0 l2,2 a1 1 0 0 1 0,1 l-1.85,1.85Z  M10,3 l-10,10 0,3 3,0 10,-10Z M16,16 l0,-2 -9,0 -2,2Z" />
+</svg>
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 18 18"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+  stroke="currentColor"
+>
+  <title id="title">Level</title>
+  <path d="M14.5,3.5 a1 1 0 0 1 -11,11 Z" stroke="none" opacity="0.8" />
+  <circle cx="9" cy="9" r="8" fill="none" stroke-width="2" />
+</svg>
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 25 15"
+  aria-labelledby="title"
+  stroke="currentColor"
+  width="1em"
+  height="1em"
+  fill="none"
+>
+  <title id="title">Link Circles</title>
+  <g transform="translate(1.0000, 1.000)">
+    <circle opacity="0.8" cx="7.5" cy="7.5" r="7.5" />
+    <circle opacity="0.6" cx="15.5" cy="7.5" r="7.5" />
+  </g>
+</svg>
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 32 32"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Link</title>
+  <path d="m5.364 28.917c1.047 1.046 2.422 1.57 3.797 1.57 1.376 0 2.751-0.523 3.798-1.572l7.552-7.554c1.016-1.014 1.574-2.361 1.574-3.797 -0.001-1.432-0.558-2.781-1.574-3.796l-2.297-2.298 -2.009 2.009 2.297 2.298c0.478 0.478 0.741 1.113 0.741 1.788 0 0.674-0.264 1.309-0.741 1.786l-7.553 7.555c-0.987 0.985-2.59 0.985-3.576 0l-2.297-2.298c-0.987-0.985-0.987-2.589 0-3.576l3.775-3.776 -2.009-2.009 -3.776 3.776c-2.094 2.096-2.092 5.502 0 7.595l2.299 2.3zM26.695 2.992" />
+  <path d="m26.695 2.992c-1.014-1.016-2.362-1.575-3.797-1.575 -0.001 0-0.001 0-0.002 0 -1.435 0-2.784 0.56-3.798 1.573l-7.551 7.553c-1.017 1.016-1.576 2.363-1.576 3.799 0 1.434 0.558 2.784 1.574 3.797l2.297 2.297 2.01-2.009 -2.298-2.297c-0.477-0.477-0.741-1.113-0.741-1.788 0-0.676 0.265-1.311 0.742-1.788l7.553-7.555c0.477-0.477 1.111-0.74 1.789-0.74 0 0 0 0 0.001 0 0.674 0 1.309 0.264 1.786 0.74l2.297 2.299c0.477 0.477 0.74 1.111 0.74 1.788 0 0.674-0.264 1.311-0.74 1.788l-3.776 3.777 2.009 2.009 3.776-3.777c1.014-1.013 1.573-2.363 1.574-3.797 0-1.435-0.56-2.784-1.574-3.797l-2.295-2.296z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 18 10"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">List</title>
+  <path d="M0,0 2,0 2,2 0,2Z M4,0 18,0 18,2 4,2Z M0,4 2,4 2,6 0,6Z M4,4 18,4 18,6 4,6Z M0,8 2,8 2,10 0,10Z M4,8 18,8 18,10 4,10Z" />
+</svg>
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 27 20"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  stroke-width="1.65"
+  fill="none"
+  fill-rule="evenodd"
+>
+  <title id="title">Liver</title>
+  <g transform="translate(1.000000, 1.000000)">
+    <path d="M14.1879883,0.427249956 C15.0074875,0.0422121769 15.9522148,-0.00109444417 16.862793,2.04322665e-05 C19.2959911,0.00285829955 21.7960518,0.267011807 24.2293553,0.267721274 C24.632253,0.267923979 24.8592123,0.398871284 24.9616761,0.681948546 C25.0607665,0.955904091 24.9707418,1.17928479 24.6560769,1.42090892 C23.2066152,2.5337583 22.5823452,4.01684802 22.5593647,5.76365669 C22.5282671,8.13499886 20.9667489,10.242014 18.6967339,10.9516835 C17.246956,11.4049314 15.8264835,11.3236468 14.4399549,10.7120864 C14.4015837,10.6951606 14.3626854,10.6791469 14.3462406,10.6721536 C14.0117575,11.143949 13.7204948,11.6275013 13.3572334,12.0543976 C11.801513,13.8830991 9.76720674,14.7494594 7.3234671,14.7689191 C5.91806908,14.7801692 4.5964763,15.1070307 3.37713644,15.7857877 C2.51715767,16.2644751 1.76470259,16.8644813 1.17047602,17.6383069 C0.975141299,17.8924988 0.719930632,17.9690198 0.430038301,17.8745594 C0.145838402,17.7820247 0.0129095911,17.6005025 0.0128041757,17.2720194 C0.0117500218,13.9612418 -0.0213504117,10.6500587 0.0232402996,7.33988926 C0.0699393187,3.87870469 2.93565678,0.850598944 6.47624358,0.427249956 C8.18898075,0.222411674 10.6852298,0.729934666 12.1266085,1.97171448 C12.3659471,2.17791002 12.7690956,2.58896084 13.0694221,3.04543956 C13.3112364,3.41298323 13.6364656,3.89746342 13.7521632,4.10220046 C13.8678607,4.30693751 12.0604076,1.92012611 12.1266085,1.97171448 C12.65611,1.40566131 13.4924575,0.754111457 14.1879883,0.427249956 Z" />
+  </g>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 16 21"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Lock</title>
+  <path d="M14 7L13 7 13 5C13 2.2 10.8 0 8 0 5.2 0 3 2.2 3 5L3 7 2 7C0.9 7 0 7.9 0 9L0 19C0 20.1 0.9 21 2 21L14 21C15.1 21 16 20.1 16 19L16 9C16 7.9 15.1 7 14 7L14 7ZM11.1 7L4.9 7 4.9 5C4.9 3.3 6.3 1.9 8 1.9 9.7 1.9 11.1 3.3 11.1 5L11.1 7 11.1 7Z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 18 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Lock</title>
+  <path d="M5 12h8v-3c0-2.203-1.797-4-4-4s-4 1.797-4 4v3zM18 13.5v9c0 0.828-0.672 1.5-1.5 1.5h-15c-0.828 0-1.5-0.672-1.5-1.5v-9c0-0.828 0.672-1.5 1.5-1.5h0.5v-3c0-3.844 3.156-7 7-7s7 3.156 7 7v3h0.5c0.828 0 1.5 0.672 1.5 1.5z" />
+</svg>
@@ -0,0 +1,25 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 28 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  stroke-width="1.5"
+  fill="none"
+  fill-rule="nonzero"
+>
+  <title id="title">Lung</title>
+  <g transform="translate(1.000000, 0)">
+    <path d="M4.54995935,23.0682142 L5.21755165,23.0682142 C7.73042481,23.0682142 9.767511,21.031128 9.767511,18.5182549 L9.767511,15.6678583 C9.767511,14.5637174 9.41504385,13.4884059 8.76143431,12.5985061 L8.76143431,12.5985061 C8.10782476,11.7086062 7.75535761,10.6332948 7.75535761,9.52915385 L7.75535761,6.94406376 C7.75535761,6.32558369 7.38554676,5.76703946 6.81616159,5.52554801 C5.25840278,5.17062216 4.58145592,5.710798 3.84612497,6.74773742 C3.19639763,7.66396146 2.11984103,9.64970738 0.616455185,12.7049752 L0.616455169,12.7049752 C0.210903154,13.5291615 -1.12491357e-16,14.4354596 0,15.3540212 L0,18.5182549 C3.07738207e-16,21.031128 2.03708619,23.0682142 4.54995935,23.0682142 Z" />
+    <path d="M10.4645082,0 L10.4645082,7.63276134 C10.4645082,8.24023016 10.188418,8.81477376 9.7141179,9.19432323 L7.58333333,10.8994424" />
+    <path
+      d="M16.9645082,0 L16.9645082,7.63276134 C16.9645082,8.24023016 16.688418,8.81477376 16.2141179,9.19432323 L14.0833333,10.8994424"
+      transform="translate(15.523921, 5.449721) scale(-1, 1) translate(-15.523921, -5.449721) "
+    />
+    <path
+      d="M19.716626,23.0682142 L20.3842183,23.0682142 C22.8970915,23.0682142 24.9341777,21.031128 24.9341777,18.5182549 L24.9341777,15.6678583 C24.9341777,14.5637174 24.5817105,13.4884059 23.928101,12.5985061 L23.928101,12.5985061 C23.2744914,11.7086062 22.9220243,10.6332948 22.9220243,9.52915385 L22.9220243,6.94406376 C22.9220243,6.32558369 22.5522134,5.76703946 21.9828283,5.52554801 C20.4250695,5.17062216 19.7481226,5.710798 19.0127916,6.74773742 C18.3630643,7.66396146 17.2865077,9.64970738 15.7831219,12.7049752 L15.7831218,12.7049752 C15.3775698,13.5291615 15.1666667,14.4354596 15.1666667,15.3540212 L15.1666667,18.5182549 C15.1666667,21.031128 17.2037529,23.0682142 19.716626,23.0682142 Z"
+      transform="translate(20.050422, 14.242440) scale(-1, 1) translate(-20.050422, -14.242440) "
+    />
+  </g>
+</svg>
@@ -0,0 +1,29 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Measure Non-Target</title>
+  <circle
+    id="icon-tools-measure-non-target-circle"
+    cx="6.5"
+    cy="6.5"
+    r="6"
+  />
+  <path
+    id="icon-tools-measure-non-target-plus"
+    d="M6.5,3 l0,7 M3,6.5 l7,0"
+  />
+  <path
+    id="icon-tools-measure-non-target-arrow"
+    d="M23,7 l-15,15 M7,17 l0,6 6,0"
+    stroke-width="2"
+  />
+</svg>
@@ -0,0 +1,23 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Measure Target CR</title>
+  <text
+    fill="#000000"
+    x="0"
+    y="8"
+    style="font-size: 10px"
+  >
+    CR
+  </text>
+  <path d="M23,7 l-15,15 M7,17 l0,6 6,0" stroke-width="2" />
+</svg>
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Measure Target NE</title>
+  <text fill="#000000" x="0" y="8" style="font-size:10px; font-family:sans-serif">NE</text>
+  <path d="M23,7 l-15,15 M7,17 l0,6 6,0" stroke-width="2" />
+</svg>
@@ -0,0 +1,23 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Measure Target UN</title>
+  <text
+    fill="#000000"
+    x="0"
+    y="8"
+    style="font-size: 10px"
+  >
+    UN
+  </text>
+  <path d="M23,7 l-15,15 M7,17 l0,6 6,0" stroke-width="2" />
+</svg>
@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 26 26"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+  stroke-width="0"
+>
+  <title id="title">Measure Target</title>
+  <path d="m9.5,26 2,-2 -1.5,-1.5 0.5,-0.5 1.5,1.5 1.5,-1.5 -2.5,-2.5 0.5,-0.5 2.5,2.5 1.5,-1.5 -1.5,-1.5 0.5,-0.5 1.5,1.5 1.5,-1.5 -2.5,-2.5 0.5,-0.5 2.5,2.5 1.5,-1.5 -1.5,-1.5 0.5,-0.5 1.5,1.5 1.5,-1.5 -2.5,-2.5 0.5,-0.5 2.5,2.5 1.5,-1.5 -1.5,-1.5 0.5,-0.5 1.5,1.5 2,-2 -4,-4 a2 2 0 0 0 -2.5 0 l-14 14 a2 2 0 0 0 0 2.5 l4,4 Z" />
+  <path d="m6,0 a6 6 0 0 1 0 12 a6 6 0 0 1 0 -12 m0.5,3 a0.5 0.5 0 0 0 -1 0 l0,2.5 -2.5,0 a0.5 0.5 0 0 0 0 1 l2.5,0 0,2.5 a0.5 0.5 0 0 0 1 0 l0,-2.5 2.5,0 a0.5 0.5 0 0 0 0 -1 l-2.5,0 z" />
+</svg>
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+>
+  <title id="title">Measure Temp</title>
+  <g fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="6.5" cy="6.5" r="6" />
+    <path d="M6.5,3 l0,7 M3,6.5 l7,0" />
+    <path d="m22.5,6 -16.5,16.5" stroke-width="3" stroke-dasharray="0.6666,5" />
+  </g>
+</svg>
@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 20 22"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+  stroke-width="1"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Object Group</title>
+  <path
+    d="m14.5,2.75 2,0 a2.5 2.5 0 0 1 2.5 2.5 l0,13.25 a2.5 2.5 0 0 1 -2.5 2.5 l-11.5,0 a2.5 2.5 0 0 1 -2.5 -2.5 l0,-1"
+    stroke-dasharray="1,3"
+  />
+  <path d="m0.5,2 0,14 a1.5 1.5 0 0 0 1.5 1.5 l12,0 a1.5 1.5 0 0 0 1.5 -1.5 l0,-14" />
+  <path d="m2,2 12,0" stroke-width="4" />
+  <path d="m4.4,7.5 7.2,0 m0,3 -7.2,0 m0,3 7.2,0" stroke-linecap="square" />
+</svg>
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 47 47"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  fill="none"
+  stroke-width="2.5"
+  strokeMiterlimit="10"
+>
+  <title id="title">OHIF Logo</title>
+  <rect x="1.25" y="1.25" width="18.8" height="18.8" rx="1" ry="1" />
+  <rect x="26" y="1.25" width="18.8" height="18.8" rx="1" ry="1" />
+  <rect x="1.25" y="26" width="18.8" height="18.8" rx="1" ry="1" />
+  <rect x="26" y="26" width="18.8" height="18.8" rx="1" ry="1" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Oval</title>
+  <path d="M12 5.5c-4.688 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5-3.813-8.5-8.5-8.5zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12v0c6.625 0 12 5.375 12 12z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Pallete</title>
+  <path d="M17.484 12c0.844 0 1.5-0.656 1.5-1.5s-0.656-1.5-1.5-1.5-1.5 0.656-1.5 1.5 0.656 1.5 1.5 1.5zM14.484 8.016c0.844 0 1.5-0.656 1.5-1.5s-0.656-1.5-1.5-1.5-1.5 0.656-1.5 1.5 0.656 1.5 1.5 1.5zM9.516 8.016c0.844 0 1.5-0.656 1.5-1.5s-0.656-1.5-1.5-1.5-1.5 0.656-1.5 1.5 0.656 1.5 1.5 1.5zM6.516 12c0.844 0 1.5-0.656 1.5-1.5s-0.656-1.5-1.5-1.5-1.5 0.656-1.5 1.5 0.656 1.5 1.5 1.5zM12 3c4.969 0 9 3.609 9 8.016 0 2.766-2.25 4.969-5.016 4.969h-1.734c-0.844 0-1.5 0.656-1.5 1.5 0 0.375 0.141 0.703 0.375 0.984s0.375 0.656 0.375 1.031c0 0.844-0.656 1.5-1.5 1.5-4.969 0-9-4.031-9-9s4.031-9 9-9z" />
+</svg>
@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <path d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 12 13"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Add</title>
+  <path d="M6.5 7L6.5 12C6.5 12.28 6.28 12.5 6 12.5 5.72 12.5 5.5 12.28 5.5 12L5.5 7 0.5 7C0.22 7 0 6.78 0 6.5 0 6.22 0.22 6 0.5 6L5.5 6 5.5 1C5.5 0.72 5.72 0.5 6 0.5 6.28 0.5 6.5 0.72 6.5 1L6.5 6 11.5 6C11.78 6 12 6.22 12 6.5 12 6.78 11.78 7 11.5 7L6.5 7Z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Power Off</title>
+  <path d="M24 14c0 6.609-5.391 12-12 12s-12-5.391-12-12c0-3.797 1.75-7.297 4.797-9.578 0.891-0.672 2.141-0.5 2.797 0.391 0.672 0.875 0.484 2.141-0.391 2.797-2.031 1.531-3.203 3.859-3.203 6.391 0 4.406 3.594 8 8 8s8-3.594 8-8c0-2.531-1.172-4.859-3.203-6.391-0.875-0.656-1.062-1.922-0.391-2.797 0.656-0.891 1.922-1.062 2.797-0.391 3.047 2.281 4.797 5.781 4.797 9.578zM14 2v10c0 1.094-0.906 2-2 2s-2-0.906-2-2v-10c0-1.094 0.906-2 2-2s2 0.906 2 2z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Reset</title>
+  <path d="M24 14c0 6.609-5.391 12-12 12-3.578 0-6.953-1.578-9.234-4.328-0.156-0.203-0.141-0.5 0.031-0.672l2.141-2.156c0.109-0.094 0.25-0.141 0.391-0.141 0.141 0.016 0.281 0.078 0.359 0.187 1.531 1.984 3.828 3.109 6.312 3.109 4.406 0 8-3.594 8-8s-3.594-8-8-8c-2.047 0-3.984 0.781-5.437 2.141l2.141 2.156c0.297 0.281 0.375 0.719 0.219 1.078-0.156 0.375-0.516 0.625-0.922 0.625h-7c-0.547 0-1-0.453-1-1v-7c0-0.406 0.25-0.766 0.625-0.922 0.359-0.156 0.797-0.078 1.078 0.219l2.031 2.016c2.203-2.078 5.187-3.313 8.266-3.313 6.609 0 12 5.391 12 12z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Rotate Right</title>
+  <path d="M16.875 15.469c0.563-0.75 0.891-1.594 1.031-2.484h2.016c-0.188 1.406-0.703 2.719-1.594 3.891zM12.984 17.906c0.891-0.141 1.734-0.469 2.484-1.031l1.453 1.453c-1.172 0.891-2.531 1.406-3.938 1.594v-2.016zM19.922 11.016h-2.016c-0.141-0.891-0.469-1.734-1.031-2.484l1.453-1.406c0.891 1.172 1.406 2.484 1.594 3.891zM15.563 5.531l-4.547 4.453v-3.891c-2.859 0.469-5.016 2.953-5.016 5.906s2.156 5.438 5.016 5.906v2.016c-3.938-0.469-7.031-3.844-7.031-7.922s3.094-7.453 7.031-7.922v-3.094z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Rotate</title>
+  <path d="M24 4v7c0 0.547-0.453 1-1 1h-7c-0.406 0-0.766-0.25-0.922-0.625-0.156-0.359-0.078-0.797 0.219-1.078l2.156-2.156c-1.469-1.359-3.406-2.141-5.453-2.141-4.406 0-8 3.594-8 8s3.594 8 8 8c2.484 0 4.781-1.125 6.312-3.109 0.078-0.109 0.219-0.172 0.359-0.187 0.141 0 0.281 0.047 0.391 0.141l2.141 2.156c0.187 0.172 0.187 0.469 0.031 0.672-2.281 2.75-5.656 4.328-9.234 4.328-6.609 0-12-5.391-12-12s5.391-12 12-12c3.078 0 6.062 1.234 8.266 3.313l2.031-2.016c0.281-0.297 0.719-0.375 1.094-0.219 0.359 0.156 0.609 0.516 0.609 0.922z" />
+</svg>
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 17 17"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+>
+  <title id="title">Search Plus</title>
+  <g fill="none" stroke-width="2" stroke-linecap="round">
+    <path d="m11.5,11.5 4.5,4.5"></path>
+    <circle cx="7" cy="7" r="6"></circle>
+  </g>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Search</title>
+  <path d="M9.516 14.016c2.484 0 4.5-2.016 4.5-4.5s-2.016-4.5-4.5-4.5-4.5 2.016-4.5 4.5 2.016 4.5 4.5 4.5zM15.516 14.016l4.969 4.969-1.5 1.5-4.969-4.969v-0.797l-0.281-0.281c-1.125 0.984-2.625 1.547-4.219 1.547-3.609 0-6.516-2.859-6.516-6.469s2.906-6.516 6.516-6.516 6.469 2.906 6.469 6.516c0 1.594-0.563 3.094-1.547 4.219l0.281 0.281h0.797z" />
+</svg>
@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 25 26"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  stroke-width="1.5"
+  fill="none"
+  fill-rule="evenodd"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <title id="title">Soft Tissue</title>
+  <path d="M14.967698,4.34501388 C15.2550298,4.40495392 15.4415328,4.45457827 15.49227,4.47472995 L18.99227,5.87472995 C19.9229327,6.24535421 20.6071984,7.05604396 20.81627,8.03572995 L22.9240586,12.8507299 C22.9557821,12.9984259 22.9190298,13.1525467 22.8240697,13.2700332 C22.7291096,13.3875196 22.5861231,13.4557751 22.4350586,13.4557299 L19.8300586,13.4557299 C19.59777,13.4558087 19.3960204,13.2959003 19.3430586,13.0697299 C18.4206468,11.3443101 17.9482939,10.4360314 17.926,10.3448938 C17.8925591,10.2081875 16.5995878,10.2646269 16.459794,10.2808938 C16.3200002,10.2971607 16.2142084,10.4149977 16.2130513,10.5557299 L17.00127,20.3677299 C17.00127,20.3924522 16.9994757,20.4167554 16.9960103,20.4405163 L17.339103,24.2068239 C17.3452344,24.3460372 17.2941797,24.4817044 17.197789,24.5823363 C17.1013983,24.6829682 16.9680538,24.7398138 16.8287056,24.7396788 L13.9563203,24.7396788 C13.6914418,24.7407536 13.46976,24.5390231 13.4459229,24.2752171 L12.8473618,20.8677299 L10.1448444,20.8677299 L9.49110077,24.2803211 C9.46701518,24.5439249 9.24540292,24.7453704 8.98070334,24.7442724 L6.11087007,24.7442724 C5.97161444,24.7444012 5.83835272,24.6876252 5.74197794,24.5871063 C5.64560316,24.4865874 5.59448459,24.3510547 5.60047264,24.2119279 L6.14951108,15.8281788 L6.32074271,10.6197299 C6.31958556,10.4789977 6.21379378,10.3611607 6.074,10.3448938 C5.93420622,10.3286269 4.85576757,10.2964486 4.82232666,10.433155 L3.7992041,13.0707299 C3.74559243,13.2975992 3.54231637,13.4573161 3.3092041,13.4557299 L0.709204102,13.4557299 C0.557909896,13.4562444 0.414519128,13.3882257 0.319204102,13.2707299 C0.224030189,13.1530765 0.187261793,12.9986492 0.219204102,12.8507299 L2.18526996,8.03772995 C2.39454762,7.05764471 3.08031159,6.24726462 4.01226996,5.87872995 L7.51226996,4.47872995 C7.56317342,4.45842417 7.74746599,4.41024276 8.03238467,4.35190973 L8.61849365,0.987915039 C9.55902913,1.39587402 10.4626872,1.59985352 11.3294678,1.59985352 C12.1962484,1.59985352 13.0229899,1.39587402 13.8096924,0.987915039 L14.967698,4.34501388 Z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 320 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Sort Down</title>
+  <path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 320 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Sort Up</title>
+  <path d="M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 320 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Sort</title>
+  <path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Square Outline</title>
+  <path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 576 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Star</title>
+  <path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"/>
+</svg>
@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <path d="M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z" />
+</svg>
@@ -0,0 +1,10 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <path d="M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Stop</title>
+  <path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Sun</title>
+  <path d="M494.2 221.9l-59.8-40.5 13.7-71c2.6-13.2-1.6-26.8-11.1-36.4-9.6-9.5-23.2-13.7-36.2-11.1l-70.9 13.7-40.4-59.9c-15.1-22.3-51.9-22.3-67 0l-40.4 59.9-70.8-13.7C98 60.4 84.5 64.5 75 74.1c-9.5 9.6-13.7 23.1-11.1 36.3l13.7 71-59.8 40.5C6.6 229.5 0 242 0 255.5s6.7 26 17.8 33.5l59.8 40.5-13.7 71c-2.6 13.2 1.6 26.8 11.1 36.3 9.5 9.5 22.9 13.7 36.3 11.1l70.8-13.7 40.4 59.9C230 505.3 242.6 512 256 512s26-6.7 33.5-17.8l40.4-59.9 70.9 13.7c13.4 2.7 26.8-1.6 36.3-11.1 9.5-9.5 13.6-23.1 11.1-36.3l-13.7-71 59.8-40.5c11.1-7.5 17.8-20.1 17.8-33.5-.1-13.6-6.7-26.1-17.9-33.7zm-112.9 85.6l17.6 91.2-91-17.6L256 458l-51.9-77-90.9 17.6 17.6-91.2-76.8-52 76.8-52-17.6-91.2 91 17.6L256 53l51.9 76.9 91-17.6-17.6 91.1 76.8 52-76.8 52.1zM256 152c-57.3 0-104 46.7-104 104s46.7 104 104 104 104-46.7 104-104-46.7-104-104-104zm0 160c-30.9 0-56-25.1-56-56s25.1-56 56-56 56 25.1 56 56-25.1 56-56 56z" />
+</svg>
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 15 13"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="none"
+  fill="currentColor"
+>
+  <title id="title">TH Large</title>
+  <path d="M0,0 7,0 7,6 0,6Z M8,0 15,0 15,6 8,6Z M0,7 7,7 7,13 0,13Z M8,7 15,7 15,13 8,13Z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">TH List</title>
+  <path d="M9 5.016h12v3.984h-12v-3.984zM9 18.984v-3.984h12v3.984h-12zM9 14.016v-4.031h12v4.031h-12zM3.984 9v-3.984h4.031v3.984h-4.031zM3.984 18.984v-3.984h4.031v3.984h-4.031zM3.984 14.016v-4.031h4.031v4.031h-4.031z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">TH</title>
+  <path d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"/>
+</svg>
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 14 14"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  stroke="currentColor"
+  stroke-width="1.75"
+>
+  <title id="title">Times</title>
+  <path d="M1,1 13,13 M1,13 13,1" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">Trash</title>
+  <path d="M32 464a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128H32zm272-256a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zm-96 0a16 16 0 0 1 32 0v224a16 16 0 0 1-32 0zM432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z" />
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">User</title>
+  <path d="M313.6 304c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 304 0 364.2 0 438.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-25.6c0-74.2-60.2-134.4-134.4-134.4zM400 464H48v-25.6c0-47.6 38.8-86.4 86.4-86.4 14.6 0 38.3 16 89.6 16 51.7 0 74.9-16 89.6-16 47.6 0 86.4 38.8 86.4 86.4V464zM224 288c79.5 0 144-64.5 144-144S303.5 0 224 0 80 64.5 80 144s64.5 144 144 144zm0-240c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z"/>
+</svg>
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 28 28"
+  aria-labelledby="title"
+  width="1em"
+  height="1em"
+  fill="currentColor"
+>
+  <title id="title">YouTube Logo</title>
+  <path d="M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z" />
+</svg>
@@ -0,0 +1,4 @@
+import { ICONS } from './getIcon.js';
+import Icon from './Icon.js';
+
+export { Icon, ICONS };
@@ -0,0 +1,14 @@
+import './Svg.styl';
+
+import PropTypes from 'prop-types';
+import getSvg from './getSvg.js';
+
+const Svg = props => {
+  return getSvg(props.name, props);
+};
+
+Svg.propTypes = {
+  name: PropTypes.string.isRequired,
+};
+
+export { Svg };
@@ -0,0 +1,57 @@
+---
+name: Svg
+menu: Elements
+route: /elements/svg
+---
+
+import { Playground, Props } from 'docz';
+import { State } from 'react-powerplug';
+import { Svg, SVGS } from './../index.js';
+
+# Svg
+
+## Basic usage
+
+<Playground>
+  <div
+    style={{
+      display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'center',
+      justifyContent: 'center',
+      color: 'white',
+    }}
+  >
+    {Object.keys(SVGS)
+      .sort()
+      .map((name, i) => {
+        return (
+          <React.Fragment key={i}>
+            <div
+              style={{
+                display: 'flex',
+                flexDirection: 'column',
+                flexBasis: '25%',
+                minWidth: '100px',
+                margin: '16px',
+                backgroundColor: 'rgb(11, 95, 255)',
+                borderRadius: '8px',
+                padding: '16px',
+                alignItems: 'center',
+                fontSize: '33px',
+              }}
+            >
+              <Svg name={name} />
+              <div style={{ fontSize: '12px', wordWrap: 'break-word' }}>
+                {name}
+              </div>
+            </div>
+          </React.Fragment>
+        );
+      })}
+  </div>
+</Playground>
+
+## API
+
+<Props of={Svg} />
@@ -0,0 +1,24 @@
+import React from 'react';
+// Svgs
+import ohifLogoText from './svgs/ohif-logo-text.svg';
+import ohifLogoWrappedText from './svgs/ohif-logo-wrapped-text.svg';
+
+const SVGS = {
+  'ohif-logo-wrapped-text': ohifLogoWrappedText,
+  'ohif-logo-text': ohifLogoText,
+};
+
+/**
+ * Return the matching SVG as a React Component.
+ * Results in an inlined SVG Element. If there's no match,
+ * return `null`
+ */
+export default function getSvg(key, props) {
+  if (!key || !SVGS[key]) {
+    return React.createElement('div', null, 'Missing SVG');
+  }
+
+  return React.createElement(SVGS[key], props);
+}
+
+export { SVGS };
@@ -0,0 +1,2 @@
+export { Svg } from './Svg.js';
+export { SVGS } from './getSvg.js';
@@ -0,0 +1,3 @@
+<svg width="3.73em" height=".25em" viewBox="0 0 224 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.416 5.932C10.416 7.46267 9.954 8.70867 9.03 9.67C8.11533 10.622 6.958 11.098 5.558 11.098C4.16733 11.098 3.00533 10.6173 2.072 9.656C1.13867 8.68533 0.672 7.43933 0.672 5.918C0.672 4.38733 1.15267 3.16467 2.114 2.25C3.07533 1.326 4.22333 0.863999 5.558 0.863999C6.89267 0.863999 8.036 1.326 8.988 2.25C9.94 3.16467 10.416 4.392 10.416 5.932ZM3.052 8.9C3.77067 9.60933 4.606 9.964 5.558 9.964C6.51 9.964 7.34067 9.60933 8.05 8.9C8.75933 8.18133 9.114 7.20133 9.114 5.96C9.114 4.70933 8.75 3.734 8.022 3.034C7.30333 2.32467 6.482 1.97 5.558 1.97C4.634 1.97 3.808 2.32467 3.08 3.034C2.352 3.734 1.988 4.70933 1.988 5.96C1.988 7.20133 2.34267 8.18133 3.052 8.9ZM14.6296 14.15H11.8156C11.6942 14.15 11.6336 14.094 11.6336 13.982V13.38C11.6336 13.268 11.6942 13.212 11.8156 13.212H12.5996V5.05H11.8436C11.7222 5.05 11.6616 4.994 11.6616 4.882V4.28C11.6616 4.168 11.7222 4.112 11.8436 4.112H13.4816C13.6029 4.112 13.6636 4.168 13.6636 4.28L13.6496 5.386H13.6636C13.8409 5.00333 14.1256 4.68133 14.5176 4.42C14.9189 4.14933 15.4089 4.014 15.9876 4.014C16.9302 4.014 17.6909 4.336 18.2696 4.98C18.8482 5.61467 19.1376 6.464 19.1376 7.528C19.1376 8.58267 18.8529 9.44133 18.2836 10.104C17.7142 10.7667 16.9536 11.098 16.0016 11.098C15.4229 11.098 14.9376 10.9673 14.5456 10.706C14.1629 10.4353 13.8876 10.1087 13.7196 9.726H13.6776C13.7056 10.0247 13.7196 10.2393 13.7196 10.37V13.212H14.6296C14.7509 13.212 14.8116 13.268 14.8116 13.38V13.982C14.8116 14.094 14.7509 14.15 14.6296 14.15ZM13.6916 7.584C13.6916 8.396 13.9016 9.02133 14.3216 9.46C14.7509 9.89867 15.2642 10.118 15.8616 10.118C16.4682 10.118 16.9722 9.88467 17.3736 9.418C17.7842 8.942 17.9896 8.32133 17.9896 7.556C17.9896 6.78133 17.7842 6.16067 17.3736 5.694C16.9722 5.22733 16.4682 4.994 15.8616 4.994C15.2549 4.994 14.7416 5.22267 14.3216 5.68C13.9016 6.13733 13.6916 6.772 13.6916 7.584ZM26.3811 7.696H21.3411C21.3785 8.47067 21.6211 9.068 22.0691 9.488C22.5265 9.908 23.0398 10.118 23.6091 10.118C24.1785 10.118 24.6638 9.99667 25.0651 9.754C25.4758 9.51133 25.7511 9.27333 25.8911 9.04C25.9658 8.94667 26.0498 8.93267 26.1431 8.998L26.5211 9.376C26.5771 9.432 26.6051 9.48333 26.6051 9.53C26.6051 9.56733 26.5818 9.61867 26.5351 9.684C26.4978 9.74933 26.4138 9.852 26.2831 9.992C26.1525 10.132 25.9658 10.2907 25.7231 10.468C25.4898 10.6453 25.1818 10.7947 24.7991 10.916C24.4258 11.0373 24.0245 11.098 23.5951 11.098C22.6151 11.098 21.7938 10.776 21.1311 10.132C20.4778 9.488 20.1511 8.62467 20.1511 7.542C20.1511 6.45 20.4778 5.59133 21.1311 4.966C21.7845 4.33133 22.5825 4.014 23.5251 4.014C24.4771 4.014 25.2238 4.322 25.7651 4.938C26.3065 5.54467 26.5771 6.366 26.5771 7.402C26.5771 7.43933 26.5771 7.47667 26.5771 7.514C26.5771 7.63533 26.5118 7.696 26.3811 7.696ZM25.4151 6.842C25.3871 6.26333 25.2051 5.80133 24.8691 5.456C24.5331 5.11067 24.0851 4.938 23.5251 4.938C22.9651 4.938 22.4845 5.09667 22.0831 5.414C21.6818 5.73133 21.4438 6.20733 21.3691 6.842H25.4151ZM35.1323 11H33.8023C33.401 11 33.2003 10.804 33.2003 10.412V6.73C33.2003 6.18867 33.0697 5.76867 32.8083 5.47C32.547 5.17133 32.1643 5.022 31.6603 5.022C30.9417 5.022 30.3817 5.316 29.9803 5.904C29.9337 5.96 29.873 6.06267 29.7983 6.212V10.062H30.5403C30.6617 10.062 30.7223 10.118 30.7223 10.23V10.832C30.7223 10.944 30.6617 11 30.5403 11H27.8663C27.745 11 27.6843 10.944 27.6843 10.832V10.23C27.6843 10.118 27.745 10.062 27.8663 10.062H28.6363V5.05H27.8663C27.745 5.05 27.6843 4.994 27.6843 4.882V4.28C27.6843 4.168 27.745 4.112 27.8663 4.112H29.5043C29.6257 4.112 29.6863 4.168 29.6863 4.28L29.6583 5.232H29.7003C30.1857 4.42 30.937 4.014 31.9543 4.014C32.701 4.014 33.2843 4.23333 33.7043 4.672C34.1243 5.11067 34.339 5.70333 34.3483 6.45V10.062H35.1323C35.2537 10.062 35.3143 10.118 35.3143 10.23V10.832C35.3143 10.944 35.2537 11 35.1323 11ZM50.8763 11H47.5023C47.3903 11 47.3343 10.944 47.3343 10.832V10.118C47.3343 10.006 47.3903 9.95 47.5023 9.95H48.5803V6.52H43.3723V9.95H44.4503C44.5717 9.95 44.6323 10.006 44.6323 10.118V10.832C44.6323 10.944 44.5717 11 44.4503 11H41.0903C40.969 11 40.9083 10.944 40.9083 10.832V10.118C40.9083 10.006 40.969 9.95 41.0903 9.95H42.1543V1.998H41.0903C40.969 1.998 40.9083 1.942 40.9083 1.83V1.116C40.9083 1.004 40.969 0.947999 41.0903 0.947999H44.4503C44.5717 0.947999 44.6323 1.004 44.6323 1.116V1.83C44.6323 1.942 44.5717 1.998 44.4503 1.998H43.3723V5.498H48.5803V1.998H47.5023C47.3903 1.998 47.3343 1.942 47.3343 1.83V1.116C47.3343 1.004 47.3903 0.947999 47.5023 0.947999H50.8763C50.9883 0.947999 51.0443 1.004 51.0443 1.116V1.83C51.0443 1.942 50.9883 1.998 50.8763 1.998H49.7983V9.95H50.8763C50.9883 9.95 51.0443 10.006 51.0443 10.118V10.832C51.0443 10.944 50.9883 11 50.8763 11ZM58.0452 7.696H53.0052C53.0425 8.47067 53.2852 9.068 53.7332 9.488C54.1905 9.908 54.7039 10.118 55.2732 10.118C55.8425 10.118 56.3279 9.99667 56.7292 9.754C57.1399 9.51133 57.4152 9.27333 57.5552 9.04C57.6299 8.94667 57.7139 8.93267 57.8072 8.998L58.1852 9.376C58.2412 9.432 58.2692 9.48333 58.2692 9.53C58.2692 9.56733 58.245Line truncated
+</svg>
@@ -0,0 +1,14 @@
+<svg width="4.94em" height="1em" viewBox="0 0 178 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M53.416 8.932C53.416 10.4627 52.954 11.7087 52.03 12.67C51.1153 13.622 49.958 14.098 48.558 14.098C47.1673 14.098 46.0053 13.6173 45.072 12.656C44.1387 11.6853 43.672 10.4393 43.672 8.918C43.672 7.38733 44.1527 6.16467 45.114 5.25C46.0753 4.326 47.2233 3.864 48.558 3.864C49.8927 3.864 51.036 4.326 51.988 5.25C52.94 6.16467 53.416 7.392 53.416 8.932ZM46.052 11.9C46.7707 12.6093 47.606 12.964 48.558 12.964C49.51 12.964 50.3407 12.6093 51.05 11.9C51.7593 11.1813 52.114 10.2013 52.114 8.96C52.114 7.70933 51.75 6.734 51.022 6.034C50.3033 5.32467 49.482 4.97 48.558 4.97C47.634 4.97 46.808 5.32467 46.08 6.034C45.352 6.734 44.988 7.70933 44.988 8.96C44.988 10.2013 45.3427 11.1813 46.052 11.9ZM57.6296 17.15H54.8156C54.6942 17.15 54.6336 17.094 54.6336 16.982V16.38C54.6336 16.268 54.6942 16.212 54.8156 16.212H55.5996V8.05H54.8436C54.7222 8.05 54.6616 7.994 54.6616 7.882V7.28C54.6616 7.168 54.7222 7.112 54.8436 7.112H56.4816C56.6029 7.112 56.6636 7.168 56.6636 7.28L56.6496 8.386H56.6636C56.8409 8.00333 57.1256 7.68133 57.5176 7.42C57.9189 7.14933 58.4089 7.014 58.9876 7.014C59.9302 7.014 60.6909 7.336 61.2696 7.98C61.8482 8.61467 62.1376 9.464 62.1376 10.528C62.1376 11.5827 61.8529 12.4413 61.2836 13.104C60.7142 13.7667 59.9536 14.098 59.0016 14.098C58.4229 14.098 57.9376 13.9673 57.5456 13.706C57.1629 13.4353 56.8876 13.1087 56.7196 12.726H56.6776C56.7056 13.0247 56.7196 13.2393 56.7196 13.37V16.212H57.6296C57.7509 16.212 57.8116 16.268 57.8116 16.38V16.982C57.8116 17.094 57.7509 17.15 57.6296 17.15ZM56.6916 10.584C56.6916 11.396 56.9016 12.0213 57.3216 12.46C57.7509 12.8987 58.2642 13.118 58.8616 13.118C59.4682 13.118 59.9722 12.8847 60.3736 12.418C60.7842 11.942 60.9896 11.3213 60.9896 10.556C60.9896 9.78133 60.7842 9.16067 60.3736 8.694C59.9722 8.22733 59.4682 7.994 58.8616 7.994C58.2549 7.994 57.7416 8.22267 57.3216 8.68C56.9016 9.13733 56.6916 9.772 56.6916 10.584ZM69.3811 10.696H64.3411C64.3785 11.4707 64.6211 12.068 65.0691 12.488C65.5265 12.908 66.0398 13.118 66.6091 13.118C67.1785 13.118 67.6638 12.9967 68.0651 12.754C68.4758 12.5113 68.7511 12.2733 68.8911 12.04C68.9658 11.9467 69.0498 11.9327 69.1431 11.998L69.5211 12.376C69.5771 12.432 69.6051 12.4833 69.6051 12.53C69.6051 12.5673 69.5818 12.6187 69.5351 12.684C69.4978 12.7493 69.4138 12.852 69.2831 12.992C69.1525 13.132 68.9658 13.2907 68.7231 13.468C68.4898 13.6453 68.1818 13.7947 67.7991 13.916C67.4258 14.0373 67.0245 14.098 66.5951 14.098C65.6151 14.098 64.7938 13.776 64.1311 13.132C63.4778 12.488 63.1511 11.6247 63.1511 10.542C63.1511 9.45 63.4778 8.59133 64.1311 7.966C64.7845 7.33133 65.5825 7.014 66.5251 7.014C67.4771 7.014 68.2238 7.322 68.7651 7.938C69.3065 8.54467 69.5771 9.366 69.5771 10.402C69.5771 10.4393 69.5771 10.4767 69.5771 10.514C69.5771 10.6353 69.5118 10.696 69.3811 10.696ZM68.4151 9.842C68.3871 9.26333 68.2051 8.80133 67.8691 8.456C67.5331 8.11067 67.0851 7.938 66.5251 7.938C65.9651 7.938 65.4845 8.09667 65.0831 8.414C64.6818 8.73133 64.4438 9.20733 64.3691 9.842H68.4151ZM78.1323 14H76.8023C76.401 14 76.2003 13.804 76.2003 13.412V9.73C76.2003 9.18867 76.0697 8.76867 75.8083 8.47C75.547 8.17133 75.1643 8.022 74.6603 8.022C73.9417 8.022 73.3817 8.316 72.9803 8.904C72.9337 8.96 72.873 9.06267 72.7983 9.212V13.062H73.5403C73.6617 13.062 73.7223 13.118 73.7223 13.23V13.832C73.7223 13.944 73.6617 14 73.5403 14H70.8663C70.745 14 70.6843 13.944 70.6843 13.832V13.23C70.6843 13.118 70.745 13.062 70.8663 13.062H71.6363V8.05H70.8663C70.745 8.05 70.6843 7.994 70.6843 7.882V7.28C70.6843 7.168 70.745 7.112 70.8663 7.112H72.5043C72.6257 7.112 72.6863 7.168 72.6863 7.28L72.6583 8.232H72.7003C73.1857 7.42 73.937 7.014 74.9543 7.014C75.701 7.014 76.2843 7.23333 76.7043 7.672C77.1243 8.11067 77.339 8.70333 77.3483 9.45V13.062H78.1323C78.2537 13.062 78.3143 13.118 78.3143 13.23V13.832C78.3143 13.944 78.2537 14 78.1323 14ZM93.8763 14H90.5023C90.3903 14 90.3343 13.944 90.3343 13.832V13.118C90.3343 13.006 90.3903 12.95 90.5023 12.95H91.5803V9.52H86.3723V12.95H87.4503C87.5717 12.95 87.6323 13.006 87.6323 13.118V13.832C87.6323 13.944 87.5717 14 87.4503 14H84.0903C83.969 14 83.9083 13.944 83.9083 13.832V13.118C83.9083 13.006 83.969 12.95 84.0903 12.95H85.1543V4.998H84.0903C83.969 4.998 83.9083 4.942 83.9083 4.83V4.116C83.9083 4.004 83.969 3.948 84.0903 3.948H87.4503C87.5717 3.948 87.6323 4.004 87.6323 4.116V4.83C87.6323 4.942 87.5717 4.998 87.4503 4.998H86.3723V8.498H91.5803V4.998H90.5023C90.3903 4.998 90.3343 4.942 90.3343 4.83V4.116C90.3343 4.004 90.3903 3.948 90.5023 3.948H93.8763C93.9883 3.948 94.0443 4.004 94.0443 4.116V4.83C94.0443 4.942 93.9883 4.998 93.8763 4.998H92.7983V12.95H93.8763C93.9883 12.95 94.0443 13.006 94.0443 13.118V13.832C94.0443 13.944 93.9883 14 93.8763 14ZM101.045 10.696H96.0052C96.0425 11.4707 96.2852 12.068 96.7332 12.488C97.1905 12.908 97.7039 13.118 98.2732 13.118C98.8425 13.118 99.3279 12.9967 99.7292 12.754C100.14 12.5113 100.415 12.2733 100.555 12.04C100.63 11.9467 100.714 11.9327 100.807 11.998L101.185 12.376C101.241 1Line truncated
+<g clip-path="url(#clip0)">
+<path d="M13.7814 0.904266H1.62817C1.22865 0.904266 0.90477 1.22815 0.90477 1.62767V13.7809C0.90477 14.1804 1.22865 14.5043 1.62817 14.5043H13.7814C14.1809 14.5043 14.5048 14.1804 14.5048 13.7809V1.62767C14.5048 1.22815 14.1809 0.904266 13.7814 0.904266Z" stroke="white" stroke-width="2"/>
+<path d="M31.6841 0.904266H19.5309C19.1314 0.904266 18.8075 1.22815 18.8075 1.62767V13.7809C18.8075 14.1804 19.1314 14.5043 19.5309 14.5043H31.6841C32.0836 14.5043 32.4075 14.1804 32.4075 13.7809V1.62767C32.4075 1.22815 32.0836 0.904266 31.6841 0.904266Z" stroke="white" stroke-width="2"/>
+<path d="M13.7814 18.8085H1.62817C1.22865 18.8085 0.90477 19.1324 0.90477 19.5319V31.6851C0.90477 32.0847 1.22865 32.4085 1.62817 32.4085H13.7814C14.1809 32.4085 14.5048 32.0847 14.5048 31.6851V19.5319C14.5048 19.1324 14.1809 18.8085 13.7814 18.8085Z" stroke="white" stroke-width="2"/>
+<path d="M31.6841 18.8085H19.5309C19.1314 18.8085 18.8075 19.1324 18.8075 19.5319V31.6851C18.8075 32.0847 19.1314 32.4085 19.5309 32.4085H31.6841C32.0836 32.4085 32.4075 32.0847 32.4075 31.6851V19.5319C32.4075 19.1324 32.0836 18.8085 31.6841 18.8085Z" stroke="white" stroke-width="2"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="34" height="34" fill="white"/>
+</clipPath>
+</defs>
+</svg>
@@ -0,0 +1,86 @@
+.dd-menu {
+  float: left;
+  margin-right: 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.dd-title {
+  font-size: 13px;
+}
+
+.dd-menu-toggle {
+  display: inline-block;
+}
+
+.dd-caret-down {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-top: 0.5rem;
+  margin-left: 0.5rem;
+  border-top: 5px solid;
+  border-right: 5px solid transparent;
+  border-left: 5px solid transparent;
+}
+
+.dd-menu-list {
+  position: absolute;
+  top: 100%;
+  margin-top: 10px;
+  background: white;
+  z-index: 999;
+  border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  overflow: hidden;
+  transition: all 300ms ease;
+  -webkit-transition: all 300ms ease;
+  -moz-transition: all 300ms ease;
+  -ms-transition: all 300ms ease;
+  -o-transition: all 300ms ease;
+}
+
+.dd-menu-list.open {
+  display: inline-block;
+}
+
+.dd-menu-list.left {
+  left: 0;
+}
+
+.dd-menu-list.right {
+  right: 0;
+}
+
+.dd-menu-list.center {
+  left: 50%;
+  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  -moz-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  -o-transform: translateX(-50%);
+}
+
+.dd-item {
+  display: flex;
+  color: var(--text-color-active);
+  padding: 10px 15px;
+  border-bottom: 1px solid #ccc;
+}
+
+.dd-item:hover {
+  text-decoration: none;
+  background: #eee;
+}
+
+.dd-item:last-child {
+  border-bottom: none;
+}
+
+.dd-item-icon {
+  margin-right: 10px;
+  margin-top: 2px;
+}
@@ -0,0 +1,133 @@
+import './DropdownMenu.css';
+
+import React, { Component } from 'react';
+
+import { Icon } from '../Icon';
+import PropTypes from 'prop-types';
+
+class DropdownMenu extends Component {
+  state = {
+    open: false,
+  };
+
+  static propTypes = {
+    titleElement: PropTypes.node,
+    title: PropTypes.string,
+    align: PropTypes.oneOf(['left', 'center', 'right']),
+    /** Items to render in the select's drop down */
+    list: PropTypes.arrayOf(
+      PropTypes.shape({
+        title: PropTypes.string.isRequired,
+        icon: PropTypes.object,
+        onClick: PropTypes.func,
+        link: PropTypes.string,
+      })
+    ),
+  };
+
+  getListItems = () => {
+    const { list, align } = this.props;
+
+    return list.map(({ icon, title, link, onClick }, key) => {
+      if (link) {
+        return (
+          <a
+            href={link || '#'}
+            key={key}
+            className="dd-item"
+            onClick={() => this.handleOnClick(onClick)}
+          >
+            {icon && <Icon {...icon} className="dd-item-icon" />}
+            <span>{title}</span>
+          </a>
+        );
+      } else {
+        return (
+          <button
+            key={key}
+            className="dd-item"
+            onClick={() => this.handleOnClick(onClick)}
+          >
+            {icon && <Icon {...icon} className="dd-item-icon" />}
+            <span>{title}</span>
+          </button>
+        );
+      }
+    });
+  };
+
+  renderList = () => {
+    const { align } = this.props;
+
+    if (!this.state.open) {
+      return null;
+    }
+
+    return (
+      <div className={`dd-menu-list ${align || 'left'}`}>
+        {this.getListItems()}
+      </div>
+    );
+  };
+
+  handleOnClick = onClick => {
+    this.toggleList();
+
+    if (onClick) {
+      onClick();
+    }
+  };
+
+  handleMouseClick = e => {
+    if (this.node.contains(e.target)) {
+      return;
+    }
+
+    this.toggleList();
+  };
+
+  renderTitleElement = () => {
+    const { titleElement, title } = this.props;
+
+    if (titleElement) {
+      return titleElement;
+    }
+
+    return (
+      <React.Fragment>
+        <span className="dd-title">{title}</span>
+        <span className="dd-caret-down" />
+      </React.Fragment>
+    );
+  };
+
+  toggleList = () => {
+    const { open } = this.state;
+    let state = true;
+
+    document.addEventListener('mousedown', this.handleMouseClick, false);
+
+    if (open) {
+      document.removeEventListener('mousedown', this.handleMouseClick, false);
+      state = false;
+    }
+
+    this.setState({
+      open: state,
+    });
+  };
+
+  render() {
+    return (
+      <div className="dd-menu" ref={node => (this.node = node)}>
+        <div className="dd-menu-toggle" onClick={this.toggleList}>
+          {this.renderTitleElement()}
+        </div>
+
+        {this.renderList()}
+      </div>
+    );
+  }
+}
+
+export { DropdownMenu };
@@ -0,0 +1,8 @@
+.label-ohif {
+  font-size: 1em;
+  color: #ffffff;
+}
+
+.label-example {
+  background-color: var(--ui-gray-darker);
+}
@@ -0,0 +1,27 @@
+import './Label.css';
+
+import React from 'react';
+
+import PropTypes from 'prop-types';
+
+class Label extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { value: this.props.text };
+  }
+
+  render() {
+    return (
+      <label className="label-ohif" htmlFor={this.props.for}>
+        {this.props.text}
+      </label>
+    );
+  }
+}
+
+Label.propTypes = {
+  text: PropTypes.string.isRequired,
+  for: PropTypes.string,
+};
+
+export { Label };
@@ -0,0 +1,64 @@
+.range {
+  margin: 0;
+  width: 100%;
+  -webkit-appearance: none;
+}
+
+.range:focus {
+  outline: none;
+}
+
+.range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 2px;
+  cursor: pointer;
+  box-shadow: none;
+  background-color: var(--ui-border-color-dark);
+  border-radius: 0px;
+  border: 0px solid var(--ui-border-color-dark);
+}
+
+.range::-moz-range-track {
+  width: 100%;
+  height: 2px;
+  cursor: pointer;
+  box-shadow: none;
+  background-color: var(--ui-border-color-dark);
+  border-radius: 0px;
+  border: 0px solid var(--ui-border-color-dark);
+}
+
+.range::-webkit-slider-thumb {
+  box-shadow: none;
+  border: 0px solid var(--active-color);
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
+  height: 21px;
+  width: 11px;
+  border-radius: 11px;
+  background: var(--active-color);
+  cursor: pointer;
+  -webkit-appearance: none;
+  margin-top: -10px;
+}
+
+.range::-moz-range-thumb {
+  box-shadow: none;
+  border: 0px solid var(--active-color);
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
+  height: 21px;
+  width: 11px;
+  border-radius: 11px;
+  background: var(--active-color);
+  cursor: pointer;
+  -webkit-appearance: none;
+  margin-top: -10px;
+}
+
+.range::-moz-focus-outer {
+  border: 0;
+}
+
+.range-example {
+  background: black;
+  height: 2em;
+}
@@ -0,0 +1,40 @@
+import './Range.css';
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+class Range extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { value: props.value };
+  }
+
+  handleChange = event => {
+    this.setState({ value: event.target.value });
+    if (this.props.onChange) this.props.onChange();
+  };
+
+  render() {
+    return (
+      <input
+        type="range"
+        value={this.state.value}
+        min={this.props.min}
+        max={this.props.max}
+        onChange={this.handleChange}
+        id={this.props.id}
+        className="range"
+      />
+    );
+  }
+}
+
+Range.propTypes = {
+  value: PropTypes.number,
+  min: PropTypes.number.isRequired,
+  max: PropTypes.number.isRequired,
+  id: PropTypes.string,
+  onChange: PropTypes.func,
+};
+
+export { Range };
@@ -0,0 +1,46 @@
+.select-ohif {
+  display: block;
+  font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+  font-size: 0.8em;
+  font-weight: 600;
+  color: #444;
+  line-height: 1.3;
+  padding: 0.6em 1.4em 0.5em 0.8em;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid #aaa;
+  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
+  border-radius: 0.5em;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: #fff;
+  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
+    linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+  background-repeat: no-repeat, repeat;
+  background-position: right 0.7em top 50%, 0 0;
+  background-size: 0.65em auto, 100%;
+}
+
+.select-ohif::-ms-expand {
+  display: none;
+}
+
+.select-ohif:hover {
+  border-color: #888;
+}
+
+.select-ohif:focus {
+  border-color: #aaa;
+  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
+  box-shadow: 0 0 0 3px -moz-mac-focusring;
+  color: #222;
+  outline: none;
+}
+
+.select-ohif option {
+  font-weight: normal;
+}
@@ -0,0 +1,48 @@
+import './Select.css';
+
+import React, { Component } from 'react';
+
+import PropTypes from 'prop-types';
+
+class Select extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { value: this.props.value };
+  }
+
+  handleChange = event => {
+    this.setState({ value: event.target.value });
+    if (this.props.onChange) this.props.onChange();
+  };
+
+  render() {
+    return (
+      <select
+        className="select-ohif"
+        value={this.state.selected}
+        onChange={this.handleChange}
+      >
+        {this.props.options.map(({ key, value }) => {
+          return (
+            <option key={key} value={value}>
+              {key}
+            </option>
+          );
+        })}
+      </select>
+    );
+  }
+}
+
+Select.propTypes = {
+  options: PropTypes.arrayOf(
+    PropTypes.shape({
+      key: PropTypes.string.isRequired,
+      value: PropTypes.string.isRequired,
+    })
+  ),
+  value: PropTypes.string,
+  onChange: PropTypes.func,
+};
+
+export { Select };
@@ -0,0 +1,7 @@
+.textarea-ohif {
+  background-color: #b6b6b6;
+  border-color: #b6b6b6;
+  font-family: Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
+    sans-serif;
+  font-size: 1em;
+}