@ultraviolet/plus 0.3.2 → 0.4.0

package/dist/@ultraviolet/icons/dist/components/Icon/index.js

@@ -0,0 +1,397 @@
+import _styled from '@emotion/styled/base';
+import { css } from '@emotion/react';
+import { forwardRef, useMemo } from 'react';
+import capitalize$1 from '../../utils/capitalize.js';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+
+const ICONS = {
+  alert: () => jsx("path", {
+    d: "M11 15H13V17H11V15ZM11 7H13V13H11V7ZM12 2C6.47 2 2 6.5 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 20C9.87827 20 7.84344 19.1571 6.34315 17.6569C4.84285 16.1566 4 14.1217 4 12C4 9.87827 4.84285 7.84344 6.34315 6.34315C7.84344 4.84285 9.87827 4 12 4C14.1217 4 16.1566 4.84285 17.6569 6.34315C19.1571 7.84344 20 9.87827 20 12C20 14.1217 19.1571 16.1566 17.6569 17.6569C16.1566 19.1571 14.1217 20 12 20Z"
+  }),
+  anchor: () => jsx("path", {
+    d: "M12,2C10.34,2 9,3.34 9,5C9,6.27 9.8,7.4 11,7.83V10H8V12H11V18.92C9.16,18.63 7.53,17.57 6.53,16H8V14H3V19H5V17.3C6.58,19.61 9.2,21 12,21C14.8,21 17.42,19.61 19,17.31V19H21V14H16V16H17.46C16.46,17.56 14.83,18.63 13,18.92V12H16V10H13V7.82C14.2,7.4 15,6.27 15,5C15,3.34 13.66,2 12,2M12,4C12.55,4 13,4.45 13,5C13,5.55 12.55,6 12,6C11.45,6 11,5.55 11,5C11,4.45 11.45,4 12,4Z"
+  }),
+  'arrow-down': () => jsx("path", {
+    d: "M8 11c-.28 0-.55-.11-.74-.3L3.3 6.77a1.04 1.04 0 0 1 0-1.47 1.06 1.06 0 0 1 1.49 0L8 8.48l3.2-3.17a1.06 1.06 0 0 1 1.72.33 1.04 1.04 0 0 1-.23 1.14L8.74 10.7c-.2.2-.46.31-.74.31"
+  }),
+  'arrow-left': () => jsx("path", {
+    d: "M5.3 8.7a1 1 0 0 1 0-1.4l4-4a1 1 0 1 1 1.4 1.4L7.42 8l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4Z"
+  }),
+  'arrow-left-double': () => jsxs(Fragment, {
+    children: [jsx("path", {
+      d: "M7.29289 9.2823C6.90237 8.89178 6.90237 8.25861 7.29289 7.86809L11.2929 3.86809C11.6834 3.47756 12.3166 3.47756 12.7071 3.86809C13.0976 4.25861 13.0976 4.89178 12.7071 5.2823L9.41421 8.5752L12.7071 11.8681C13.0976 12.2586 13.0976 12.8918 12.7071 13.2823C12.3166 13.6728 11.6834 13.6728 11.2929 13.2823L7.29289 9.2823Z"
+    }), jsx("path", {
+      d: "M1.29289 9.2823C0.902369 8.89178 0.902369 8.25861 1.29289 7.86809L5.29289 3.86809C5.68342 3.47756 6.31658 3.47756 6.70711 3.86809C7.09763 4.25861 7.09763 4.89178 6.70711 5.2823L3.41421 8.5752L6.70711 11.8681C7.09763 12.2586 7.09763 12.8918 6.70711 13.2823C6.31658 13.6728 5.68342 13.6728 5.29289 13.2823L1.29289 9.2823Z"
+    })]
+  }),
+  'arrow-right': () => jsx("path", {
+    d: "M10.7071 7.29289C11.0976 7.68342 11.0976 8.31658 10.7071 8.70711L6.70711 12.7071C6.31658 13.0976 5.68342 13.0976 5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L8.58579 8L5.29289 4.70711C4.90237 4.31658 4.90237 3.68342 5.29289 3.29289C5.68342 2.90237 6.31658 2.90237 6.70711 3.29289L10.7071 7.29289Z"
+  }),
+  'arrow-right-bottom': () => jsx("path", {
+    d: "M20 16L14.5 21.5L13.08 20.09L16.17 17H10.5C6.91 17 4 14.09 4 10.5V4H6V10.5C6 13 8 15 10.5 15H16.17L13.09 11.91L14.5 10.5L20 16Z"
+  }),
+  'arrow-right-double': () => jsxs(Fragment, {
+    children: [jsx("path", {
+      d: "M7.70711 7.86809C8.09763 8.25861 8.09763 8.89178 7.70711 9.2823L3.70711 13.2823C3.31658 13.6728 2.68342 13.6728 2.29289 13.2823C1.90237 12.8918 1.90237 12.2586 2.29289 11.8681L5.58579 8.57519L2.29289 5.2823C1.90237 4.89178 1.90237 4.25861 2.29289 3.86809C2.68342 3.47756 3.31658 3.47756 3.70711 3.86809L7.70711 7.86809Z"
+    }), jsx("path", {
+      d: "M13.7071 7.86809C14.0976 8.25861 14.0976 8.89178 13.7071 9.2823L9.70711 13.2823C9.31658 13.6728 8.68342 13.6728 8.29289 13.2823C7.90237 12.8918 7.90237 12.2586 8.29289 11.8681L11.5858 8.57519L8.29289 5.2823C7.90237 4.89178 7.90237 4.25861 8.29289 3.86809C8.68342 3.47756 9.31658 3.47756 9.70711 3.86809L13.7071 7.86809Z"
+    })]
+  }),
+  'arrow-up': () => jsx("path", {
+    d: "M8 5c.27 0 .54.1.74.3l3.95 3.92a1.04 1.04 0 0 1-.74 1.78 1.1 1.1 0 0 1-.75-.3L8 7.51l-3.2 3.17a1.06 1.06 0 0 1-1.72-.33 1.04 1.04 0 0 1 .23-1.14L7.26 5.3c.2-.2.46-.31.74-.31"
+  }),
+  asterisk: () => jsx("path", {
+    d: "M10,2H14L13.21,9.91L19.66,5.27L21.66,8.73L14.42,12L21.66,15.27L19.66,18.73L13.21,14.09L14,22H10L10.79,14.09L4.34,18.73L2.34,15.27L9.58,12L2.34,8.73L4.34,5.27L10.79,9.91L10,2Z"
+  }),
+  'auto-fix': () => jsx("path", {
+    d: "M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z"
+  }),
+  bullhorn: () => jsx("path", {
+    d: "M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z"
+  }),
+  burger: () => jsx("path", {
+    d: "M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"
+  }),
+  'book-open-outline': () => jsx("path", {
+    d: "M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M3,19V6H11V19H3M21,19H13V6H21V19M14,9.5H20V11H14V9.5M14,12H20V13.5H14V12M14,14.5H20V16H14V14.5Z"
+  }),
+  calculator: () => jsx("path", {
+    d: "M7,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V4A2,2 0 0,1 7,2M7,4V8H17V4H7M7,10V12H9V10H7M11,10V12H13V10H11M15,10V12H17V10H15M7,14V16H9V14H7M11,14V16H13V14H11M15,14V16H17V14H15M7,18V20H9V18H7M11,18V20H13V18H11M15,18V20H17V18H15Z"
+  }),
+  'calendar-range': () => jsx("path", {
+    d: "M9,10H7V12H9V10M13,10H11V12H13V10M17,10H15V12H17V10M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V8H19V19Z"
+  }),
+  cancel: () => jsx("path", {
+    d: "M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.85 4.63,15.55 5.68,16.91L16.91,5.68C15.55,4.63 13.85,4 12,4M12,20A8,8 0 0,0 20,12C20,10.15 19.37,8.45 18.32,7.09L7.09,18.32C8.45,19.37 10.15,20 12,20Z"
+  }),
+  id: () => jsx("path", {
+    d: "M14.6667 2H1.33333C0.606667 2.02667 0.0266667 2.60667 0 3.33333V12.6667C0.0266667 13.3933 0.606667 13.9733 1.33333 14H14.6667C15.3933 13.9733 15.9733 13.3933 16 12.6667V3.33333C15.9733 2.60667 15.3933 2.02667 14.6667 2ZM14.6667 12.6667H1.33333V3.33333H14.6667V12.6667ZM9.33333 11.3333V10.5C9.33333 9.39333 7.10667 8.83333 6 8.83333C4.89333 8.83333 2.66667 9.39333 2.66667 10.5V11.3333H9.33333ZM6 4.66667C5.55797 4.66667 5.13405 4.84226 4.82149 5.15482C4.50893 5.46738 4.33333 5.89131 4.33333 6.33333C4.33333 6.5522 4.37644 6.76893 4.4602 6.97114C4.54396 7.17335 4.66672 7.35708 4.82149 7.51184C5.13405 7.82441 5.55797 8 6 8C6.21887 8 6.4356 7.95689 6.63781 7.87313C6.84002 7.78938 7.02375 7.66661 7.17851 7.51184C7.33328 7.35708 7.45604 7.17335 7.5398 6.97114C7.62356 6.76893 7.66667 6.5522 7.66667 6.33333C7.66667 6.11446 7.62356 5.89774 7.5398 5.69553C7.45604 5.49332 7.33328 5.30959 7.17851 5.15482C7.02375 5.00006 6.84002 4.87729 6.63781 4.79353C6.4356 4.70978 6.21887 4.66667 6 4.66667V4.66667ZM9.33333 4.66667V5.33333H13.3333V4.66667H9.33333ZM9.33333 6V6.66667H13.3333V6H9.33333ZM9.33333 7.33333V8H12V7.33333H9.33333Z"
+  }),
+  check: () => jsx("path", {
+    d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+  }),
+  'checkbox-circle-outline': () => jsx("path", {
+    d: "M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,16.5L6.5,12L7.91,10.59L11,13.67L16.59,8.09L18,9.5L11,16.5Z"
+  }),
+  'clock-outline': () => jsx("path", {
+    d: "M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z"
+  }),
+  close: () => jsx("path", {
+    d: "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"
+  }),
+  'close-circle-outline': () => jsx("path", {
+    d: "M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z"
+  }),
+  'copy-content': () => jsx("path", {
+    d: "M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"
+  }),
+  credentials: () => jsx("path", {
+    d: "M4.364 9.333c-.804 0-1.455-.671-1.455-1.5 0-.828.651-1.5 1.455-1.5.803 0 1.454.672 1.454 1.5 0 .829-.651 1.5-1.454 1.5zm4.109-3c-.597-1.747-2.211-3-4.11-3C1.954 3.333 0 5.348 0 7.833c0 2.486 1.954 4.5 4.364 4.5 1.898 0 3.512-1.252 4.109-3h3.163v3h2.91v-3H16v-3H8.473z"
+  }),
+  'credit-card': () => jsx("path", {
+    d: "M13.3335 5.33268H2.66683V3.99935H13.3335V5.33268ZM13.3335 11.9993H2.66683V7.99935H13.3335V11.9993ZM13.3335 2.66602H2.66683C1.92683 2.66602 1.3335 3.25935 1.3335 3.99935V11.9993C1.3335 12.353 1.47397 12.6921 1.72402 12.9422C1.97407 13.1922 2.31321 13.3327 2.66683 13.3327H13.3335C13.6871 13.3327 14.0263 13.1922 14.2763 12.9422C14.5264 12.6921 14.6668 12.353 14.6668 11.9993V3.99935C14.6668 3.25935 14.0668 2.66602 13.3335 2.66602Z"
+  }),
+  database: () => jsxs(Fragment, {
+    children: [jsx("path", {
+      d: "M12.0291 15.3571C8.56134 15.3571 4.8291 14.3471 4.8291 12.1288H6.56214C6.66198 12.5128 8.49654 13.5533 12.0291 13.5533C15.5617 13.5533 17.3963 12.5128 17.4973 12.1172L19.2291 12.1289C19.2291 14.3473 15.4969 15.3572 12.0291 15.3572V15.3571Z"
+    }), jsx("path", {
+      d: "M19.7965 6.63876C19.7966 6.627 19.8 6.61644 19.8 6.60468C19.8 4.12848 15.7564 3 11.9997 3C8.24299 3 4.19995 4.12848 4.19995 6.60468C4.19995 6.6282 4.20631 6.64968 4.20703 6.67296V17.4152H4.21123C4.23235 19.8779 8.25859 21 12.002 21C15.7387 21 19.756 19.8816 19.7914 17.4281H19.7965V6.63876ZM11.9997 5.4C15.0908 5.4 16.9022 6.18048 17.3323 6.60468C16.9022 7.02888 15.0908 7.80816 11.9997 7.80816C8.90863 7.80816 7.09783 7.02888 6.66775 6.60468C7.09783 6.18048 8.90863 5.4 11.9997 5.4ZM12.0021 18.6C8.64607 18.6 6.80059 17.6789 6.61603 17.3965H6.61363V9.3006C8.10331 9.91428 10.0872 10.2082 11.9997 10.2082C13.9139 10.2082 15.8996 9.91356 17.3899 9.2988V17.3136C17.1423 17.7073 15.3099 18.5999 12.0021 18.5999V18.6Z"
+    })]
+  }),
+  delete: () => jsx("path", {
+    d: "M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z"
+  }),
+  detach: () => jsx("path", {
+    d: "M2,5.27L3.28,4L20,20.72L18.73,22L13.9,17.17L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L12.5,15.76L10.88,14.15C10.87,14.39 10.77,14.64 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C8.12,13.77 7.63,12.37 7.72,11L2,5.27M12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.79,8.97L9.38,7.55L12.71,4.22M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.2,10.54 16.61,12.5 16.06,14.23L14.28,12.46C14.23,11.78 13.94,11.11 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z"
+  }),
+  doc: () => jsxs(Fragment, {
+    children: [jsx("path", {
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }), jsx("path", {
+      d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z"
+    })]
+  }),
+  'dots-horizontal': () => jsx("path", {
+    d: "M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"
+  }),
+  'dots-vertical': () => jsx("path", {
+    style: {
+      transform: 'rotate(-90deg)',
+      transformOrigin: '50% 50%'
+    },
+    d: "M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z"
+  }),
+  download: () => jsx("path", {
+    d: "M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z"
+  }),
+  'drag-variant': () => jsx("path", {
+    d: "M22.67,12L18.18,16.5L15.67,14L17.65,12L15.67,10.04L18.18,7.53L22.67,12M12,1.33L16.47,5.82L13.96,8.33L12,6.35L10,8.33L7.5,5.82L12,1.33M12,22.67L7.53,18.18L10.04,15.67L12,17.65L14,15.67L16.5,18.18L12,22.67M1.33,12L5.82,7.5L8.33,10L6.35,12L8.33,13.96L5.82,16.47L1.33,12M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10Z"
+  }),
+  'drag-vertical': () => jsx("path", {
+    d: "M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z"
+  }),
+  east: () => jsx("path", {
+    d: "M15 5l-1.41 1.41L18.17 11H2v2h16.17l-4.59 4.59L15 19l7-7-7-7z"
+  }),
+  'email-outline': () => jsx("path", {
+    d: "M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6m-2 0-8 5-8-5h16m0 12H4V8l8 5 8-5v10Z"
+  }),
+  expand: () => jsxs(Fragment, {
+    children: [jsx("path", {
+      d: "M5.96364 11L2 7L5.96364 3L6.98909 4.03486L4.78545 6.26605H15.2145L13.0109 4.03486L14.0364 3L18 7L14.0364 11L13.0109 9.96514L15.2145 7.73394H4.78545L6.98909 9.96514L5.96364 11Z"
+    }), jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M18 14V0H20V14H18Z"
+    }), jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M0 14V0H2V14H0Z"
+    })]
+  }),
+  eye: () => jsx("path", {
+    d: "M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z"
+  }),
+  'eye-off': () => jsx("path", {
+    d: "M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z"
+  }),
+  filter: () => jsx("path", {
+    d: "M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z"
+  }),
+  github: () => jsx("path", {
+    d: "M12.02 2.99c-5.15 0-9.32 4.13-9.32 9.23 0 4.08 2.67 7.53 6.37 8.75.47.08.64-.2.64-.44l-.01-1.72c-2.34.43-2.95-.57-3.13-1.08-.1-.27-.56-1.08-.95-1.3-.33-.17-.79-.6-.01-.61.73-.01 1.26.67 1.43.95.84 1.4 2.18 1 2.72.76.08-.6.33-1 .59-1.23-2.07-.23-4.24-1.03-4.24-4.56 0-1 .36-1.83.96-2.48-.09-.23-.42-1.18.09-2.45 0 0 .78-.24 2.56.95a8.7 8.7 0 0 1 2.33-.31 8.7 8.7 0 0 1 2.33.31c1.78-1.2 2.56-.95 2.56-.95.51 1.27.19 2.22.09 2.45.59.65.96 1.47.96 2.48 0 3.54-2.18 4.33-4.25 4.56.34.29.63.84.63 1.71l-.01 2.54c0 .24.18.53.64.44 3.68-1.22 6.35-4.68 6.35-8.75 0-5.1-4.17-9.23-9.32-9.23z"
+  }),
+  'help-circle-outline': () => jsx("path", {
+    d: "M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z"
+  }),
+  'information-outline': () => jsx("path", {
+    d: "M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"
+  }),
+  lock: () => jsx("path", {
+    d: "M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z"
+  }),
+  logout: () => jsx("path", {
+    d: "M12.488 2.296l-1.365 1.365a5.618 5.618 0 0 1 2.72 4.81 5.647 5.647 0 0 1-11.294 0c0-2.043 1.092-3.822 2.71-4.82L3.905 2.297A7.493 7.493 0 0 0 .667 8.471a7.53 7.53 0 0 0 15.058 0c0-2.56-1.28-4.82-3.237-6.175M9.138 0H7.254v9.412h1.882"
+  }),
+  members: () => jsx("path", {
+    d: "M8,0 C9.2886644,0 10.3333334,1.080692 10.3333334,2.41379308 C10.3333334,3.74689425 9.2886644,4.82758617 8,4.82758617 C6.71133558,4.82758617 5.66666666,3.74689425 5.66666666,2.41379308 C5.66666666,1.080692 6.71133558,0 8,0 M3.33333334,1.72413792 C3.70666666,1.72413792 4.05333334,1.82758617 4.35333334,2.01379308 C4.25333334,3 4.53333334,3.97931033 5.10666666,4.74482758 C4.77333334,5.40689658 4.10666666,5.862069 3.33333334,5.862069 C2.22876383,5.862069 1.33333334,4.93576158 1.33333334,3.79310342 C1.33333334,2.65044533 2.22876383,1.72413792 3.33333334,1.72413792 M12.6666666,1.72413792 C13.7712362,1.72413792 14.6666666,2.65044533 14.6666666,3.79310342 C14.6666666,4.93576158 13.7712362,5.862069 12.6666666,5.862069 C11.8933334,5.862069 11.2266666,5.40689658 10.8933334,4.74482758 C11.4666666,3.97931033 11.7466666,3 11.6466666,2.01379308 C11.9466666,1.82758617 12.2933334,1.72413792 12.6666666,1.72413792 M3.66666666,8.79310342 C3.66666666,7.36551725 5.60666666,6.20689658 8,6.20689658 C10.3933334,6.20689658 12.3333334,7.36551725 12.3333334,8.79310342 L12.3333334,10 L3.66666666,10 L3.66666666,8.79310342 M0,10 L0,8.96551725 C0,8.00689658 1.26,7.2 2.96666666,6.96551725 C2.57333334,7.43448275 2.33333334,8.08275858 2.33333334,8.79310342 L2.33333334,10 L0,10 M16,10 L13.6666666,10 L13.6666666,8.79310342 C13.6666666,8.08275858 13.4266666,7.43448275 13.0333334,6.96551725 C14.74,7.2 16,8.00689658 16,8.96551725 L16,10 Z"
+  }),
+  minus: () => jsx("path", {
+    d: "M19,13H5V11H19V13Z"
+  }),
+  moon: () => jsx("path", {
+    d: "M13.98 2.97a9 9 0 1 0 0 18c1.83 0 3.53-.55 4.95-1.48a9 9 0 0 1-4.05-7.52 9 9 0 0 1 4.05-7.52c-1.42-.94-3.12-1.48-4.95-1.48zm0 1.8a7.2 7.2 0 0 1 1.4.14l.28.06-.1.11c-1.5 1.81-2.39 4.09-2.48 6.52l-.01.37c0 2.57.91 4.99 2.48 6.89l.1.11-.28.06a7.3 7.3 0 0 1-1.05.13l-.36.01a7.2 7.2 0 0 1 0-14.4z"
+  }),
+  'open-in-new': () => jsx("path", {
+    d: "M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"
+  }),
+  organization: () => jsx("path", {
+    d: "M10.4,8 C9.512,8 8.8,8.712 8.8,9.6 C8.8,10.4836556 9.5163444,11.2 10.4,11.2 C11.2836556,11.2 12,10.4836556 12,9.6 C12,8.712 11.28,8 10.4,8 M8,14.4 C4.4653776,14.4 1.6,11.5346224 1.6,8 C1.6,4.4653776 4.4653776,1.6 8,1.6 C9.69738552,1.6 11.3252506,2.27428378 12.5254834,3.4745166 C13.7257162,4.67474942 14.4,6.30261446 14.4,8 C14.4,11.5346224 11.5346224,14.4 8,14.4 M8,0 C3.581722,0 0,3.581722 0,8 C0,10.1217319 0.84285472,12.1565632 2.34314575,13.6568542 C3.84343678,15.1571453 5.87826808,16 8,16 C10.1217319,16 12.1565632,15.1571453 13.6568542,13.6568542 C15.1571453,12.1565632 16,10.1217319 16,8 C16,5.87826808 15.1571453,3.84343678 13.6568542,2.34314575 C12.1565632,0.84285472 10.1217319,0 8,0 M9.6,5.6 C9.6,4.712 8.88,4 8,4 C7.112,4 6.4,4.712 6.4,5.6 C6.4,6.4836556 7.1163444,7.2 8,7.2 C8.8836556,7.2 9.6,6.4836556 9.6,5.6 M5.6,8 C4.7163444,8 4,8.7163444 4,9.6 C4,10.4836556 4.7163444,11.2 5.6,11.2 C6.4836556,11.2 7.2,10.4836556 7.2,9.6 C7.2,8.712 6.48,8 5.6,8 Z"
+  }),
+  pencil: () => jsx("path", {
+    d: "M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"
+  }),
+  'play-circle-outline': () => jsx("path", {
+    d: "M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z"
+  }),
+  plus: () => jsx("path", {
+    d: "M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"
+  }),
+  privacy: () => jsx("path", {
+    d: "M8.333 0l-7 2.91v4.363c0 4.036 2.987 7.81 7 8.727 4.014-.916 7-4.69 7-8.727V2.909L8.333 0zm0 2.91c1.289 0 2.334.976 2.334 2.18 0 1.206-1.045 2.183-2.334 2.183C7.045 7.273 6 6.296 6 5.09s1.045-2.182 2.333-2.182zm3.99 8.726c-.94 1.346-2.349 2.357-3.99 2.851-1.64-.494-3.049-1.505-3.99-2.85a7.28 7.28 0 0 1-.676-1.113c0-1.2 2.107-2.182 4.666-2.182 2.56 0 4.667.96 4.667 2.182a7.28 7.28 0 0 1-.677 1.112z"
+  }),
+  profile: () => jsx("path", {
+    d: "M8 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 10c4.42 0 8 1.79 8 4v2H0v-2c0-2.21 3.58-4 8-4z"
+  }),
+  'progress-check': () => jsx("path", {
+    d: "M8.6667 1.35352V1.36685V2.70018C11.5934 3.06018 13.6667 5.72018 13.3067 8.64685C13 11.0735 11.0934 13.0002 8.6667 13.2868V14.6202C12.3334 14.2535 15 11.0002 14.6334 7.33352C14.3334 4.16685 11.82 1.66685 8.6667 1.35352ZM7.33337 1.37352C6.03337 1.50018 4.79337 2.00018 3.78003 2.84018L4.73337 3.82685C5.48003 3.22685 6.38003 2.84018 7.33337 2.70685V1.37352ZM2.84003 3.78018C2.00003 4.79352 1.50003 6.02685 1.3667 7.33352H2.70003C2.8267 6.38685 3.20003 5.48685 3.79337 4.73352L2.84003 3.78018ZM10.3334 5.66685L7.08003 8.92018L5.6667 7.50685L4.96003 8.21352L7.08003 10.3335L11.04 6.37352L10.3334 5.66685ZM1.37337 8.66685C1.5067 9.97352 2.02003 11.2068 2.8467 12.2202L3.79337 11.2668C3.2067 10.5135 2.8267 9.61352 2.7067 8.66685H1.37337ZM4.73337 12.2468L3.78003 13.1602C4.7867 14.0002 6.0267 14.5268 7.33337 14.6668V13.3335C6.3867 13.2135 5.4867 12.8335 4.73337 12.2468Z"
+  }),
+  'ray-end-arrow': () => jsx("path", {
+    d: "M1,12L5,16V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9C18.69,9 17.58,9.83 17.17,11H5V8L1,12Z"
+  }),
+  'ray-start-arrow': () => jsx("path", {
+    d: "M23,12L19,16V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9C5.31,9 6.42,9.83 6.83,11H19V8L23,12Z"
+  }),
+  'ray-start-end': () => jsx("path", {
+    d: "M4,9C5.31,9 6.42,9.83 6.83,11H17.17C17.58,9.83 18.69,9 20,9A3,3 0 0,1 23,12A3,3 0 0,1 20,15C18.69,15 17.58,14.17 17.17,13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9Z"
+  }),
+  'ray-top-arrow': () => jsx("path", {
+    style: {
+      transform: 'rotate(-90deg)',
+      transformOrigin: '50% 50%'
+    },
+    d: "M1,12L5,16V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9C18.69,9 17.58,9.83 17.17,11H5V8L1,12Z"
+  }),
+  reboot: () => jsx("path", {
+    d: "M7.41642 0.862579C7.67678 0.635945 8.07156 0.663281 8.2982 0.923636L10.2249 3.13697C10.2886 3.21021 10.3323 3.29409 10.3563 3.38187C10.4231 3.62507 10.3378 3.89491 10.122 4.05243L7.87533 5.69243C7.59653 5.89594 7.20554 5.83491 7.00202 5.55611C6.79851 5.27731 6.85954 4.88632 7.13834 4.68281L8.26315 3.86172C7.86919 3.77664 7.44926 3.72608 7.00022 3.72608C4.15206 3.72608 1.84521 6.03293 1.84521 8.88108C1.84521 11.7364 4.15253 14.0428 7.00022 14.0428C9.84837 14.0428 12.1552 11.7359 12.1552 8.88775C12.1552 7.8291 11.8344 6.84236 11.2868 6.0211C11.0954 5.7339 11.173 5.34586 11.4602 5.15439C11.7474 4.96291 12.1354 5.04052 12.3269 5.32773C13.0061 6.34647 13.4052 7.57306 13.4052 8.88775C13.4052 12.4263 10.5387 15.2928 7.00022 15.2928C3.46123 15.2928 0.595215 12.4258 0.595215 8.88108C0.595215 5.34257 3.4617 2.47608 7.00022 2.47608C7.37062 2.47608 7.724 2.50452 8.06084 2.55479L7.35537 1.74435C7.12873 1.484 7.15607 1.08921 7.41642 0.862579Z"
+  }),
+  restore: () => jsx("path", {
+    d: "M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z"
+  }),
+  revoke: () => jsx("path", {
+    d: "M17.767 17.333v-2.6H11.7v-3.466h6.067v-2.6L22.1 13l-4.333 4.333zm-1.734-13c.958 0 1.734.776 1.734 1.734V7.8h-1.734V6.067h-7.8v13.866h7.8V18.2h1.734v1.733c0 .958-.776 1.734-1.734 1.734h-7.8A1.733 1.733 0 016.5 19.933V6.067c0-.958.776-1.734 1.733-1.734h7.8z"
+  }),
+  rocket: () => jsx("path", {
+    d: "M12.13 20.1899L10.5 16.3599C12.07 15.7799 13.54 14.9999 14.9 14.0899L12.13 20.1899ZM4.64 10.4999L0.809998 8.86991L6.91 6.09991C6 7.45991 5.22 8.92991 4.64 10.4999ZM20.61 0.389911C20.61 0.389911 15.66 -1.73109 10 3.92991C7.81 6.11991 6.5 8.52991 5.65 10.6399C5.37 11.3899 5.56 12.2099 6.11 12.7699L8.24 14.8899C8.79 15.4499 9.61 15.6299 10.36 15.3499C12.5 14.5299 14.88 13.1899 17.07 10.9999C22.73 5.33991 20.61 0.389911 20.61 0.389911ZM13.54 7.45991C12.76 6.67991 12.76 5.40991 13.54 4.62991C14.32 3.84991 15.59 3.84991 16.37 4.62991C17.14 5.40991 17.15 6.67991 16.37 7.45991C15.59 8.23991 14.32 8.23991 13.54 7.45991ZM7.88 14.5299L6.47 13.1199L7.88 14.5299ZM5.24 19.9999L8.88 16.3599C8.54 16.2699 8.21 16.1199 7.91 15.9099L3.83 19.9999H5.24ZM0.999998 19.9999H2.41L7.18 15.2399L5.76 13.8299L0.999998 18.5899V19.9999ZM0.999998 17.1699L5.09 13.0899C4.88 12.7899 4.73 12.4699 4.64 12.1199L0.999998 15.7599V17.1699Z"
+  }),
+  search: () => jsx("path", {
+    d: "M17.1526587,15.0943396 L16.0686106,15.0943396 L15.6843911,14.7238422 C17.0291595,13.1595197 17.838765,11.1286449 17.838765,8.9193825 C17.838765,3.99313894 13.8456261,0 8.9193825,0 C3.99313894,0 0,3.99313894 0,8.9193825 C0,13.8456261 3.99313894,17.838765 8.9193825,17.838765 C11.1286449,17.838765 13.1595197,17.0291595 14.7238422,15.6843911 L15.0943396,16.0686106 L15.0943396,17.1526587 L21.9554031,24 L24,21.9554031 L17.1526587,15.0943396 L17.1526587,15.0943396 Z M8.9193825,15.0943396 C5.5025729,15.0943396 2.74442539,12.3361921 2.74442539,8.9193825 C2.74442539,5.5025729 5.5025729,2.74442539 8.9193825,2.74442539 C12.3361921,2.74442539 15.0943396,5.5025729 15.0943396,8.9193825 C15.0943396,12.3361921 12.3361921,15.0943396 8.9193825,15.0943396 L8.9193825,15.0943396 Z"
+  }),
+  send: () => jsx("path", {
+    d: "M13.735 8.575l.122.033.1.041a.887.887 0 01.495 1.015l-.034.111-.04.085-1.335 2.477-.001 1.332 1.282-.391 2.147-2a.973.973 0 011.113-.142l.114.071.095.08a.87.87 0 01.132 1.107l-.077.103-.065.068-.935.869 1.306.187a.922.922 0 01.777.694l.02.122.003.116-.01.092a.924.924 0 01-.852.76l-.12.002-.095-.008-2.894-.437-.06.02-1.293.394.743.998 2.702 1.328a.88.88 0 01.402 1.217.955.955 0 01-1.05.456l-.124-.037-.088-.037-1.186-.584.217 1.235a.884.884 0 01-.452.923l-.115.055-.114.038-.094.02a.95.95 0 01-1.013-.53l-.045-.118-.02-.09-.458-2.747-.836-1.09-.788.995-.498 2.842a.936.936 0 01-1.08.738.915.915 0 01-.784-.828v-.116l.01-.092.216-1.235-1.185.584a.972.972 0 01-1.03-.11l-.102-.095-.08-.098-.05-.08a.872.872 0 01.216-1.093l.104-.076.083-.047 2.625-1.265.817-1.065-1.257-.399-2.987.426a.935.935 0 01-1.067-.754.894.894 0 01.582-.97l.114-.036.094-.018 1.304-.187-.933-.869a.869.869 0 01-.213-.982l.064-.123.075-.104.064-.068a.972.972 0 011.13-.146l.12.075.072.06 2.101 1.99 1.332.405.021-1.234L9.826 9.86a.881.881 0 01.422-1.21.97.97 0 011.129.22l.079.1.048.08.599 1.132.598-1.133a.954.954 0 011.034-.474zM17.158 3L21 5.778l-3.842 2.778V6.7H3V4.867h14.158z"
+  }),
+  settings: () => jsx("path", {
+    d: "M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z"
+  }),
+  sort: () => jsx("path", {
+    d: "M12 6l-5 5h10l-5-5m-5 7l5 5 5-5H7z"
+  }),
+  sun: () => jsx("path", {
+    d: "M11.99 3.03c.41 0 .75.31.81.7v.11 2.48.06a5.7 5.7 0 0 1 2.61 1.08l.04-.04 1.75-1.75c.32-.32.83-.32 1.15 0 .29.29.32.75.07 1.07l-.07.08-1.75 1.75-.04.04a5.7 5.7 0 0 1 1.08 2.61h.06 2.48c.45 0 .82.37.82.82 0 .41-.31.75-.7.81l-.11.01H17.7h-.06a5.7 5.7 0 0 1-1.08 2.61l.04.04 1.75 1.75c.32.32.32.83 0 1.15-.29.29-.75.32-1.07.07l-.08-.07-1.75-1.75-.04-.04a5.7 5.7 0 0 1-2.61 1.08v.06 2.48c0 .45-.37.82-.82.82-.41 0-.75-.31-.81-.7l-.01-.11v-2.48-.06a5.7 5.7 0 0 1-2.61-1.08l-.04.04-1.75 1.75c-.32.32-.83.32-1.15 0-.29-.29-.32-.75-.07-1.07l.07-.08 1.75-1.75.04-.04a5.7 5.7 0 0 1-1.08-2.61h-.06H3.8c-.45 0-.82-.37-.82-.82 0-.41.31-.75.7-.81l.11-.01h2.48.06a5.7 5.7 0 0 1 1.08-2.61l-.04-.04-1.75-1.75c-.32-.32-.32-.83 0-1.15.29-.29.75-.32 1.07-.07l.08.07 1.75 1.75.04.04a5.7 5.7 0 0 1 2.61-1.08v-.06-2.48c0-.45.37-.82.82-.82zm0 4.92c-2.25 0-4.08 1.83-4.08 4.08s1.83 4.08 4.08 4.08 4.08-1.83 4.08-4.08-1.83-4.08-4.08-4.08z"
+  }),
+  support: () => jsx("path", {
+    d: "M14.232,10.728 C14.992,8.992 14.992,7 14.232,5.272 L12.04,6.264 C12.52,7.368 12.52,8.624 12.048,9.736 L14.232,10.728 M10.736,1.768 C9,1.008 7.008,1.008 5.272,1.768 L6.264,3.952 C7.376,3.48 8.632,3.48 9.744,3.96 L10.736,1.768 M1.768,5.264 C1.008,7.008 1.008,8.992 1.768,10.736 L3.96,9.736 C3.48,8.632 3.48,7.368 3.96,6.256 L1.768,5.264 M5.272,14.232 C7.008,14.992 9,14.992 10.736,14.224 L9.744,12.04 C8.64,12.52 7.376,12.52 6.272,12.048 L5.272,14.232 M8,0 C10.1217319,0 12.1565632,0.842854723 13.6568542,2.34314575 C15.1571453,3.84343678 16,5.87826808 16,8 C16,12.418278 12.418278,16 8,16 C5.87826808,16 3.84343678,15.1571453 2.34314575,13.6568542 C0.842854723,12.1565632 0,10.1217319 0,8 C0,5.87826808 0.842854723,3.84343678 2.34314575,2.34314575 C3.84343678,0.842854723 5.87826808,0 8,0 M8,4.8 C6.2326888,4.8 4.8,6.2326888 4.8,8 C4.8,9.7673112 6.2326888,11.2 8,11.2 C9.7673112,11.2 11.2,9.7673112 11.2,8 C11.2,6.2326888 9.7673112,4.8 8,4.8 Z"
+  }),
+  switch_orga: () => jsx("path", {
+    d: "M10.91 5.818c1.694 0 5.09.851 5.09 2.546v1.818h-4.364V8.364c0-1.091-.589-1.899-1.425-2.51l.698-.036zm-5.82 0c1.695 0 5.092.851 5.092 2.546v1.818H0V8.364c0-1.695 3.396-2.546 5.09-2.546zm0-1.454A2.182 2.182 0 1 1 5.09 0a2.182 2.182 0 0 1 0 4.364zm5.82 0a2.182 2.182 0 1 1 0-4.364 2.182 2.182 0 0 1 0 4.364zm-5.092 7.09v1.637h4.364v-1.636l2.363 2.363-2.363 2.364v-1.637H5.818v1.637l-2.363-2.364 2.363-2.363z"
+  }),
+  unlock: () => jsx("path", {
+    d: "M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17S8 16.11 8 15 8.9 13 10 13M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.9 2 10V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V10C18 8.9 17.1 8 16 8H15V6C15 4.34 16.34 3 18 3S21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M16 10V20H4V10H16Z"
+  }),
+  upload: () => jsx("path", {
+    d: "M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z"
+  }),
+  view: () => jsx("path", {
+    d: "M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z"
+  }),
+  'weather-night': () => jsx("path", {
+    d: "M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z"
+  }),
+  attach: () => jsx("path", {
+    d: "M10.8325 13.6525C11.2425 14.0425 11.2425 14.6825 10.8325 15.0725C10.4425 15.4625 9.8025 15.4625 9.4125 15.0725C7.4625 13.1225 7.4625 9.9525 9.4125 8.0025L12.9525 4.4625C14.9025 2.5125 18.0725 2.5125 20.0225 4.4625C21.9725 6.4125 21.9725 9.5825 20.0225 11.5325L18.5325 13.0225C18.5425 12.2025 18.4125 11.3825 18.1325 10.6025L18.6025 10.1225C19.7825 8.9525 19.7825 7.0525 18.6025 5.8825C17.4325 4.7025 15.5325 4.7025 14.3625 5.8825L10.8325 9.4125C9.6525 10.5825 9.6525 12.4825 10.8325 13.6525ZM13.6525 9.4125C14.0425 9.0225 14.6825 9.0225 15.0725 9.4125C17.0225 11.3625 17.0225 14.5325 15.0725 16.4825L11.5325 20.0225C9.5825 21.9725 6.4125 21.9725 4.4625 20.0225C2.5125 18.0725 2.5125 14.9025 4.4625 12.9525L5.9525 11.4625C5.9425 12.2825 6.0725 13.1025 6.3525 13.8925L5.8825 14.3625C4.7025 15.5325 4.7025 17.4325 5.8825 18.6025C7.0525 19.7825 8.9525 19.7825 10.1225 18.6025L13.6525 15.0725C14.8325 13.9025 14.8325 12.0025 13.6525 10.8325C13.2425 10.4425 13.2425 9.8025 13.6525 9.4125Z"
+  }),
+  phone: () => jsx("path", {
+    d: "M6.62 10.79C8.06 13.62 10.38 15.94 13.21 17.38L15.41 15.18C15.69 14.9 16.08 14.82 16.43 14.93C17.55 15.3 18.75 15.5 20 15.5C20.2652 15.5 20.5196 15.6054 20.7071 15.7929C20.8946 15.9804 21 16.2348 21 16.5V20C21 20.2652 20.8946 20.5196 20.7071 20.7071C20.5196 20.8946 20.2652 21 20 21C15.4913 21 11.1673 19.2089 7.97918 16.0208C4.79107 12.8327 3 8.50868 3 4C3 3.73478 3.10536 3.48043 3.29289 3.29289C3.48043 3.10536 3.73478 3 4 3H7.5C7.76522 3 8.01957 3.10536 8.20711 3.29289C8.39464 3.48043 8.5 3.73478 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z"
+  }),
+  earth: () => jsx("path", {
+    d: "M17.9 17.39C17.64 16.59 16.89 16 16 16H15V13C15 12.7348 14.8946 12.4804 14.7071 12.2929C14.5196 12.1054 14.2652 12 14 12H8V10H10C10.2652 10 10.5196 9.89464 10.7071 9.70711C10.8946 9.51957 11 9.26522 11 9V7H13C13.5304 7 14.0391 6.78929 14.4142 6.41421C14.7893 6.03914 15 5.53043 15 5V4.59C17.93 5.77 20 8.64 20 12C20 14.08 19.2 15.97 17.9 17.39ZM11 19.93C7.05 19.44 4 16.08 4 12C4 11.38 4.08 10.78 4.21 10.21L9 15V16C9 16.5304 9.21071 17.0391 9.58579 17.4142C9.96086 17.7893 10.4696 18 11 18M12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z"
+  }),
+  'email-remove-outline': () => jsx("path", {
+    d: "M13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 18.66 13.04 18.33 13.09 18ZM20 6L12 11L4 6H20ZM20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z"
+  }),
+  'expand-more': () => jsx("path", {
+    d: "M12 18.17L8.82997 15L7.41997 16.41L12 21L16.59 16.41L15.17 15M12 5.83L15.17 9L16.58 7.59L12 3L7.40997 7.59L8.82997 9L12 5.83Z"
+  }),
+  console: () => jsx("path", {
+    d: "M20 19V7H4V19H20ZM20 3C20.5304 3 21.0391 3.21071 21.4142 3.58579C21.7893 3.96086 22 4.46957 22 5V19C22 19.5304 21.7893 20.0391 21.4142 20.4142C21.0391 20.7893 20.5304 21 20 21H4C3.46957 21 2.96086 20.7893 2.58579 20.4142C2.21071 20.0391 2 19.5304 2 19V5C2 3.89 2.9 3 4 3H20ZM13 17V15H18V17H13ZM9.58 13L5.57 9H8.4L11.7 12.3C12.09 12.69 12.09 13.33 11.7 13.72L8.42 17H5.59L9.58 13Z"
+  }),
+  equal: () => jsx("path", {
+    d: "M19 10H5V8H19V10ZM19 16H5V14H19V16Z"
+  }),
+  youtube: () => jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M19.8253 5.42833C20.682 5.65898 21.3574 6.33443 21.5881 7.19109C22.0164 8.75616 21.9999 12.0181 21.9999 12.0181C21.9999 12.0181 21.9999 15.2635 21.5881 16.8286C21.3574 17.6853 20.682 18.3607 19.8253 18.5914C18.2602 19.0032 12 19.0032 12 19.0032C12 19.0032 5.75616 19.0032 4.17462 18.5749C3.31795 18.3443 2.6425 17.6688 2.41186 16.8121C2 15.2635 2 12.0016 2 12.0016C2 12.0016 2 8.75616 2.41186 7.19109C2.6425 6.33443 3.33443 5.6425 4.17462 5.41186C5.73969 5 12 5 12 5C12 5 18.2602 5 19.8253 5.42833ZM14.9109 11.828C15.0445 11.9049 15.0445 12.0977 14.9109 12.1746L10.3058 14.827C10.1724 14.9038 10.006 14.8075 10.006 14.6537V9.34897C10.006 9.1951 10.1724 9.09886 10.3058 9.17566L14.9109 11.828Z"
+  }),
+  x: () => jsx("path", {
+    d: "M18.2439 2.25H21.5519L14.3249 10.51L22.8269 21.75H16.1699L10.9559 14.933L4.98991 21.75H1.67991L9.40991 12.915L1.25391 2.25H8.07991L12.7929 8.481L18.2439 2.25ZM17.0829 19.77H18.9159L7.08391 4.126H5.11691L17.0829 19.77Z"
+  }),
+  slack: () => jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.26711 4.10217C7.26711 5.26474 8.20596 6.20435 9.36759 6.20435H11.2681C11.3785 6.20435 11.4681 6.1148 11.4681 6.00435V4.10217C11.4681 2.93961 10.5292 2 9.36759 2C8.20596 2 7.26711 2.93961 7.26711 4.10217ZM11.4681 9.37353C11.4681 8.21097 10.5292 7.27136 9.36759 7.27136H4.10048C2.93885 7.27136 2 8.21097 2 9.37353C2 10.5361 2.93885 11.4757 4.10048 11.4757H9.36759C10.5292 11.4757 11.4681 10.5361 11.4681 9.37353ZM4.11908 16.7438C5.28071 16.7438 6.21956 15.8042 6.21956 14.6416V12.7394C6.21956 12.629 6.13001 12.5394 6.01956 12.5394H4.11908C2.95745 12.5394 2.0186 13.479 2.0186 14.6416C2.0186 15.8042 2.95745 16.7438 4.11908 16.7438ZM9.37027 12.5394C8.20865 12.5394 7.2698 13.479 7.2698 14.6416V19.897C7.2698 21.0596 8.20865 21.9992 9.37027 21.9992C10.5319 21.9992 11.4708 21.0596 11.4708 19.897V14.6416C11.4708 13.479 10.5319 12.5394 9.37027 12.5394ZM17.7832 9.37353C17.7832 8.21097 18.722 7.27136 19.8837 7.27136C21.0453 7.27136 21.9841 8.21097 21.9841 9.37353C21.9841 10.5361 21.0453 11.4757 19.8837 11.4757H17.9832C17.8727 11.4757 17.7832 11.3862 17.7832 11.2757V9.37353ZM16.733 9.37353C16.733 10.5361 15.7941 11.4757 14.6325 11.4757C13.4708 11.4757 12.532 10.5361 12.532 9.37353V4.10217C12.532 2.93961 13.4708 2 14.6325 2C15.7941 2 16.733 2.93961 16.733 4.10217V9.37353ZM16.733 19.897C16.733 18.7345 15.7941 17.7949 14.6325 17.7949H12.732C12.6215 17.7949 12.532 17.8844 12.532 17.9949V19.897C12.532 21.0596 13.4708 21.9992 14.6325 21.9992C15.7941 21.9992 16.733 21.0596 16.733 19.897ZM12.532 14.6416C12.532 15.8042 13.4708 16.7438 14.6325 16.7438H19.8996C21.0612 16.7438 22.0001 15.8042 22.0001 14.6416C22.0001 13.479 21.0612 12.5394 19.8996 12.5394H14.6325C13.4708 12.5394 12.532 13.479 12.532 14.6416Z"
+  }),
+  rss: () => jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 4C4 3.44772 4.44772 3 5 3C13.8366 3 21 10.1634 21 19C21 19.5523 20.5523 20 20 20C19.4477 20 19 19.5523 19 19C19 11.268 12.732 5 5 5C4.44772 5 4 4.55228 4 4ZM4 14C4 13.4477 4.44772 13 5 13C8.31371 13 11 15.6863 11 19C11 19.5523 10.5523 20 10 20C9.44772 20 9 19.5523 9 19C9 16.7909 7.20914 15 5 15C4.44772 15 4 14.5523 4 14ZM5 8C4.44772 8 4 8.44772 4 9C4 9.55228 4.44772 10 5 10C9.97056 10 14 14.0294 14 19C14 19.5523 14.4477 20 15 20C15.5523 20 16 19.5523 16 19C16 12.9249 11.0751 8 5 8Z"
+  }),
+  linkedIn: () => jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M21.9984 21.7993C21.9984 21.9098 21.9088 21.9993 21.7984 21.9993H18.0891C17.9787 21.9993 17.8891 21.9098 17.8891 21.7993V15.0004C17.8891 13.0815 17.16 12.0091 15.6412 12.0091C13.9889 12.0091 13.1256 13.1251 13.1256 15.0004V21.7993C13.1256 21.9098 13.0361 21.9993 12.9256 21.9993H9.36546C9.255 21.9993 9.16546 21.9098 9.16546 21.7993V8.86645C9.16546 8.75599 9.255 8.66645 9.36546 8.66645H12.9256C13.0361 8.66645 13.1256 8.75599 13.1256 8.86645V9.67165C13.1256 9.87927 13.456 9.98315 13.5943 9.82828C14.1755 9.17738 15.3191 8.25911 17.1457 8.25911C19.9737 8.25911 21.9984 9.98607 21.9984 13.5578V21.7993ZM4.441 6.92061C3.09209 6.92061 1.99902 5.81897 1.99902 4.46031C1.99902 3.10164 3.09209 2 4.441 2C5.78992 2 6.88233 3.10164 6.88233 4.46031C6.88233 5.81897 5.78992 6.92061 4.441 6.92061ZM2.39615 21.7994C2.39615 21.9098 2.48569 21.9993 2.59615 21.9993H6.32557C6.43603 21.9993 6.52557 21.9098 6.52557 21.7993V8.86645C6.52557 8.75599 6.43603 8.66645 6.32557 8.66645H2.59615C2.48569 8.66645 2.39615 8.75599 2.39615 8.86645V21.7994Z"
+  }),
+  instagram: () => jsx("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2.47827 12.1625C2.47827 8.74481 2.47827 7.03599 3.15379 5.7353C3.72304 4.63922 4.61657 3.74551 5.71243 3.17614C7.01286 2.50049 8.72133 2.50049 12.1383 2.50049H12.8183C16.2352 2.50049 17.9437 2.50049 19.2441 3.17614C20.34 3.74551 21.2335 4.63922 21.8028 5.7353C22.4783 7.03599 22.4783 8.74481 22.4783 12.1625V12.8426C22.4783 16.2602 22.4783 17.969 21.8028 19.2697C21.2335 20.3658 20.34 21.2595 19.2441 21.8289C17.9437 22.5046 16.2352 22.5046 12.8183 22.5046H12.1383C8.72133 22.5046 7.01286 22.5046 5.71243 21.8289C4.61657 21.2595 3.72304 20.3658 3.15379 19.2697C2.47827 17.969 2.47827 16.2602 2.47827 12.8426V12.1625ZM6.88205 12.5031C6.88205 15.599 9.39203 18.1051 12.4829 18.1051C15.5738 18.1051 18.0838 15.5946 18.0838 12.5031C18.0838 9.41154 15.5783 6.90105 12.4829 6.90105C9.3876 6.90105 6.88205 9.40711 6.88205 12.5031ZM16.1193 12.5031C16.1193 14.5124 14.4918 16.1402 12.4829 16.1402C10.4741 16.1402 8.84658 14.5124 8.84658 12.5031C8.84658 10.4938 10.4741 8.86598 12.4829 8.86598C14.4918 8.86598 16.1193 10.4938 16.1193 12.5031ZM19.6136 6.67858C19.6136 7.40123 19.0279 7.98705 18.3054 7.98705C17.5829 7.98705 16.9972 7.40123 16.9972 6.67858C16.9972 5.95593 17.5829 5.37011 18.3054 5.37011C19.0279 5.37011 19.6136 5.95593 19.6136 6.67858Z"
+  })
+};
+const customViewBoxes = [{
+  icons: ['arrow-left-double', 'arrow-right-double', 'arrow-left', 'arrow-right', 'arrow-down', 'arrow-up', 'credentials', 'logout', 'organization', 'privacy', 'profile', 'support', 'switch_orga', 'credit-card', 'progress-check', 'id', 'reboot'],
+  viewBox: '0 0 16 16'
+}, {
+  icons: ['members'],
+  viewBox: '0 0 16 10'
+}, {
+  icons: ['rocket'],
+  viewBox: '0 0 21 21'
+}, {
+  icons: ['expand'],
+  viewBox: '0 0 20 14'
+}];
+const sizeStyles = _ref => {
+  let {
+    size
+  } = _ref;
+  const pxSize = typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size;
+  return /*#__PURE__*/css("height:", pxSize, ";width:", pxSize, ";min-width:", pxSize, ";min-height:", pxSize, ";");
+};
+const PROMINENCES = {
+  default: '',
+  strong: 'strong',
+  stronger: 'stronger',
+  weak: 'weak'
+};
+const StyledIcon = /*#__PURE__*/_styled('svg', {
+  shouldForwardProp: prop => !['size', 'color', 'prominence', 'disabled'].includes(prop),
+  target: "e1gt4cfo0"
+})("vertical-align:middle;fill:", _ref2 => {
+  let {
+    theme,
+    color,
+    prominence,
+    disabled
+  } = _ref2;
+  // stronger is available only for neutral color
+  const definedProminence = color !== 'neutral' && prominence === 'stronger' ? capitalize$1(PROMINENCES.default) : capitalize$1(PROMINENCES[prominence]);
+  theme.colors[color];
+  const icon = `icon${definedProminence}${disabled ? 'Disabled' : ''}`;
+  return theme.colors?.[color]?.[icon] || color;
+}, ";", sizeStyles, ";");
+/**
+ * Icon component is our set of system icons in the design system. All of them are SVGs.
+ */
+const Icon = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    name = 'alert',
+    color = 'currentColor',
+    size = '1em',
+    prominence = 'default',
+    className,
+    'data-testid': dataTestId,
+    stroke,
+    cursor,
+    strokeWidth,
+    disabled
+  } = _ref3;
+  const render = ICONS[name] || ICONS.alert;
+  const defaultViewBox = useMemo(() => customViewBoxes.find(vB => vB.icons.includes(name))?.viewBox ?? '0 0 24 24', [name]);
+  return jsx(StyledIcon, {
+    ref: ref,
+    color: color,
+    prominence: prominence,
+    size: size,
+    viewBox: defaultViewBox,
+    className: className,
+    "data-testid": dataTestId,
+    stroke: stroke,
+    cursor: cursor,
+    strokeWidth: strokeWidth,
+    disabled: disabled,
+    children: render()
+  });
+});
+
+export { Icon };

