@moises.ai/design-system 3.4.5 → 3.5.0

package/src/icons/Chords3Icon.jsx

@@ -0,0 +1,24 @@
+export const Chords3Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M12.25 14H22M12.25 19.5H22M12.25 8.5H22M8.76563 0.4375V18.2534C8.76563 19.0142 8.47654 19.7467 7.9569 20.3024L7.64063 20.6406M8.49521 17.8611C9.08466 18.882 8.23827 20.4742 6.60475 21.4173C4.97123 22.3604 3.16916 22.2973 2.57971 21.2764C1.99026 20.2554 2.83665 18.6633 4.47017 17.7201C6.1037 16.777 7.90577 16.8401 8.49521 17.8611ZM8.49521 12.4521C9.08466 13.473 8.23827 15.0652 6.60475 16.0083C4.97123 16.9514 3.16916 16.8883 2.57971 15.8674C1.99026 14.8464 2.83665 13.2543 4.47017 12.3111C6.1037 11.368 7.90577 11.4311 8.49521 12.4521ZM8.49521 7.11571C9.08466 8.13666 8.23827 9.72885 6.60475 10.672C4.97123 11.6151 3.16916 11.552 2.57971 10.531C1.99026 9.51008 2.83665 7.91789 4.47017 6.97477C6.1037 6.03166 7.90577 6.09476 8.49521 7.11571Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+Chords3Icon.displayName = 'Chords3Icon'

package/src/icons/ChordsDetection2Icon.jsx

@@ -0,0 +1,31 @@
+export const ChordsDetection2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M9.25 2V1.25H8.5V2L9.25 2ZM19.5 22V22.75H21V22H19.5ZM3 22V22.75H4.5V22H3ZM4.5 12C4.5 11.5858 4.16421 11.25 3.75 11.25C3.33579 11.25 3 11.5858 3 12H4.5ZM14 22V22.75H15.5V22H14ZM9.25 2.75H14.75V1.25H9.25V2.75ZM14.75 2.75H18.25V1.25H14.75V2.75ZM19.5 4V14.5H21V4H19.5ZM19.5 14.5V22H21V14.5H19.5ZM4.5 22V14.5H3V22H4.5ZM4.5 14.5V12H3V14.5H4.5ZM18.25 2.75C18.9404 2.75 19.5 3.30964 19.5 4H21C21 2.48122 19.7688 1.25 18.25 1.25V2.75ZM10 19.2159L10 14.5H8.5L8.5 19.2159H10ZM10 14.5L10 2L8.5 2L8.5 14.5H10ZM15.5 22V14.5H14V22H15.5ZM15.5 14.5V2H14V14.5H15.5ZM3.75 15.25H9.25V13.75H3.75V15.25ZM9.25 15.25H14.75V13.75H9.25V15.25ZM14.75 15.25H20.25V13.75H14.75V15.25ZM3 1.5L3 8.5H4.5V1.5L3 1.5ZM7.25 4.25L0.25 4.25L0.25 5.75L7.25 5.75V4.25Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.25 20.75C11.25 21.8546 10.3546 22.75 9.25 22.75C8.14543 22.75 7.25 21.8546 7.25 20.75C7.25 19.6454 8.14543 18.75 9.25 18.75C10.3546 18.75 11.25 19.6454 11.25 20.75Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.75 8.25C16.75 9.35457 15.8546 10.25 14.75 10.25C13.6454 10.25 12.75 9.35457 12.75 8.25C12.75 7.14543 13.6454 6.25 14.75 6.25C15.8546 6.25 16.75 7.14543 16.75 8.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+ChordsDetection2Icon.displayName = 'ChordsDetection2Icon'

package/src/icons/ChordsDetectionIcon.jsx

