@moises.ai/design-system 3.4.4 → 3.4.6

package/src/icons/PuzzlePieceIcon.jsx

@@ -0,0 +1,26 @@
+export const PuzzlePieceIcon = ({
+  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="M10.4301 5.38485C10.5641 4.74502 10.4721 4.05541 10.1195 3.44473C9.35918 2.12785 7.6753 1.67666 6.35842 2.43696C5.04155 3.19725 4.59035 4.88114 5.35065 6.19801C5.70323 6.8087 6.25443 7.23321 6.87554 7.43708L2.29443 10.082L4.93933 14.6631C5.1432 14.042 5.56771 13.4908 6.17837 13.1383C7.49524 12.378 9.17913 12.8292 9.93942 14.146C10.6997 15.4629 10.2485 17.1468 8.93165 17.9071C8.32099 18.2596 7.63141 18.3517 6.9916 18.2177L9.63652 22.7988L18.8893 17.4568C20.8025 16.3522 21.458 13.9058 20.3534 11.9927L15.0113 2.73989L10.4301 5.38485Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+PuzzlePieceIcon.displayName = 'PuzzlePieceIcon'

package/src/icons/QuantizationIcon.jsx

@@ -0,0 +1,25 @@
+export const QuantizationIcon = ({
+  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="M2 15H7M7 15H17M7 15V20M7 15V9M17 15H22M17 15V20M17 15V9M2 9H7M7 9H17M7 9V4M17 9H22M17 9V4M4 20H20C21.1046 20 22 19.1046 22 18V6C22 4.89543 21.1046 4 20 4H4C2.89543 4 2 4.89543 2 6V18C2 19.1046 2.89543 20 4 20Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+QuantizationIcon.displayName = 'QuantizationIcon'

package/src/icons/RadioIcon.jsx

@@ -0,0 +1,36 @@
+export const RadioIcon = ({ 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_24125_23139)">
+      <path
+        d="M2.66602 2.66634C2.66602 1.92996 3.26297 1.33301 3.99935 1.33301H11.9993C12.7357 1.33301 13.3327 1.92996 13.3327 2.66634V13.333C13.3327 14.0694 12.7357 14.6663 11.9993 14.6663H3.99935C3.26297 14.6663 2.66602 14.0694 2.66602 13.333V2.66634Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+      <path
+        d="M10.666 9.79134C10.666 11.2641 9.47211 12.458 7.99935 12.458C6.52659 12.458 5.33268 11.2641 5.33268 9.79134C5.33268 8.31858 6.52659 7.12467 7.99935 7.12467C9.47211 7.12467 10.666 8.31858 10.666 9.79134Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+      <path
+        d="M8.49935 4.46686C8.49935 4.74301 8.27549 4.96687 7.99935 4.96687C7.72321 4.96687 7.49935 4.74301 7.49935 4.46686C7.49935 4.19072 7.72321 3.96686 7.99935 3.96686C8.27549 3.96686 8.49935 4.19072 8.49935 4.46686Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_24125_23139">
+        <rect width={width} height={height} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+RadioIcon.displayName = 'RadioIcon'

package/src/icons/RadioOffIcon.jsx

@@ -0,0 +1,26 @@
+export const RadioOffIcon = ({
+  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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+RadioOffIcon.displayName = 'RadioOffIcon'

package/src/icons/RecordIcon.jsx

@@ -0,0 +1,15 @@
+export const RecordIcon = ({ width, height, className, ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <rect width="16" height="16" rx="8" fill="currentColor" />
+  </svg>
+)
+
+RecordIcon.displayName = 'RecordIcon'

package/src/icons/RecordingIcon.jsx

@@ -0,0 +1,22 @@
+export const RecordingIcon = ({ width, height, className, ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 30 30"
+    fill="none"
+    className={className}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <rect
+      width="30"
+      height="30"
+      rx="15"
+      fill="currentColor"
+      fillOpacity="0.266667"
+    />
+    <rect x="8" y="8" width="14" height="14" rx="2" fill="currentColor" />
+  </svg>
+)
+
+RecordingIcon.displayName = 'RecordingIcon'

package/src/icons/RedoIcon.jsx

@@ -0,0 +1,26 @@
+export const RedoIcon = ({ 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_19372_32432)">
+      <path
+        d="M2.66602 10C3.35594 7.68681 5.50339 6 8.04566 6C10.4832 6 12.5578 7.83332 13.3327 10M13.3327 10H9.33268M13.3327 10V6"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_19372_32432">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+RedoIcon.displayName = 'RedoIcon'

package/src/icons/RefreshBackIcon.jsx

@@ -0,0 +1,32 @@
+export const RefreshBackIcon = ({
+  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_28160_53772)">
+      <path
+        d="M2.625 8.68286C2.625 11.6968 5.06828 14.1401 8.08221 14.1401C11.0961 14.1401 13.5394 11.6968 13.5394 8.68286C13.5394 5.66892 11.0961 3.22565 8.08221 3.22565H6.03576M7.66746 0.75L5.14219 3.27653L7.66746 5.80307"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_28160_53772">
+        <rect width="16" height="16" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+RefreshBackIcon.displayName = 'RefreshBackIcon'

package/src/icons/RefreshIcon.jsx

@@ -0,0 +1,26 @@
+export const RefreshIcon = ({
+  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.3092 13.0243C20.3092 17.5452 16.6443 21.2101 12.1234 21.2101C7.60248 21.2101 3.93757 17.5452 3.93757 13.0243C3.93757 8.50339 7.60248 4.83847 12.1234 4.83847H15.1931M12.7455 1.125L16.5334 4.9148L12.7455 8.7046"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+RefreshIcon.displayName = 'RefreshIcon'

package/src/icons/RemoveFromDeviceIcon.jsx

@@ -0,0 +1,23 @@
+export const RemoveFromDeviceIcon = ({
+  width = 16,
+  height = 24,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M10.4697 15.7803C10.7626 16.0732 11.2374 16.0732 11.5303 15.7803C11.8232 15.4874 11.8232 15.0126 11.5303 14.7197L10.4697 15.7803ZM5.5 2H4.75C4.75 2.41421 5.08579 2.75 5.5 2.75V2ZM10 2V2.75C10.4142 2.75 10.75 2.41421 10.75 2H10ZM5.03033 8.21967C4.73744 7.92678 4.26256 7.92678 3.96967 8.21967C3.67678 8.51256 3.67678 8.98744 3.96967 9.28033L5.03033 8.21967ZM11.5303 9.28033C11.8232 8.98744 11.8232 8.51256 11.5303 8.21967C11.2374 7.92678 10.7626 7.92678 10.4697 8.21967L11.5303 9.28033ZM3.96967 14.7197C3.67678 15.0126 3.67678 15.4874 3.96967 15.7803C4.26256 16.0732 4.73744 16.0732 5.03033 15.7803L3.96967 14.7197ZM14 2.75V20.75H15.5V2.75H14ZM12.75 22H2.75V23.5H12.75V22ZM1.5 20.75V2.75H0V20.75H1.5ZM2.75 22C2.05964 22 1.5 21.4404 1.5 20.75H0C0 22.2688 1.23122 23.5 2.75 23.5V22ZM14 20.75C14 21.4404 13.4404 22 12.75 22V23.5C14.2688 23.5 15.5 22.2688 15.5 20.75H14ZM12.75 1.5C13.4404 1.5 14 2.05964 14 2.75H15.5C15.5 1.23122 14.2688 0 12.75 0V1.5ZM2.75 0C1.23122 0 0 1.23122 0 2.75H1.5C1.5 2.05964 2.05964 1.5 2.75 1.5V0ZM5.5 2.75H10V1.25H5.5V2.75ZM3.96967 9.28033L10.4697 15.7803L11.5303 14.7197L5.03033 8.21967L3.96967 9.28033ZM10.4697 8.21967L3.96967 14.7197L5.03033 15.7803L11.5303 9.28033L10.4697 8.21967ZM10 1.5H12.75V0H10V1.5ZM10.75 2V0.75H9.25V2H10.75ZM2.75 1.5H5.5V0H2.75V1.5ZM5.5 1.5H10V0H5.5V1.5ZM6.25 2V0.75H4.75V2H6.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+RemoveFromDeviceIcon.displayName = 'RemoveFromDeviceIcon'

package/src/icons/RemoveIcon.jsx

@@ -0,0 +1,25 @@
+export const RemoveIcon = ({
+  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 12H16M7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+RemoveIcon.displayName = 'RemoveIcon'

package/src/icons/ReorderIcon.jsx

@@ -0,0 +1,26 @@
+export const ReorderIcon = ({
+  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 6H15M8 12H15M8 18H15"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ReorderIcon.displayName = 'ReorderIcon'

package/src/icons/RepostIcon.jsx

@@ -0,0 +1,26 @@
+export const RepostIcon = ({
+  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 8L5 4M5 4L9 8M5 4V16C5 17.0609 5.42143 18.0783 6.17157 18.8284C6.92172 19.5786 7.93913 20 9 20H11M23 16L19 20M19 20L15 16M19 20V8C19 6.93913 18.5786 5.92172 17.8284 5.17157C17.0783 4.42143 16.0609 4 15 4H13"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+RepostIcon.displayName = 'RepostIcon'

package/src/icons/ReverbIcon.jsx

@@ -0,0 +1,25 @@
+export const ReverbIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 22 22"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M1 1H19C20.1046 1 21 1.89543 21 3V21M17 9C14.7909 9 13 7.20914 13 5M17 13C12.5817 13 9 9.41828 9 5M17 17C10.3726 17 5 11.6274 5 5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+ReverbIcon.displayName = 'ReverbIcon'

package/src/icons/RocketIcon.jsx

@@ -0,0 +1,30 @@
+export const RocketIcon = ({
+  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_2034_941)">
+      <path
+        d="M6.15643 12.7449L5.4648 12.4548C5.347 12.7356 5.41074 13.0598 5.6261 13.2752L6.15643 12.7449ZM7.18241 10.2987L6.49078 10.0086L7.18241 10.2987ZM20.2489 1.7145L20.2406 2.46445L20.2489 1.7145ZM22.0158 1.7342L22.7658 1.72584C22.7612 1.31817 22.4319 0.988797 22.0242 0.984251L22.0158 1.7342ZM22.0355 3.50109L21.2856 3.50945V3.50945L22.0355 3.50109ZM13.4513 16.5676L13.7414 17.2592L13.4513 16.5676ZM11.0052 17.5936L10.4748 18.1239C10.6902 18.3393 11.0144 18.403 11.2952 18.2852L11.0052 17.5936ZM10.0128 5.15485L9.88949 5.89464L10.0128 5.15485ZM3.63105 7.39106L3.10072 6.86073C2.96007 7.00138 2.88105 7.19215 2.88105 7.39106C2.88105 7.58997 2.96007 7.78074 3.10072 7.92139L3.63105 7.39106ZM18.5952 13.7372L17.8554 13.8605V13.8605L18.5952 13.7372ZM16.359 20.119L15.8286 20.6493C16.1215 20.9422 16.5964 20.9422 16.8893 20.6493L16.359 20.119ZM6.34336 18.4673C6.63625 18.1744 6.63625 17.6996 6.34336 17.4067C6.05047 17.1138 5.57559 17.1138 5.2827 17.4067L6.34336 18.4673ZM1.45427 21.2351C1.16138 21.528 1.16138 22.0029 1.45427 22.2958C1.74717 22.5887 2.22204 22.5887 2.51493 22.2958L1.45427 21.2351ZM3.22204 15.346C3.51493 15.0531 3.51493 14.5782 3.22204 14.2854C2.92914 13.9925 2.45427 13.9925 2.16138 14.2854L3.22204 15.346ZM0.332951 16.1138C0.040058 16.4067 0.040058 16.8815 0.332951 17.1744C0.625844 17.4673 1.10072 17.4673 1.39361 17.1744L0.332951 16.1138ZM9.46468 21.5887C9.75757 21.2958 9.75757 20.8209 9.46468 20.528C9.17179 20.2351 8.69691 20.2351 8.40402 20.528L9.46468 21.5887ZM6.57559 22.3564C6.2827 22.6493 6.2827 23.1242 6.57559 23.4171C6.86848 23.71 7.34336 23.71 7.63625 23.4171L6.57559 22.3564ZM6.84806 13.035L7.87404 10.5888L6.49078 10.0086L5.4648 12.4548L6.84806 13.035ZM20.2406 2.46445L22.0075 2.48416L22.0242 0.984251L20.2573 0.964546L20.2406 2.46445ZM21.2659 1.74257L21.2856 3.50945L22.7855 3.49272L22.7658 1.72584L21.2659 1.74257ZM13.1612 15.876L10.7151 16.902L11.2952 18.2852L13.7414 17.2592L13.1612 15.876ZM11.5355 17.0633L6.68676 12.2145L5.6261 13.2752L10.4748 18.1239L11.5355 17.0633ZM21.2856 3.50945C21.3457 8.90063 18.1332 13.7907 13.1612 15.876L13.7414 17.2592C19.2762 14.9378 22.8524 9.49423 22.7855 3.49272L21.2856 3.50945ZM7.87404 10.5888C9.95938 5.61687 14.8494 2.40433 20.2406 2.46445L20.2573 0.964546C14.2558 0.897615 8.8122 4.47385 6.49078 10.0086L7.87404 10.5888ZM10.8254 4.52994L10.1361 4.41505L9.88949 5.89464L10.5788 6.00953L10.8254 4.52994ZM3.38192 6.57953L3.10072 6.86073L4.16138 7.92139L4.44258 7.64019L3.38192 6.57953ZM3.10072 7.92139L6.63625 11.4569L7.69691 10.3963L4.16138 6.86073L3.10072 7.92139ZM10.1361 4.41505C7.66727 4.00358 5.15171 4.80973 3.38192 6.57953L4.44258 7.64019C5.86983 6.21293 7.89851 5.56281 9.88949 5.89464L10.1361 4.41505ZM17.7405 13.1712L17.8554 13.8605L19.335 13.6139L19.2201 12.9246L17.7405 13.1712ZM16.1098 19.3075L15.8286 19.5886L16.8893 20.6493L17.1705 20.3681L16.1098 19.3075ZM16.8893 19.5886L13.3538 16.0531L12.2931 17.1138L15.8286 20.6493L16.8893 19.5886ZM17.8554 13.8605C18.1872 15.8515 17.5371 17.8802 16.1098 19.3075L17.1705 20.3681C18.9403 18.5983 19.7464 16.0828 19.335 13.6139L17.8554 13.8605ZM12.9039 3.91086L19.7085 11.0187L20.792 9.98135L13.9874 2.87355L12.9039 3.91086ZM5.2827 17.4067L1.45427 21.2351L2.51493 22.2958L6.34336 18.4673L5.2827 17.4067ZM2.16138 14.2854L0.332951 16.1138L1.39361 17.1744L3.22204 15.346L2.16138 14.2854ZM8.40402 20.528L6.57559 22.3564L7.63625 23.4171L9.46468 21.5887L8.40402 20.528Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2034_941">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+RocketIcon.displayName = 'RocketIcon'

package/src/icons/SaveTimeIcon.jsx

@@ -0,0 +1,26 @@
+export const SaveTimeIcon = ({
+  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="M10.5 5.24089V10.5L13 12M22.5776 18L18.743 22.1832L17 20.2817M19 10.5C19 15.1944 15.1944 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+SaveTimeIcon.displayName = 'SaveTimeIcon'

package/src/icons/SearchIcon.jsx

@@ -0,0 +1,32 @@
+export const SearchIcon = ({
+  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_27839_47379)">
+      <path
+        d="M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_27839_47379">
+        <rect width="16" height="16" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+SearchIcon.displayName = 'SearchIcon'

package/src/icons/SectionsIcon.jsx

@@ -0,0 +1,25 @@
+export const SectionsIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 20 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M18.3311 23C17.4666 21.5055 15.8507 20.5 14 20.5H6.00003C4.14933 20.5 2.53347 21.5055 1.66895 23M18.3311 1C17.4666 2.4945 15.8507 3.5 14 3.5H6.00003C4.14933 3.5 2.53347 2.4945 1.66895 1M19 12C19 14.7614 16.7614 17 14 17H6C3.23858 17 1 14.7614 1 12C1 9.23857 3.23858 7 6 7H14C16.7614 7 19 9.23857 19 12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+SectionsIcon.displayName = 'SectionsIcon'

package/src/icons/Setlist2Icon.jsx

@@ -0,0 +1,26 @@
+export const Setlist2Icon = ({
+  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="M4 5.6H20M6 2H18M6.58826 22H17.4117C18.3418 22 19.1491 21.3589 19.3598 20.453L21.4295 11.553C21.7212 10.2989 20.7691 9.1 19.4815 9.1H4.51849C3.23092 9.1 2.27882 10.2989 2.57047 11.553L4.64024 20.453C4.85091 21.3589 5.65821 22 6.58826 22Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Setlist2Icon.displayName = 'Setlist2Icon'

package/src/icons/SetlistIcon.jsx

@@ -0,0 +1,26 @@
+export const SetlistIcon = ({
+  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="M10.0697 15.5517V17.0078C10.0697 17.7048 9.60013 18.3142 8.92627 18.4919L8.60105 18.5777C7.79198 18.7911 7 18.1809 7 17.3442C7 16.765 7.39025 16.2584 7.95034 16.1107L10.0697 15.5517ZM10.0697 15.5517V9.71998L16.5 8V13.8234M16.5 13.8234V15.2876C16.5 15.9847 16.0304 16.5942 15.3564 16.772L15.0294 16.8582C14.2211 17.0714 13.4298 16.4617 13.4298 15.6258C13.4298 15.0493 13.8168 14.5446 14.3735 14.3949L16.5 13.8234ZM5 2H19M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V6Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+SetlistIcon.displayName = 'SetlistIcon'

package/src/icons/SettingsIcon.jsx

@@ -0,0 +1,27 @@
+export const SettingsIcon = ({
+  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}
+  >
+    <path
+      d="M10.3407 8.00001C10.3407 6.7077 9.29308 5.66007 8.00076 5.66007C6.70845 5.66007 5.66082 6.7077 5.66082 8.00001C5.66082 9.29233 6.70845 10.34 8.00076 10.34C9.29308 10.34 10.3407 9.29233 10.3407 8.00001Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M6.27794 1.55619C6.34173 1.24521 6.61541 1.02197 6.93286 1.02197H8.91853C9.23597 1.02197 9.50965 1.24521 9.57344 1.55619L9.86676 2.98611C10.432 3.19656 10.952 3.49985 11.4083 3.87745L12.7948 3.41603C13.096 3.31579 13.4262 3.44118 13.5849 3.7161L14.5777 5.43574C14.7364 5.71066 14.68 6.05929 14.4425 6.27002L13.3015 7.28281C13.3329 7.5174 13.3492 7.75681 13.3492 8.00001C13.3492 8.3034 13.3239 8.60089 13.2754 8.89049L14.3675 9.85986C14.6049 10.0706 14.6614 10.4192 14.5027 10.6941L13.5099 12.4138C13.3511 12.6887 13.021 12.8141 12.7198 12.7138L11.2717 12.2319C10.8492 12.559 10.3763 12.8242 9.86676 13.0139L9.57344 14.4438C9.50965 14.7548 9.23598 14.9781 8.91853 14.9781H6.93286C6.61541 14.9781 6.34173 14.7548 6.27794 14.4438L5.97153 12.9501C5.52394 12.7664 5.10677 12.5238 4.72968 12.2319L3.28155 12.7138C2.98034 12.8141 2.65017 12.6887 2.49145 12.4138L1.49861 10.6941C1.33989 10.4192 1.39638 10.0706 1.6338 9.85985L2.72606 8.89035C2.67755 8.6008 2.65229 8.30335 2.65229 8.00001C2.65229 7.75685 2.66852 7.51748 2.69995 7.28292L1.55876 6.27001C1.32135 6.05928 1.26486 5.71065 1.42358 5.43573L2.41641 3.71609C2.57514 3.44117 2.90531 3.31577 3.20652 3.41602L4.59309 3.87748C5.00514 3.53649 5.46918 3.2561 5.97153 3.04995L6.27794 1.55619Z"
+      stroke="currentColor"
+    />
+  </svg>
+)
+
+SettingsIcon.displayName = 'SettingsIcon'

package/src/icons/SharpIcon.jsx

@@ -0,0 +1,20 @@
+export const SharpIcon = ({ 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.77435 3.86576V22.3782M15.5061 1.62183V20.1343M3.375 11.7132L20.625 4.99401M3.375 19.0011L20.625 12.2819"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+SharpIcon.displayName = 'SharpIcon'

package/src/icons/ShiftIcon.jsx

@@ -0,0 +1,20 @@
+export const ShiftIcon = ({ 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="M3 13L12 3L21 13H17V21H7V13H3Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ShiftIcon.displayName = 'ShiftIcon'

package/src/icons/ShuffleIcon.jsx

@@ -0,0 +1,26 @@
+export const ShuffleIcon = ({
+  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="M16 2.5H21M21 2.5V7.5M21 2.5L4 19.5M21 15.5V20.5M21 20.5H16M21 20.5L15 14.5M4 3.5L9 8.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ShuffleIcon.displayName = 'ShuffleIcon'