package/dist/@ultraviolet/icons/dist/utils/capitalize.js

@@ -0,0 +1,4 @@
+const capitalize = value => value.charAt(0).toUpperCase() + value.slice(1);
+var capitalize$1 = capitalize;
+
+export { capitalize$1 as default };

package/dist/index.d.ts

@@ -36,6 +36,21 @@ type ContentCardProps = {
  */
 declare const ContentCard: react.ForwardRefExoticComponent<ContentCardProps & react.RefAttributes<HTMLAnchorElement & HTMLButtonElement & HTMLDivElement>>;
 
+type BaseContentCardGroupProps = {
+    children: ReactNode;
+    loading?: boolean;
+};
+declare const ContentCardGroup: react.ForwardRefExoticComponent<BaseContentCardGroupProps & react.RefAttributes<HTMLDivElement>> & {
+    Card: react.ForwardRefExoticComponent<{
+        title?: string | undefined;
+        subtitle?: string | undefined;
+        description?: string | undefined;
+        children?: ReactNode;
+        href: string;
+        target?: react.HTMLAttributeAnchorTarget | undefined;
+    } & react.RefAttributes<HTMLAnchorElement>>;
+};
+
 type CodeEditorProps = {
     title?: string;
     value: string;
@@ -47,4 +62,4 @@ type CodeEditorProps = {
 };
 declare const CodeEditor: ({ title, value, onChange, extensions, onBlur, height, readOnly, }: CodeEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-export { CodeEditor, ContentCard };
+export { CodeEditor, ContentCard, ContentCardGroup };

package/dist/src/components/ContentCardGroup/Card.js

@@ -0,0 +1,100 @@
+import _styled from '@emotion/styled/base';
+import { Stack, Text } from '@ultraviolet/ui';
+import { forwardRef } from 'react';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { Icon } from '../../../@ultraviolet/icons/dist/components/Icon/index.js';
+
+const IconWrapper = /*#__PURE__*/_styled("div", {
+  target: "eqcw8nr1"
+})("display:inline-flex;background:", _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral.backgroundWeak;
+}, ";padding:", _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.space['1'];
+}, ";border-radius:", _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.radii.default;
+}, ";");
+const StyledWrapper = /*#__PURE__*/_styled("a", {
+  target: "eqcw8nr0"
+})("display:block;width:100%;padding:", _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.space['3'];
+}, ";text-decoration:none;&:not(:first-child){border-top:1px solid ", _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return theme.colors.neutral.border;
+}, ";}& ", IconWrapper, "{background:", _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.colors.neutral.backgroundWeak;
+}, ";}&:hover{background:", _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.colors.neutral.backgroundHover;
+}, ";& ", IconWrapper, "{background:none;}}");
+const Card = /*#__PURE__*/forwardRef((_ref8, ref) => {
+  let {
+    title,
+    subtitle,
+    description,
+    children,
+    href,
+    target = '_blank'
+  } = _ref8;
+  return jsx(StyledWrapper, {
+    href: href,
+    target: target,
+    ref: ref,
+    children: jsxs(Stack, {
+      direction: "row",
+      gap: 2,
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [jsxs(Stack, {
+        gap: "0.5",
+        children: [jsxs("div", {
+          children: [subtitle ? jsx(Text, {
+            as: "h5",
+            variant: "caption",
+            prominence: "weak",
+            sentiment: "neutral",
+            oneLine: true,
+            children: subtitle
+          }) : null, jsx(Text, {
+            as: "h3",
+            variant: "bodyStrong",
+            sentiment: "neutral",
+            oneLine: true,
+            children: title
+          })]
+        }), description ? jsx(Text, {
+          as: "p",
+          variant: "bodySmall",
+          sentiment: "neutral",
+          oneLine: true,
+          children: description
+        }) : null, children]
+      }), jsx(IconWrapper, {
+        children: jsx(Icon, {
+          name: "open-in-new",
+          color: "neutral"
+        })
+      })]
+    })
+  });
+});
+
+export { Card };