@@ -0,0 +1,31 @@
+export const ChordsDetectionIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M19.5 22V22.75H21V22H19.5ZM3 22V22.75H4.5V22H3ZM14 22V22.75H15.5V22H14ZM5.75 2.75H18.25V1.25H5.75V2.75ZM19.5 4V22H21V4H19.5ZM4.5 22V4H3V22H4.5ZM18.25 2.75C18.9404 2.75 19.5 3.30964 19.5 4H21C21 2.48122 19.7688 1.25 18.25 1.25V2.75ZM5.75 1.25C4.23122 1.25 3 2.48122 3 4H4.5C4.5 3.30964 5.05964 2.75 5.75 2.75V1.25ZM10 19.2159L10 2L8.5 2L8.5 19.2159H10ZM15.5 22V2H14V22H15.5ZM3.75 15.25H20.25V13.75H3.75V15.25Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11.25 20.75C11.25 21.8546 10.3546 22.75 9.25 22.75C8.14543 22.75 7.25 21.8546 7.25 20.75C7.25 19.6454 8.14543 18.75 9.25 18.75C10.3546 18.75 11.25 19.6454 11.25 20.75Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.75 8.25C16.75 9.35457 15.8546 10.25 14.75 10.25C13.6454 10.25 12.75 9.35457 12.75 8.25C12.75 7.14543 13.6454 6.25 14.75 6.25C15.8546 6.25 16.75 7.14543 16.75 8.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+ChordsDetectionIcon.displayName = 'ChordsDetectionIcon'

package/src/icons/ChordsIcon.jsx

@@ -0,0 +1,25 @@
+export const ChordsIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M5 20.4723L11.7204 3.19127C11.8196 2.93624 12.1804 2.93624 12.2796 3.19127L19 20.4723M7.5 14.4723H16.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+ChordsIcon.displayName = 'ChordsIcon'

package/src/icons/ClipIcon.jsx

@@ -0,0 +1,27 @@
+export const ClipIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_24070_6111)">
+      <path
+        d="M14.2011 7.28133L8.07441 13.408C7.32385 14.1586 6.30587 14.5802 5.24441 14.5802C4.18296 14.5802 3.16497 14.1586 2.41441 13.408C1.66385 12.6574 1.24219 11.6394 1.24219 10.578C1.24219 9.51654 1.66385 8.49856 2.41441 7.74799L8.54108 1.62133C9.04145 1.12095 9.72011 0.839844 10.4277 0.839844C11.1354 0.839844 11.814 1.12095 12.3144 1.62133C12.8148 2.1217 13.0959 2.80036 13.0959 3.50799C13.0959 4.21563 12.8148 4.89428 12.3144 5.39466L6.18108 11.5213C5.93089 11.7715 5.59156 11.9121 5.23775 11.9121C4.88393 11.9121 4.5446 11.7715 4.29441 11.5213C4.04422 11.2711 3.90367 10.9318 3.90367 10.578C3.90367 10.2242 4.04422 9.88485 4.29441 9.63466L9.95441 3.98133"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_24070_6111">
+        <rect width={width} height={height} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+ClipIcon.displayName = 'ClipIcon'

package/src/icons/ClipboardIcon.jsx

@@ -0,0 +1,23 @@
+export const ClipboardIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M9.75 3V3.75H10.5V3H9.75ZM8 3V2.25H7.25V3H8ZM8 6H7.25C7.25 6.41421 7.58579 6.75 8 6.75V6ZM16 6V6.75C16.4142 6.75 16.75 6.41421 16.75 6H16ZM16 3H16.75V2.25H16V3ZM14.25 3H13.5V3.75H14.25V3ZM8.25 10.75C7.83579 10.75 7.5 11.0858 7.5 11.5C7.5 11.9142 7.83579 12.25 8.25 12.25V10.75ZM15.75 12.25C16.1642 12.25 16.5 11.9142 16.5 11.5C16.5 11.0858 16.1642 10.75 15.75 10.75V12.25ZM8.25 14.75C7.83579 14.75 7.5 15.0858 7.5 15.5C7.5 15.9142 7.83579 16.25 8.25 16.25V14.75ZM12 16.25C12.4142 16.25 12.75 15.9142 12.75 15.5C12.75 15.0858 12.4142 14.75 12 14.75V16.25ZM19.25 5V20H20.75V5H19.25ZM18 21.25H6V22.75H18V21.25ZM4.75 20V5H3.25V20H4.75ZM6 3.75H10.5V2.25H6V3.75ZM13.5 3.75H18V2.25H13.5V3.75ZM11.75 1.75H12.25V0.25H11.75V1.75ZM8 3.75H9.75V2.25H8V3.75ZM8.75 6V3H7.25V6H8.75ZM16 5.25H8V6.75H16V5.25ZM15.25 3V6H16.75V3H15.25ZM14.25 3.75H16V2.25H14.25V3.75ZM12.25 1.75C12.9404 1.75 13.5 2.30964 13.5 3H15C15 1.48122 13.7688 0.25 12.25 0.25V1.75ZM11.75 0.25C10.2312 0.25 9 1.48122 9 3H10.5C10.5 2.30964 11.0596 1.75 11.75 1.75V0.25ZM8.25 12.25H15.75V10.75H8.25V12.25ZM8.25 16.25H12V14.75H8.25V16.25ZM4.75 5C4.75 4.30964 5.30964 3.75 6 3.75V2.25C4.48122 2.25 3.25 3.48122 3.25 5H4.75ZM6 21.25C5.30964 21.25 4.75 20.6904 4.75 20H3.25C3.25 21.5188 4.48122 22.75 6 22.75V21.25ZM19.25 20C19.25 20.6904 18.6904 21.25 18 21.25V22.75C19.5188 22.75 20.75 21.5188 20.75 20H19.25ZM20.75 5C20.75 3.48122 19.5188 2.25 18 2.25V3.75C18.6904 3.75 19.25 4.30964 19.25 5H20.75Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+ClipboardIcon.displayName = 'ClipboardIcon'

