@moises.ai/design-system 3.4.5 → 3.4.6

package/src/icons/KickdrumIcon.jsx

@@ -0,0 +1,30 @@
+export const KickdrumIcon = ({
+  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.29373 11.5471C5.4058 10.5872 6.2748 9.89989 7.23468 10.012C8.19457 10.124 8.88185 10.993 8.76978 11.9529C8.65771 12.9128 7.78871 13.6001 6.82883 13.488C5.86894 13.3759 5.18165 12.5069 5.29373 11.5471Z"
+      fill="currentColor"
+    />
+    <path
+      d="M7.43674 1.40002C5.9721 1.40002 4.64821 2.58757 3.68938 4.50523C2.73055 6.42289 2.13678 9.07507 2.13678 11.9999C2.13678 13.2259 2.24109 14.4039 2.43288 15.5M7.43674 1.40002C8.90137 1.40002 10.2253 2.58757 11.1841 4.50523M7.43674 1.40002H16.5632C18.0278 1.40002 19.3517 2.58757 20.3106 4.50523M11.1841 4.50523C12.1429 6.42289 12.7367 9.07507 12.7367 11.9999M11.1841 4.50523H20.3106M12.7367 11.9999C12.7367 14.9248 12.1429 17.577 11.1841 19.4947M12.7367 11.9999H21.8632M11.1841 19.4947C10.2253 21.4123 8.90137 22.5999 7.43674 22.5999M11.1841 19.4947H20.3106M7.46754 22.5999H16.5632C18.0279 22.5999 19.3517 21.4123 20.3106 19.4947M20.3106 4.50523C21.2694 6.42289 21.8632 9.07507 21.8632 11.9999M21.8632 11.9999C21.8632 14.9248 21.2694 17.577 20.3106 19.4947M7.03172 11.76V17.4159C7.03172 17.8936 6.8607 18.3556 6.54961 18.7182L3.21924 22.5999H7.89412"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+KickdrumIcon.displayName = 'KickdrumIcon'

package/src/icons/Knob2Icon.jsx

@@ -0,0 +1,27 @@
+export const Knob2Icon = ({ 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_7846_246)">
+      <path
+        d="M11.9999 0.75V1.25M19.9552 4.0452L19.6017 4.39875M23.2504 12.0005L22.7504 12.0005M19.9551 19.9558L19.6016 19.6022M11.9999 23.2509V22.7509M4.04452 19.9558L4.39807 19.6022M0.749329 12.0005H1.24933M4.04459 4.04504L4.39814 4.39859M16.9551 7.04519L13.9999 9.99998M19.5131 12.0002C19.5131 16.1496 16.1494 19.5134 12 19.5134C7.85058 19.5134 4.48683 16.1496 4.48683 12.0002C4.48683 7.85083 7.85058 4.48707 12 4.48707C16.1494 4.48707 19.5131 7.85083 19.5131 12.0002Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7846_246">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+Knob2Icon.displayName = 'Knob2Icon'

package/src/icons/Knob3Icon.jsx

@@ -0,0 +1,27 @@
+export const Knob3Icon = ({ 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_7846_257)">
+      <path
+        d="M11.9999 0.75V1.25M19.9552 4.0452L19.6017 4.39875M23.2504 12.0005L22.7504 12.0005M0.749329 12.0005H1.24933M4.04459 4.04504L4.39814 4.39859M16.9551 7.04519L13.9999 9.99998M19.5131 12.0002C19.5131 16.1496 16.1494 19.5134 12 19.5134C7.85058 19.5134 4.48683 16.1496 4.48683 12.0002C4.48683 7.85083 7.85058 4.48707 12 4.48707C16.1494 4.48707 19.5131 7.85083 19.5131 12.0002Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7846_257">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+Knob3Icon.displayName = 'Knob3Icon'

package/src/icons/KnobIcon.jsx

@@ -0,0 +1,28 @@
+export const KnobIcon = ({ 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_7508_178)">
+      <path
+        d="M16 8L12.9289 11.0711M12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7508_178">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+KnobIcon.displayName = 'KnobIcon'

package/src/icons/LabIcon.jsx

@@ -0,0 +1,21 @@
+export const LabIcon = ({ 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="M7 3H17M9 3H15V11L20.3479 18.6398C21.0438 19.634 20.3326 21 19.119 21H4.88098C3.66745 21 2.95622 19.634 3.65214 18.6398L9 11V3Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LabIcon.displayName = 'LabIcon'

package/src/icons/LaptopIcon.jsx

@@ -0,0 +1,25 @@
+export const LaptopIcon = ({
+  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.28566 14.2667V4.5C3.28566 4.22386 3.50952 4 3.78566 4H19.2142C19.4904 4 19.7142 4.22386 19.7142 4.5V14.2667M3.28566 14.2667H19.7142M3.28566 14.2667L1.2731 19.3148C1.14219 19.6432 1.38406 20 1.73755 20H21.2623C21.6158 20 21.8577 19.6432 21.7268 19.3148L19.7142 14.2667M8.99995 17H13.9999"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+LaptopIcon.displayName = 'LaptopIcon'

package/src/icons/LibraryIcon.jsx

@@ -0,0 +1,31 @@
+export const LibraryIcon = ({
+  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_27817_55883)">
+      <path
+        d="M3.16602 3.16602L3.16602 12.8327M6.49935 3.16602L6.49935 12.8327M9.25508 3.20901L13.6499 12.6337"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_27817_55883">
+        <rect width="16" height="16" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+LibraryIcon.displayName = 'LibraryIcon'

package/src/icons/LinkIcon.jsx

@@ -0,0 +1,21 @@
+export const LinkIcon = ({ 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.99994 13C10.4294 13.5741 10.9773 14.0491 11.6065 14.3929C12.2357 14.7367 12.9314 14.9411 13.6466 14.9923C14.3617 15.0435 15.0795 14.9403 15.7513 14.6897C16.423 14.4392 17.0331 14.047 17.5399 13.54L20.5399 10.54C21.4507 9.59695 21.9547 8.33394 21.9433 7.02296C21.9319 5.71198 21.4061 4.45791 20.479 3.53087C19.552 2.60383 18.2979 2.07799 16.9869 2.0666C15.676 2.0552 14.413 2.55918 13.4699 3.46997L11.7499 5.17997M14 11C13.5705 10.4258 13.0226 9.95078 12.3934 9.60703C11.7642 9.26327 11.0684 9.05885 10.3533 9.00763C9.63816 8.95642 8.92037 9.0596 8.24861 9.31018C7.57685 9.56077 6.96684 9.9529 6.45996 10.46L3.45996 13.46C2.54917 14.403 2.04519 15.666 2.05659 16.977C2.06798 18.288 2.59382 19.542 3.52086 20.4691C4.4479 21.3961 5.70197 21.9219 7.01295 21.9333C8.32393 21.9447 9.58694 21.4408 10.53 20.53L12.24 18.82"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LinkIcon.displayName = 'LinkIcon'

package/src/icons/ListCheckIcon.jsx

@@ -0,0 +1,26 @@
+export const ListCheckIcon = ({
+  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 5H17.5M3 12H17.5M3 19H10M13 18L16.5 21.5L21.5 16.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ListCheckIcon.displayName = 'ListCheckIcon'

package/src/icons/ListIcon.jsx

@@ -0,0 +1,21 @@
+export const ListIcon = ({ 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 6H21M8 12H21M8 18H21M3 6H3.01M3 12H3.01M3 18H3.01"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ListIcon.displayName = 'ListIcon'

package/src/icons/LivePerformanceIcon.jsx

@@ -0,0 +1,23 @@
+export const LivePerformanceIcon = ({
+  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.5 3.49995L4.0135 2.95332C3.7925 2.74571 3.46824 2.6916 3.19181 2.8162C2.91537 2.9408 2.74116 3.21959 2.75034 3.52267L3.5 3.49995ZM19.4865 19.5466C19.7884 19.8302 20.263 19.8154 20.5466 19.5135C20.8302 19.2116 20.8154 18.7369 20.5135 18.4533L19.4865 19.5466ZM20.5 3.49995L21.2497 3.52267C21.2588 3.21959 21.0846 2.9408 20.8082 2.8162C20.5318 2.6916 20.2075 2.74571 19.9865 2.95332L20.5 3.49995ZM3.48649 18.4533C3.18459 18.7369 3.16976 19.2116 3.45336 19.5135C3.73696 19.8154 4.21161 19.8302 4.5135 19.5466L3.48649 18.4533ZM4.85468 3.29141L5.27287 3.914L5.89546 3.49581L5.47727 2.87322L4.85468 3.29141ZM2.42491 4.92346L1.80232 5.34164L2.22051 5.96423L2.8431 5.54605L2.42491 4.92346ZM19.184 3.29141L18.5614 2.87322L18.1432 3.49581L18.7658 3.914L19.184 3.29141ZM21.6137 4.92346L21.1956 5.54605L21.8181 5.96423L22.2363 5.34164L21.6137 4.92346ZM4.74965 19.9772L4.24965 3.47724L2.75034 3.52267L3.25034 20.0227L4.74965 19.9772ZM2.98649 4.04659L19.4865 19.5466L20.5135 18.4533L4.0135 2.95332L2.98649 4.04659ZM20.7497 20.0227L21.2497 3.52267L19.7503 3.47724L19.2503 19.9772L20.7497 20.0227ZM19.9865 2.95332L3.48649 18.4533L4.5135 19.5466L21.0135 4.04659L19.9865 2.95332ZM19.25 19.9999C19.25 20.0022 19.2511 20.0302 19.21 20.0929C19.1655 20.1608 19.0793 20.2563 18.9256 20.3698C18.6145 20.5998 18.1162 20.8384 17.4331 21.0519C16.0759 21.476 14.1549 21.75 12 21.75V23.25C14.2634 23.25 16.3424 22.9643 17.8806 22.4836C18.6452 22.2446 19.3185 21.9446 19.817 21.5763C20.3008 21.2188 20.75 20.6948 20.75 19.9999H19.25ZM12 21.75C9.84514 21.75 7.92408 21.476 6.56685 21.0519C5.88377 20.8384 5.38554 20.5998 5.07435 20.3698C4.92074 20.2563 4.83445 20.1608 4.78998 20.0929C4.74889 20.0302 4.75 20.0022 4.75 19.9999H3.25C3.25 20.6948 3.69922 21.2188 4.183 21.5763C4.68146 21.9446 5.3548 22.2446 6.11944 22.4836C7.65763 22.9643 9.73658 23.25 12 23.25V21.75ZM4.75 19.9999C4.75 19.9977 4.74889 19.9697 4.78998 19.907C4.83445 19.8391 4.92074 19.7435 5.07435 19.6301C5.38554 19.4001 5.88376 19.1615 6.56685 18.948C7.92408 18.5239 9.84514 18.25 12 18.25V16.75C9.73658 16.75 7.65763 17.0356 6.11944 17.5163C5.35481 17.7553 4.68146 18.0553 4.183 18.4236C3.69922 18.781 3.25 19.3051 3.25 19.9999H4.75ZM12 18.25C14.1549 18.25 16.0759 18.5239 17.4331 18.948C18.1162 19.1615 18.6145 19.4001 18.9256 19.6301C19.0793 19.7435 19.1655 19.8391 19.21 19.907C19.2511 19.9697 19.25 19.9977 19.25 19.9999H20.75C20.75 19.3051 20.3008 18.781 19.817 18.4236C19.3185 18.0553 18.6452 17.7553 17.8806 17.5163C16.3424 17.0356 14.2634 16.75 12 16.75V18.25ZM5.47727 2.87322C5.14994 2.38589 4.64242 2.04855 4.06637 1.93542L3.7773 3.4073C3.96298 3.44377 4.12658 3.55251 4.23209 3.70959L5.47727 2.87322ZM4.06637 1.93542C3.49031 1.82228 2.89291 1.94262 2.40558 2.26995L3.24196 3.51514C3.39904 3.40962 3.59161 3.37083 3.7773 3.4073L4.06637 1.93542ZM2.40558 2.26995C1.91825 2.59729 1.58092 3.10481 1.46778 3.68086L2.93967 3.96993C2.97613 3.78424 3.08487 3.62065 3.24196 3.51514L2.40558 2.26995ZM1.46778 3.68086C1.35465 4.25691 1.47499 4.85431 1.80232 5.34164L3.0475 4.50527C2.94199 4.34818 2.9032 4.15561 2.93967 3.96993L1.46778 3.68086ZM2.8431 5.54605L5.27287 3.914L4.43649 2.66881L2.00672 4.30086L2.8431 5.54605ZM19.8066 3.70959C19.9121 3.55251 20.0757 3.44377 20.2614 3.4073L19.9723 1.93542C19.3962 2.04855 18.8887 2.38589 18.5614 2.87322L19.8066 3.70959ZM20.2614 3.4073C20.447 3.37083 20.6396 3.40962 20.7967 3.51514L21.6331 2.26995C21.1457 1.94262 20.5483 1.82228 19.9723 1.93542L20.2614 3.4073ZM20.7967 3.51514C20.9538 3.62065 21.0625 3.78424 21.099 3.96993L22.5709 3.68086C22.4577 3.10481 22.1204 2.59729 21.6331 2.26995L20.7967 3.51514ZM21.099 3.96993C21.1355 4.15561 21.0967 4.34818 20.9911 4.50527L22.2363 5.34164C22.5637 4.85431 22.684 4.25691 22.5709 3.68086L21.099 3.96993ZM22.0319 4.30087L19.6022 2.66881L18.7658 3.914L21.1956 5.54605L22.0319 4.30087Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+LivePerformanceIcon.displayName = 'LivePerformanceIcon'

package/src/icons/LockIcon.jsx

@@ -0,0 +1,28 @@
+export const LockIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 14 14"
+    fill="none"
+    {...props}
+    className={className}
+  >
+    <g clipPath="url(#clip0_29457_74941)">
+      <path
+        d="M4.08333 6.41663V4.08329C4.08333 3.30974 4.39062 2.56788 4.93761 2.0209C5.48459 1.47392 6.22645 1.16663 7 1.16663C7.77355 1.16663 8.51541 1.47392 9.06239 2.0209C9.60938 2.56788 9.91667 3.30974 9.91667 4.08329V6.41663M2.91667 6.41663H11.0833C11.7277 6.41663 12.25 6.93896 12.25 7.58329V11.6666C12.25 12.311 11.7277 12.8333 11.0833 12.8333H2.91667C2.27233 12.8333 1.75 12.311 1.75 11.6666V7.58329C1.75 6.93896 2.27233 6.41663 2.91667 6.41663Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_29457_74941">
+        <rect width="14" height="14" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+LockIcon.displayName = 'LockIcon'

package/src/icons/LogInIcon.jsx

@@ -0,0 +1,21 @@
+export const LogInIcon = ({ 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="M15 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H15M10 17L15 12M15 12L10 7M15 12H3"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LogInIcon.displayName = 'LogInIcon'

package/src/icons/LogOutIcon.jsx

@@ -0,0 +1,26 @@
+export const LogOutIcon = ({
+  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 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9M16 17L21 12M21 12L16 7M21 12H9"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LogOutIcon.displayName = 'LogOutIcon'

package/src/icons/LoopIcon.jsx

@@ -0,0 +1,29 @@
+export const LoopIcon = ({ width = 16, height = 16, className, ...props }) => {
+  return (
+    <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_4338_6306)">
+        <path
+          d="M11.1665 4H11.3332C13.5423 4 15.3332 5.79086 15.3332 8C15.3332 10.2091 13.5423 12 11.3332 12H7.83317M4.72633 12H4.6665C2.45737 12 0.666504 10.2091 0.666504 8C0.666504 5.79086 2.45736 4 4.6665 4H8.33317M5.99984 1.33334L8.6665 4L5.99984 6.66667M9.99984 14.6667L7.33317 12L9.99984 9.33334"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_4338_6306">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+LoopIcon.displayName = 'LoopIcon'

package/src/icons/LoopSection2Icon.jsx

@@ -0,0 +1,26 @@
+export const LoopSection2Icon = ({
+  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 2L14 6L10 10M13.0625 6H4C2.34315 6 1 7.34315 1 9V12C1 13.6569 2.34315 15 4 15H20C21.6569 15 23 13.6569 23 12V9C23 7.34315 21.6569 6 20 6H18M1 18V19C1 20.6569 2.34315 22 4 22H20C21.6569 22 23 20.6569 23 19V18"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LoopSection2Icon.displayName = 'LoopSection2Icon'

package/src/icons/LoopSection3Icon.jsx

@@ -0,0 +1,26 @@
+export const LoopSection3Icon = ({
+  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 3L14 7L10 11M13.0625 7H4C2.34315 7 1 8.34315 1 10V14C1 15.6569 2.34315 17 4 17H20C21.6569 17 23 15.6569 23 14V10C23 8.34315 21.6569 7 20 7H18"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LoopSection3Icon.displayName = 'LoopSection3Icon'

package/src/icons/LoopSectionIcon.jsx

@@ -0,0 +1,26 @@
+export const LoopSectionIcon = ({
+  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 2L13 6L9 10M12.0625 6H5.5C3.01472 6 1 8.01472 1 10.5C1 12.9853 3.01472 15 5.5 15H18.5C20.9853 15 23 12.9853 23 10.5C23 8.01472 20.9853 6 18.5 6H17M23 18C23 20.2091 21.2091 22 19 22H5C2.79086 22 1 20.2091 1 18"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+LoopSectionIcon.displayName = 'LoopSectionIcon'

package/src/icons/LyricsIcon.jsx

@@ -0,0 +1,33 @@
+export const LyricsIcon = ({
+  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.41667 10.4999C10.015 10.4999 10.5 10.0149 10.5 9.41659C10.5 8.81828 10.015 8.33325 9.41667 8.33325C8.81836 8.33325 8.33334 8.81828 8.33334 9.41659C8.33334 10.0149 8.81836 10.4999 9.41667 10.4999Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.5 10.5C15.0983 10.5 15.5833 10.015 15.5833 9.41667C15.5833 8.81836 15.0983 8.33333 14.5 8.33333C13.9017 8.33333 13.4167 8.81836 13.4167 9.41667C13.4167 10.015 13.9017 10.5 14.5 10.5Z"
+      fill="currentColor"
+    />
+    <path
+      d="M8.51673 13.0489C10.7117 12.4503 11.0668 9.83178 10.0668 8.83178C9.06681 7.83178 7.88818 9.49223 8.96567 10.031C9.574 10.3352 10.0668 9.78158 9.88845 9.44035M13.4302 13.0489C15.6253 12.4503 15.9803 9.83178 14.9803 8.83178C13.9803 7.83178 12.8017 9.49223 13.8792 10.031C14.4875 10.3352 14.9803 9.78158 14.802 9.44035M8.48528 18.7061H19C20.6569 18.7061 22 17.3629 22 15.7061V5.70605C22 4.0492 20.6569 2.70605 19 2.70605H5C3.34315 2.70605 2 4.0492 2 5.70605V20.2918C2 21.1827 3.07714 21.6289 3.70711 20.9989L4.24264 20.4634C5.36786 19.3382 6.89398 18.7061 8.48528 18.7061Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+LyricsIcon.displayName = 'LyricsIcon'

package/src/icons/MaracasIcon.jsx

@@ -0,0 +1,24 @@
+export const MaracasIcon = ({
+  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.8065 3.80936C11.9248 2.69104 15.1256 3.69178 17.717 6.28318C20.3084 8.87459 21.3091 12.0754 20.1908 13.1937M8.48832 8.00436C9.25653 5.79428 12.5253 6.81031 14.8575 9.14257C17.1898 11.4748 18.2058 14.7436 15.9958 15.5118M20.1233 13.261C18.5553 14.8291 16.5498 15.6434 14.626 15.671C12.7991 15.6972 10.7288 15.2562 9.45092 16.3938C8.59883 17.1524 7.86446 18.2065 7.2154 19.6571C6.04697 22.2685 3.57056 23.3019 2.18829 21.9196L2.0804 21.8118C0.698121 20.4295 1.73153 17.9531 4.34291 16.7846C5.79353 16.1356 6.84766 15.4012 7.60624 14.5491C8.74387 13.2712 8.30288 11.2009 8.32905 9.37404C8.35661 7.45028 9.17097 5.44476 10.739 3.87674C13.6839 0.931834 18.172 0.645266 20.7634 3.23667C23.3548 5.82808 23.0682 10.3161 20.1233 13.261Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+MaracasIcon.displayName = 'MaracasIcon'

package/src/icons/MasteringIcon.jsx

@@ -0,0 +1,37 @@
+export const MasteringIcon = ({
+  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 4C4 2.89543 4.89543 2 6 2H18C19.1046 2 20 2.89543 20 4V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+    <path
+      d="M16 14.6875C16 16.8966 14.2091 18.6875 12 18.6875C9.79086 18.6875 8 16.8966 8 14.6875C8 12.4784 9.79086 10.6875 12 10.6875C14.2091 10.6875 16 12.4784 16 14.6875Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+    <path
+      d="M12.75 6.70079C12.75 7.115 12.4142 7.45079 12 7.45079C11.5858 7.45079 11.25 7.115 11.25 6.70079C11.25 6.28657 11.5858 5.95079 12 5.95079C12.4142 5.95079 12.75 6.28657 12.75 6.70079Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+MasteringIcon.displayName = 'MasteringIcon'

package/src/icons/Maximize2Icon.jsx

@@ -0,0 +1,26 @@
+export const Maximize2Icon = ({
+  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 2H2M2 2V8M2 2L10 10M16 22H22M22 22V16M22 22L14 14"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Maximize2Icon.displayName = 'Maximize2Icon'

package/src/icons/MaximizeIcon.jsx

@@ -0,0 +1,26 @@
+export const MaximizeIcon = ({
+  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 2H22M22 2V8M22 2L14 10M8 22H2M2 22V16M2 22L10 14"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+MaximizeIcon.displayName = 'MaximizeIcon'