package/dist/src/components/ContentCardGroup/SkeletonCard.js

@@ -0,0 +1,46 @@
+import _styled from '@emotion/styled/base';
+import { Stack, Skeleton } from '@ultraviolet/ui';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+const StyledWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1xovou51"
+})("padding:", _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.space['3'];
+}, ";&:not(:first-child){border-top:1px solid ", _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.colors.neutral.border;
+}, ";}");
+const StyledSquareSkeleton = /*#__PURE__*/_styled(Skeleton, {
+  target: "e1xovou50"
+})("height:32px;width:32px;border-radius:", _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.radii.default;
+}, ";");
+const SkeletonCard = () => jsx(StyledWrapper, {
+  children: jsxs(Stack, {
+    direction: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    children: [jsxs(Stack, {
+      gap: 2,
+      children: [jsx(Skeleton, {
+        variant: "line"
+      }), jsx(Skeleton, {
+        variant: "line"
+      }), jsx(Skeleton, {
+        variant: "line"
+      })]
+    }), jsx(StyledSquareSkeleton, {
+      variant: "square"
+    })]
+  })
+});
+
+export { SkeletonCard };

package/dist/src/components/ContentCardGroup/index.js

@@ -0,0 +1,43 @@
+import _styled from '@emotion/styled/base';
+import { forwardRef, Children } from 'react';
+import { Card } from './Card.js';
+import { SkeletonCard } from './SkeletonCard.js';
+import { jsx, Fragment } from '@emotion/react/jsx-runtime';
+
+const StyledWrapper = /*#__PURE__*/_styled("div", {
+  target: "e1393dgx0"
+})("border-radius:", _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.radii.default;
+}, ";border:1px solid ", _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.colors.neutral.border;
+}, ";background:", _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.colors.neutral.background;
+}, ";");
+const BaseContentCardGroup = /*#__PURE__*/forwardRef((_ref4, ref) => {
+  let {
+    children,
+    loading
+  } = _ref4;
+  return jsx(StyledWrapper, {
+    ref: ref,
+    children: !loading ? children : jsx(Fragment, {
+      children: Children.map(children, (_child, index) =>
+      // eslint-disable-next-line react/no-array-index-key
+      jsx(SkeletonCard, {}, index))
+    })
+  });
+});
+const ContentCardGroup = /*#__PURE__*/Object.assign(BaseContentCardGroup, {
+  Card
+});
+
+export { ContentCardGroup };

package/dist/{index.js → src/index.js}

@@ -1,2 +1,3 @@
 export { ContentCard } from './components/ContentCard/index.js';
+export { ContentCardGroup } from './components/ContentCardGroup/index.js';
 export { CodeEditor } from './components/CodeEditor/CodeEditor.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -40,9 +40,9 @@
   "devDependencies": {
     "@babel/core": "7.23.2",
     "@emotion/babel-plugin": "11.11.0",
-    "@types/react": "18.2.31",
+    "@types/react": "18.2.33",
     "@types/react-dom": "18.2.14",
-    "@ultraviolet/icons": "2.5.0"
+    "@ultraviolet/icons": "2.5.1"
   },
   "dependencies": {
     "@formatjs/ecma402-abstract": "1.17.2",
@@ -55,7 +55,7 @@
     "react-flatten-children": "1.1.2",
     "react-intersection-observer": "9.5.2",
     "@ultraviolet/themes": "1.3.0",
-    "@ultraviolet/ui": "1.22.0"
+    "@ultraviolet/ui": "1.24.0"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"