package/src/icons/CloseIcon.jsx

@@ -0,0 +1,27 @@
+export const CloseIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_29002_21657)">
+      <path
+        d="M12.6668 3.33301L3.3335 12.6663M3.3335 3.33301L12.6668 12.6663"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_29002_21657">
+        <rect width="16" height="16" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CloseIcon.displayName = 'CloseIcon'

package/src/icons/Cloud2Icon.jsx

@@ -0,0 +1,24 @@
+export const Cloud2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8.65217 19.5C4.426 19.5 1 16.1421 1 12C1 7.85786 4.426 4.5 8.65217 4.5C12.3818 4.5 15.4882 7.11513 16.1667 10.5766C16.7882 10.287 17.4835 10.125 18.2174 10.125C20.8588 10.125 23 12.2237 23 14.8125C23 17.4013 20.8588 19.5 18.2174 19.5C16.4831 19.5 8.65217 19.5 8.65217 19.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+Cloud2Icon.displayName = 'Cloud2Icon'

package/src/icons/Cloud3Icon.jsx

@@ -0,0 +1,24 @@
+export const Cloud3Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M18 19H5C2.79086 19 1 17.2091 1 15C1 12.7909 2.79086 11 5 11C5.34577 11 5.68129 11.0439 6.0013 11.1264C6.00044 11.0843 6 11.0422 6 11C6 7.68629 8.68629 5 12 5C14.6166 5 16.842 6.67497 17.6625 9.01121C17.7741 9.00378 17.8866 9 18 9C20.7614 9 23 11.2386 23 14C23 16.7614 20.7614 19 18 19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+Cloud3Icon.displayName = 'Cloud3Icon'

package/src/icons/CloudDownload2Icon.jsx

@@ -0,0 +1,26 @@
+export const CloudDownload2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8 18.5L11.5 21.5M11.5 21.5L15 18.5M11.5 21.5V11M15 16H19.5C21.1569 16 22.5 14.6569 22.5 13C22.5 11.3431 21.1569 10 19.5 10V8.37132C19.5 5.12868 16.8713 2.5 13.6287 2.5H13.3541C11.2985 2.5 9.4193 3.6614 8.5 5.5H7.5C5.567 5.5 4 7.067 4 9C2.34315 9 1 10.3431 1 12V12.5C1 14.433 2.567 16 4.5 16H8"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CloudDownload2Icon.displayName = 'CloudDownload2Icon'

package/src/icons/CloudDownloadErrorIcon.jsx

@@ -0,0 +1,26 @@
+export const CloudDownloadErrorIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8.00003 17L12 21M12 21L14 19M12 21V17M19.5 19C19.5 19 21.8452 17.6832 22.5798 15.9986C23.0239 14.9804 23.1162 13.8432 22.8422 12.7667C22.5682 11.6901 21.9434 10.7355 21.0666 10.0534C20.1898 9.37137 19.1108 9.00072 18 8.99998H16.74C16.4373 7.82923 15.8731 6.74232 15.0899 5.82098C14.3067 4.89964 13.3248 4.16783 12.2181 3.68059C11.1113 3.19335 9.90851 2.96334 8.70008 3.00787C7.49164 3.05239 6 3.5 5 4.5M2.99996 16.3C2.1992 15.3938 1.61428 14.318 1.28917 13.1532C0.964065 11.9885 0.90723 10.7652 1.12294 9.57538C1.28765 8.66682 1.608 7.79581 2.06783 7M2.99996 3.00787L21 21.0079"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CloudDownloadErrorIcon.displayName = 'CloudDownloadErrorIcon'

package/src/icons/CloudDownloadGradientIcon.jsx

@@ -0,0 +1,44 @@
+export const CloudDownloadGradientIcon = ({
+  width = 80,
+  height = 80,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 80 80"
+    fill="none"
+    {...props}
+    className={className}
+  >
+    <g clipPath="url(#clip0_29446_178301)">
+      <path
+        d="M67.9668 61.3001C71.2179 59.5277 73.7862 56.7231 75.2664 53.3289C76.7465 49.9347 77.0542 46.1442 76.1408 42.5557C75.2274 38.9673 73.1451 35.7851 70.2223 33.5116C67.2996 31.238 63.703 30.0026 60.0001 30.0001H55.8001C54.7912 26.0976 52.9106 22.4746 50.2999 19.4034C47.6892 16.3323 44.4163 13.8929 40.7271 12.2688C37.038 10.6447 33.0286 9.87797 29.0005 10.0264C24.9724 10.1748 21.0303 11.2344 17.4707 13.1257C13.9111 15.0169 10.8265 17.6905 8.44885 20.9454C6.07122 24.2003 4.46241 27.9519 3.74338 31.9181C3.02434 35.8843 3.2138 39.9619 4.29749 43.8443C5.38118 47.7267 7.33092 51.313 10.0001 54.3334M26.6669 56.6668L40.0002 70.0002M40.0002 70.0002L53.3336 56.6668M40.0002 70.0002L40.0002 40.0002"
+        stroke="url(#paint0_linear_29446_178301)"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="paint0_linear_29446_178301"
+        x1="67.4882"
+        y1="21.0693"
+        x2="23.5113"
+        y2="71.1863"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0AFFA7" />
+        <stop offset="1" stopColor="#00DAE8" />
+      </linearGradient>
+      <clipPath id="clip0_29446_178301">
+        <rect width="80" height="80" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CloudDownloadGradientIcon.displayName = 'CloudDownloadGradientIcon'

package/src/icons/CloudDownloadIcon.jsx

@@ -0,0 +1,26 @@
+export const CloudDownloadIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M20.39 18.39C21.3653 17.8583 22.1358 17.0169 22.5798 15.9986C23.0239 14.9804 23.1162 13.8432 22.8422 12.7667C22.5682 11.6901 21.9434 10.7355 21.0666 10.0534C20.1898 9.37137 19.1108 9.00072 18 8.99998H16.74C16.4373 7.82923 15.8731 6.74232 15.0899 5.82098C14.3067 4.89964 13.3248 4.16783 12.2181 3.68059C11.1113 3.19335 9.90851 2.96334 8.70008 3.00787C7.49164 3.05239 6.30903 3.37028 5.24114 3.93765C4.17325 4.50501 3.24787 5.30709 2.53458 6.28357C1.82129 7.26004 1.33865 8.38552 1.12294 9.57538C0.90723 10.7652 0.964065 11.9885 1.28917 13.1532C1.61428 14.318 2.1992 15.3938 2.99996 16.3M8 17L12 21M12 21L16 17M12 21L12 12"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CloudDownloadIcon.displayName = 'CloudDownloadIcon'

package/src/icons/CloudIcon.jsx

@@ -0,0 +1,20 @@
+export const CloudIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M19.5361 11.0356C19.5429 10.9219 19.5463 10.8073 19.5463 10.6919C19.5463 7.54833 16.998 5 13.8545 5C11.4846 5 9.45297 6.44837 8.59654 8.50822C8.09503 8.1516 7.48177 7.94189 6.81952 7.94189C5.12414 7.94189 3.74976 9.31628 3.74976 11.0117C3.74976 11.074 3.75162 11.136 3.75529 11.1975C2.15558 11.7208 1 13.2254 1 15C1 17.2091 2.79086 19 5 19H19C21.2091 19 23 17.2091 23 15C23 12.9727 21.4918 11.2976 19.5361 11.0356Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CloudIcon.displayName = 'CloudIcon'

package/src/icons/CloudUploadIcon.jsx

@@ -0,0 +1,26 @@
+export const CloudUploadIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M20.39 18.39C21.3653 17.8583 22.1358 17.0169 22.5798 15.9986C23.0239 14.9804 23.1162 13.8432 22.8422 12.7667C22.5682 11.6901 21.9434 10.7355 21.0666 10.0534C20.1898 9.37137 19.1108 9.00072 18 8.99998H16.74C16.4373 7.82923 15.8731 6.74232 15.0899 5.82098C14.3067 4.89964 13.3248 4.16783 12.2181 3.68059C11.1113 3.19335 9.90851 2.96334 8.70008 3.00787C7.49164 3.05239 6.30903 3.37028 5.24114 3.93765C4.17325 4.50501 3.24787 5.30709 2.53458 6.28357C1.82129 7.26004 1.33865 8.38552 1.12294 9.57538C0.90723 10.7652 0.964065 11.9885 1.28917 13.1532C1.61428 14.318 2.1992 15.3938 2.99996 16.3M15.9999 15.9999L11.9999 11.9999M11.9999 11.9999L7.99994 15.9999M11.9999 11.9999L11.9999 20.9999"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CloudUploadIcon.displayName = 'CloudUploadIcon'

package/src/icons/CodeIcon.jsx

@@ -0,0 +1,28 @@
+export const CodeIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clip-path="url(#clip0_3062_1578)">
+      <path
+        d="M17 17.8117L22 11.8117L17 5.81167M7 5.81167L2 11.8117L7 17.8117M14.0303 4.03015L9.75982 19.9679"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_3062_1578">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CodeIcon.displayName = 'CodeIcon'

package/src/icons/CollectionsIcon.jsx

@@ -0,0 +1,26 @@
+export const CollectionsIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M22 6V20C22 21.1046 21.1046 22 20 22H6M12.17 10.8944V12.5734C12.17 13.4748 11.567 14.2649 10.6974 14.5026L9.95481 14.7056C8.97056 14.9747 8 14.2338 8 13.2135C8 12.5159 8.46681 11.9047 9.13974 11.7211L12.17 10.8944ZM12.17 10.8944V5M4 18H16C17.1046 18 18 17.1046 18 16V4C18 2.89543 17.1046 2 16 2H4C2.89543 2 2 2.89543 2 4V16C2 17.1046 2.89543 18 4 18Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+CollectionsIcon.displayName = 'CollectionsIcon'

package/src/icons/CompressorIcon.jsx

@@ -0,0 +1,25 @@
+export const CompressorIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M1 20H23M1 14.125H1.70861C3.06147 14.125 4.24694 13.2195 4.6029 11.9144L5.07047 10.1999C5.60639 8.23491 8.39361 8.23491 8.92953 10.1999L9.47377 12.1955C9.78446 13.3347 10.8192 14.125 12 14.125C13.1808 14.125 14.2155 13.3347 14.5262 12.1955L15.0705 10.1999C15.6064 8.23491 18.3936 8.23491 18.9295 10.1999L19.3971 11.9144C19.7531 13.2195 20.9385 14.125 22.2914 14.125H23M1 4H23"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+CompressorIcon.displayName = 'CompressorIcon'

package/src/icons/ComputerIcon.jsx

@@ -0,0 +1,26 @@
+export const ComputerIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M14 16V21M10 21V16M18 21H6M3 16H21C21.5523 16 22 15.5523 22 15V4C22 3.44772 21.5523 3 21 3H3C2.44772 3 2 3.44772 2 4V15C2 15.5523 2.44772 16 3 16Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ComputerIcon.displayName = 'ComputerIcon'

package/src/icons/CopilotIcon.jsx

@@ -0,0 +1,26 @@
+export const CopilotIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M14.2215 2.2536C19.6039 3.49079 22.9644 8.85711 21.7272 14.2396C20.8435 18.0839 17.8536 20.8967 14.2558 21.7397M9.57144 2.29266C9.07223 2.41725 8.57624 2.58205 8.08745 2.78868C7.5965 2.99623 7.13077 3.23839 6.69188 3.51113M3.42021 6.83943C3.15531 7.28052 2.92112 7.74777 2.72161 8.23951C2.52121 8.73341 2.36312 9.23397 2.24564 9.73717M2.27294 14.4056C2.39589 14.9052 2.55907 15.4018 2.7641 15.8912C2.97004 16.3829 3.21067 16.8494 3.48197 17.2892M6.8157 20.5674C7.25698 20.832 7.72441 21.0659 8.21629 21.265C8.71034 21.4651 9.21102 21.6228 9.7143 21.7399M15.5 12L9.50023 15.4639V8.536L15.5 12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CopilotIcon.displayName = 'CopilotIcon'

package/src/icons/CountInIcon.jsx

@@ -0,0 +1,23 @@
+export const CountInIcon = ({ width, height, className, ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g id="ic-count-in">
+      <path
+        id="Stroke"
+        d="M4.16675 2.2383L5.42218 1.17901C5.58473 1.04185 5.8334 1.1574 5.8334 1.37008L5.83341 7.91536M16.0417 16.9786L16.0417 11.9845C16.0417 11.742 15.7311 11.6415 15.589 11.8381L12.1615 16.5822C12.0421 16.7475 12.1602 16.9786 12.3642 16.9786H16.0417ZM16.0417 16.9786L16.0417 18.8791M16.0417 16.9786H17.2882M12.5001 2.91536C12.5001 1.66536 13.2622 0.832031 14.5834 0.832031C16.3662 0.832031 17.0834 2.91536 15.8334 4.16536C14.6852 5.31359 13.8552 6.00625 12.4665 7.49877C12.3186 7.65766 12.4315 7.91536 12.6486 7.91536H16.6667M5.362 15.2251C6.6676 15.2251 7.2875 14.3352 7.2875 13.4452C7.2875 12.5553 6.49243 11.6657 5.22134 11.6657C4.19916 11.6657 3.50474 12.241 3.27197 12.9291M5.362 15.2251H4.56693M5.362 15.2251C6.6676 15.2251 7.2875 16.1151 7.2875 17.005C7.2875 17.895 6.49243 18.7846 5.22134 18.7846C4.19916 18.7846 3.50474 18.2093 3.27197 17.5211"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </g>
+  </svg>
+)
+
+CountInIcon.displayName = 'CountInIcon'

package/src/icons/CountdownIcon.jsx

@@ -0,0 +1,33 @@
+export const CountdownIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_7548_180)">
+      <path
+        d="M12 22.5V17.25M12 1.5V12H22.5M1.5 12L6.75 12M6.34315 6.34315C9.46734 3.21895 14.5327 3.21895 17.6569 6.34315C20.781 9.46734 20.781 14.5327 17.6569 17.6569C14.5327 20.781 9.46734 20.781 6.34315 17.6569C3.21895 14.5327 3.21895 9.46734 6.34315 6.34315Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7548_180">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CountdownIcon.displayName = 'CountdownIcon'

package/src/icons/CowbellIcon.jsx

@@ -0,0 +1,25 @@
+export const CowbellIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M21.4745 7.02452L14.7245 18.7159M15 6V3C15 2.44772 14.5523 2 14 2H10C9.44772 2 9 2.44772 9 3V6M15 6H9M15 6H16.175C16.654 6 17.0657 6.33968 17.1567 6.80996L18.1786 12.2069M9 6H7.82988C7.34866 6 6.93569 6.34274 6.84701 6.81571L4.22201 20.8157C4.10662 21.4311 4.57874 22 5.20488 22H18.7971C19.4225 22 19.8945 21.4323 19.7803 20.8174L19.1581 17.4684"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+CowbellIcon.displayName = 'CowbellIcon'